![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbEtNd6g4D1Eck0izZ-Q1tynRBqkk5xXAHsBSihZSC0JQGFkYuO6zVJ31kx29kcfIsnfgXNC0PX3yH6bjaf_RixM_RK9cgswp5ZqxcdhCr-Ijvr_1Hr15rDmVZBjSWqTfSR8SszAj0h2c/s400/vedika-wallpaper.jpg")
.jpg)
This is the next cool tip usingJquery code on blogger.As the name appears on the title, can you imagine how it looks and what is it used for ? Do you see the "Spread" button ? click on it you will see the result.With smooth effect ( the familiar effect in Jquery), this box can be used instead for the tip "put code in a frame"that I have published for a long time.
1. You have to add this script to your source template, before the tag:
2.Next, add this CSS code before the tag :
#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}
3.Finally ,create a HTML/JavaScript then add this code or you can add it to your entry too :
Look for the red code ,that is the place you need to put text and option the size of the box.
Save and have fun.
2.Next, add this CSS code before the tag :
#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}
3.Finally ,create a HTML/JavaScript then add this code or you can add it to your entry too :
Put your codes, texts here...
Look for the red code ,that is the place you need to put text and option the size of the box.
Save and have fun.
