Saturday, May 3, 2014

Shrink image size on blogger homepage and search pages

Shrink image size on blogger homepage and search pages

This is a css hack for the blogger homepage. I personally find big images on the homepage takes way too much space and is aesthetically unappealing. So, after some googling, I have come up with a hack, go to you blogger dashboard -- template -- edit html, search for this string:

]]></b:skin>

Right after it, paste the following code:

Blogger homepage hack (css)
Double click to toggle code
<!-- homepage hack -->
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-body {display:block;}
.post-body img,
.post-body object {
width: 100px !important;
height: auto !important;
  }
.post-body pre {
display: none;
  }
</style>
<!-- end homepage hack -->
    

0 comments: