New Published Post: How To Fix Adsense Not Showing After Redirecting Blogger To Custom Domain
Like Us:
Facebook



Adding Borders to Blog Content in Blogger


As you visit some blogs that there are borders that surround the post body and sidebar title. Adding borders to blog different parts somehow adds beauty on it. I will show very simple steps on how to do it. But before you will jump to the tutorial please click this link to be aquainted with the different border styles and its uses.

Adding Outside Main Borders to Blog Content in Blogger


Step 1. Got to Blogger Dashboard >> Template >> Edit HTML

adding borders to blog content

Step 2.  Look for ]]></b:skin>  and  just above it  paste the code below,
.content-inner {
border-top: 1px dashed #242424;
border-right:1px dashed #242424;
border-bottom:1px dashed #242424;
border-left:1px dashed #242424;
}
adding borders to blog content


Adding Borders  To Post- Outer


Copy and paste the code below above ]]></b:skin> 
.post-outer {
border-top: 1px dashed #242424;
border-right: 1px dashed #242424;
border-bottom: 1px dashed #242424;
border-left: 1px dashed #242424;
}

Adding Borders to Sidebar Title

#Your Sidebar Title ID h2 {
border-top: 1px dashed #242424;
border-right: 1px dashed #242424;
border-bottom:1px dashed #242424;
border-left: 1px dashed #242424;
}

Short Customizations:

1. To change the size of the border, you can replace 1px in every border side(top,right,bottom,left)
2. To change the border style, replace dashed with your own. You can select/choose it here.
3. To change the color of your border, replace 242424 with your own hexadecimal color, you can select it with our color code generator.
Step 3. Save your Template. Enjoy!
About the Author:
tilt  hover effect
Hello folks! This is Viral Apps, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More
Follow him @ Twitter |Facebook

No comments :

Post A Comment!

Post A Comment!
We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows. Please keep in mind that all comments are moderated manually by our editors team to minimize spamming, and all the links are nofollow.

Note:
1. To add HTML code in the box, please use our HTML editor generator.
2. Please do not spam. Those type of comments will be deleted upon our review.
3. We should appreciate an individual and suggestive discussion.

Best Regards,

Cerwenlloyd Gefjun

Related Posts Plugin for WordPress, Blogger...