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.

Create HTML Scroll Box on Blogger Post

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

  How to Put HTML Scroll Box in Your Blogger Posts

Firstly create a new post in Blogger:

> Create a New Post

How To Put Blog Posts In A Scroll Text Box On Blogger Blog


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


How can I make a scroll box for HTML code

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



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

\Put a widget inside a scroll text box- help2blogging logoHTML Scrollbox

Comments

  1. In this article we look at the importance of valid HTML code and why designers and developers must validate their code. We also look at common reasons code isn't checked. You Can see more in : html code

    ReplyDelete

Post a Comment