How to make a scroll text box in my blogger blog

During you work on your blog/website you may need to create a scroll text box on your blog page or sidebar. Creating a scroll text box is not difficult but not so easy. In a blogger blog, you used a template but the template does not contain all codes. So to create a scroll text box you have to edit template and then edit or creating posting or sidebar with HTML code. Just follow our tutorial guideline perfectly. We are sure, you must be successful.

Step 1. Sign in to your blogger account.
Step 2. Go to Blogger dashboard > Template and click on Edit.
Step 3. Now find  ]]></b:skin> code on your blogger template editor.
Step 4. Paste below codes just above/before “]]></b:skin>” code.

#Bltexarea01 { /*---Textbox form www.bestlodge.blogspot.com-----*/ overflow:auto; border:1 solid green; text-decoration:none; font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; text-align:left; font-size:14px; line-height:18px; color:#525050; background:#CCC9C9; -moz-opacity:0.8995; -khtml-opacity:0.8995; opacity:0.8995; filter:alpha(opacity=89.95%); max-width:600px; width:600px; height:250px; padding:13px 10px 10px 18px; margin-top:10px; margin-bottom:8px; } #Bltexarea01:hover { border:1px dotted green; color:#3D3D3A; -moz-opacity:1; -khtml-opacity:1; opacity:1; filter:alpha(opacity=100%); background:#B3B3B3; -moz-transition:background .5s ease-in .1s; -webkit-transition:background .5s ease-in .1s; -o-transition:background .5s ease-in .1s; transition:background .5s ease-in .1s; }

Step 5. Now Save your template.

Step 6. Now you can create or edit any post or sidebar. While posting use html code. At first copy the code below and past then write your text by replacing of “Type your Text Here”. If you want any reader of your site can change the text remove the red colored code.

<textarea id="Bltexarea01" readonly="readonly">
Type your Text Here
</textarea>

That's all.If you have any problem about this Text box,feel free to ask me any question.