How to Create html/ CSS Text Column on Blog Page or Post


   Hey guys, now I discuss with you how to make any text column in your blog. You can easily to use this code on your blogger page or post. But this script not only for blogger user you can attach in any web site. Just you copy the bellow code then go to locate your blogs page or post and past inside the HTML mode. Then you should select Compose mode and write your text in column.

How To Make Text Border in HTML Code:

  • Firstly Login to your Blogger Dashboard
  • Select your blog and click on right side bar
  • Select "Posts" on drop down menu
How To Make Text Border in HTML Code:

Add Border in Blogger Post:

  A. Now go to "HTML" mode in post
    B. Copy the bellow any one style code and past here

Add Border in Blogger Post


Style 1- Text Frames and Borders to Blogger:

Text Frames and Borders to Blogger
<style type="text/css">
div.sundaboy1{border-style:solid;
border-bottom-width:15px;
border-color:#C6FF00;}
</style>
<div class="sundaboy1">Type your text</div>
Note: Replace C6FF00 to border color as you like

Style 2- Create Outline Text in HTML:

Create Outline Text in HTML
<style type="text/css">
div.sundaboy2{
border-style:solid;
border-width:5px;
border-color:#FF00C6;}
</style>
<div class="sundaboy2">Type your text</div>
Note: Replace FF00C6 to border color as you like

Style 3- Create HTML Borders Around Text Boxes:

Create HTML Borders Around Text Boxes
<style type="text/css">
div.double {border-style:double;}
</style>
<div class="double">Type your text</div>

Style 4- CSS Borders Around Text Boxes:

CSS Borders Around Text Boxes
<style type="text/css">
div.sundaboy3{
border-style:solid;
border-width: thick ;}
</style>
<div class="sundaboy3">Type your text</div>

Style 5- Put a Border Around Text in HTML:

Put a Border Around Text in HTML
<style type="text/css">
div.dotted {border-style:dotted;}
</style>
<div class="dotted">Type your text</div>

Create CSS Textbox Border:

 C. Now select "Compose" mode
 D. Replace “Type your text” with your any text
 E. At last complete type content you should Publish your post

Create CSS Textbox Border

  • 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

Display a box around text in HTML- Help2blogging logoHTML/ CSS Box Model- Help2blogging smile logo

Comments