How To Add Border To Blog Header Using CSS

 Add Border To Blog Header Using CSS:  Assalamualaikum Friends , after a long time i am back in Blogging , actually i was busy in 2nd Grade studies and now it's going to end !! Hope you all are fine , here is a small trick via which you can add border to your blog header with the help of CSS.Actually it's not a big or smart trick but some people are waiting desperately for this trick! If you are One of them here we go ! You will think how it will looks like? So , take a look on the below snapshot which has 24px cyan color border.And for live demo , take a look on our Blog header.

How To Add Border To Blog Header Using CSS

• Go To Blogger Dashboard
• Click On Template
• EDIT HTML
• Search For "header" and find out "#header-wrapper {" this CSS Code
• Now below { and above } type border: style pixels color-name  as shown in the below snapshot

•  Now Save the template and that's it :)
• You Can Change the Style to dashed , dotted , groove or any style and pixels to your desired no and color to your desire choice!

So What's Up : Actually developers will laugh , but i know many People like this trick and they don't know what to Do and How To Do? But i am here for you guys , if you have any problem you can ask freely , i will help you in any problem . Stay Blessed , Happy Blogging!

Read more »

How To Add Border To Post Titles

Add Border To Post Titles in Blogger: Let's play with CSS and change the border of post titles in Blogger.You may have noticed the blog titles comes with "text-decoration:none" by default , in simple words no style is applied to the titles of the Blog Posts.Actually we can change the post titles and can decorate it with different CSS properties but here we gonna apply the border ! Border can be "groove" , "Solid" , "dashed" , or "dotted" having a specific color code and number of pixels.Don't confuse , it is as easy as eating cake.

How To Add Border To Post Titles

• Go To Blogger Dashboard
• Click On Template
• EDIT HTML
• Search for post-title or .post or only "post"
• Search until you find the selector "Post Title" as shown below

 

• Look at the above snapshot i added there the border Property i.e "border:groove 1px and color" Change these values to your desired values and save the template.You can even change the color of the post title just by simply changing the color code of "COLOR" property in the above script.
• However here we have selected the border color Groove having gray color and width 1pixel.
•  That's it !!

 Note : In many templates the POST TITLE Selector is .post-title but if you can't find or if this selector is not available then you have to find the exact and matchable selector i.e the selector which matches with the class or ID defined in the div tags! 

 

What's Up : Actually this hack will add a gray color border to all the post titles having 1 pixel width ,actually it adds 5 stars to the beauty and style of template.It has no effect on blog loading speed.Stay Blessed ,Happy Blogging!

Read more »