10/29/2012

How to have this cute scroll box to your blog

10/29/2012

Hi guys! In this entry, I will tell you on how to get this cute textbox on your blog. You can put anything in here such as text, pictures and many more! You may put the textbox in your sidebar section or in an entry just like I did below.

Title of textbox
Bonbon biscuit cake chocolate bar candy danish. Fruitcake oat cake donut marzipan chocolate halvah. Lollipop jujubes candy halvah cookie jelly beans cake muffin chocolate cake. Lollipop dragée halvah bear claw wafer cookie lemon drops cake toffee. Sugar plum oat cake icing marshmallow. Chocolate cake jujubes bonbon lemon drops lollipop cookie. Powder soufflé cake. Chocolate cake jujubes chocolate bar tiramisu oat cake icing. Cookie cake candy apple pie gummi bears. Pastry candy canes powder danish tart pudding tootsie roll. Caramels lemon drops jujubes jujubes tart toffee ice cream halvah caramels. Jelly bear claw gummies brownie lollipop oat cake. Bonbon pudding gingerbread.

To use this scroll box, copy and paste this codes to http://htmledit.squarefree.com/ to edit while viewing the live preview. Then you may place them anywhere you wanted them to be.
<div style="border:3px solid #eee;background:#E5DDDA; width:260px; padding:5px; border-bottom:none;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;color:white;text-align:center;"> Title</div>
<div style="border:3px solid #eee;background:#fff; width:250px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; text-align:justify;"> Content here</div>