Destino Solutions

+91 9747866100

Post images Customize in Blogger home page

June 30th, 2014

Is your Blogger home page Post images fit to your blog? Exactly Blogger default template post images directly load in home page, As home page images are default size, How we can customize post images  in blogger home page only?. It is a simple trick for Customize Post images in Blogger home page and label page, It is not affects in Post page.

Follow The Steps  

 Note : Backup Blogger Template and After do following Steps.

Go to Blogger > Template > Edit HTML

Find following Code (Ctrl+F).

]]></b:skin>

Just below Paste Following Code, Choose which code you want.


Boxed Post Images :


<style type='text/css'><b:if cond='data:blog.pageType == &quot;index&quot;'>
.post-body img {
    height: 70px;
    width: 70px;
    border: 3px solid #B1B1B1;
    border-radius: 15px;
}
 </b:if></style>


Rounded Post Images:

<style type='text/css'><b:if cond='data:blog.pageType == &quot;index&quot;'>
.post-body img {
    height: 70px;
    width: 70px;
    border: 3px solid #B1B1B1;
    border-radius: 50%;
}

 </b:if></style>

Save Blogger template, Your Effort are completely done.

Tips:- Make Uploading Images are Exact height and width for better view. As You’re upload large images oblong (500x250) type in post  If does not fit, If you must change image width and height in  above Code.

Have Any Doubts about this post? Please feel free mentioned it below comment box.

Categories: Blogger