SUBMIT YOUR "GUEST POST" in www.devicepoint.net Blog

How to Add Border in Header of Post and Header of Blog

Mostly all new bloggers want to editing it's template self, so I am share one tutorial which are very important because it's related to Header Tags means h1, h2, h3, h4 Headers which are very important role in SEO.
Blogger Tutorial Guide and Tricks
Here I am share how to add border in h1, h2, h3 tags and make stylish heading in your posts.

Take Precaution before editing Header of Blog:

  • Open Blog
  • then open Template Option
  • Now click on Backup/Restore
  • and Download Full Template
  • and Make backup of your original template before editing
  • Because sometime we have edit wrong tags or do wrong editing so make backup of your Template.

How to Add Border in Header Title of Blog:

  • Open Blog then click on Template option
  • Now click on Edit HTML
  • Now search for "header"
  • Then you down scroll bar so you will saw "header-wrapper"
  • Now add border code to Header Title of blogger after "{" and before "}"

border-bottom: solid 2px blue;
If you want another color then Change Color Name means blue to another color name
  • and save template

How to Add Border in Header h1, h2 tags in Blogger blog:

  • Open Blog then click on Template
  • Now click on Edit HTML
  • Now search for ".post h1,.post h2" or ".post h1, .post h2" for adding border in H1, H2 tag, see image as example....
  • Add Border in Header
  • Now add surrounded border to Header tags
  • now add border code in blog after "{" and before "}"
background-color: #e3f0f2; 
border: 1px solid #66cccc; 
padding: 10px 10px 10px 45px;

Change HEX COLOR According to YOUR NEED
  • and Save Template
  • Now done your editing in Header of Post and blog, click on View Blog and check editing.

Conclusion:

I am share tutorial which are help to editing Header title of blog as well Post Title. If you getting any error or problem then please send your query by comments.

1 comments:

Really helpful. Thanks!

http://deskback.blogspot.in/

Reply

Post a Comment