Create HTML Scroll Text Box on Blogger Post

In this tutorial I will share with you how to create scrolling text box in your blog. Smart your blog any post if you need stylish any post content you can try this bellow code and use your blog inside post HTML place. Here I adjust 6 style HTML code.

How to Put HTML Scroll Box in Your Blogger Posts: 

• Firstly Login to your Blogger Dashboard click here
• Select your blog and click on right side bar
• Select Post on drop down menu

 

Firstly create a new post in Blogger:

> Create a New Post

> Click on HTML tab then Paste the any one style bellow code

     * Add Awesome Rainbow Animation Link On Blogger Blog

     * Add Animated Flying Twitter Bird On Blogger

     * Add Facemoods Emoticons For Blogger Comments

     * Add Skype Emoticons For Blogger Comments

     * Add Yahoo Smiley Emoticons For Blogger Comments

     * Post Views/ Page Views Counter On BlogSpot Blog

     * Add Feedjit World Live Traffic/ Visitors Widget

     * Add Flash Animated Label Tags Cloud Widget

     * How To Add Total Preview Hit Counter Widget

     * Add Multi Color Social Followers Widget on Blog

Style 1: HTML Scroll Text Box on Blogger:

<center>
<div style="height: 100px; overflow: scroll; padding: 5px; text-align: left; width: 650px;">
Write your article here by help2blogging.blogspot.com.
</div>
</center>

 

Style 2: HTML Scroll Text Box on Blogger:

<center>
<div style="height: 100px; overflow: scroll; padding: 5px; text-align: left; width: 650px;">
<div class="MsoNormal" style="background: #f362b4;">
<span style="color: #714d03; font-family: Georgia Serif, serif;">hhhhhhhh</span></div>
</div>
</center>

Note: Replace #f362b4 to change background color .

 

Style 3: HTML Scroll Text Box on Blogger:

<center>
<div style="height: 100px; overflow: auto; padding: 5px; text-align: left; width: 650px;">
<div class="MsoNormal" style="background: #000000;">
<span style="color: white; font-family: Georgia Serif, serif;">your article here</span></div>
</div>
</center>

Note: Replace #000000 to change background color .

 

Style 4: HTML Scroll Text Box on Blogger:

<!-- Codes by help2blogging.blogspot.com -->

<center>

<div style="text-align:left;width:100px;height:50px;overflow:auto;padding:5px;">

Write your article here by help2blogging.blogspot.com.

</div>

</center>

 

Style 5: HTML Scroll Text Box on Blogger:

<center>
<div style="background-color: #c4eeef; border: 4px double #000000; color: #714d03; height: 100px; overflow: scroll; padding: 5px; text-align: left; width: 650px;">
Write your article here by help2blogging.blogspot.com.</div>
</center>

Style 6: HTML Scroll Text Box on Blogger:

<textarea cols="30" name="Famous Quotes" readonly="readonly" rows="2" style="height: 95px; margin: 2px; width: 660px;">your content here....
</textarea

your content here....

Tips: If you need change height 100px to your choice and  width 650px to your choice.
After you click on compose button and write content in text box and enjoy.

That’s all!

—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜—˜---------------------------------------------

If you have any question and suggestions related blogger

Please don't hesitates just sent email or leave comment

Thanks to follow this tutorial

Best regards

help2blogging team

\