Resize thumbnails image in blogger

Some time Blogger want to increase or decrease size of thumbnails image of our blogger post. Blogger admin want to adjust Image as per there requirement. This template Hack shows how to resize thumbnails image in blogger post. You have to made some changes in you template.
Note: Must Take a Backup of Your Template Before Changes any Code.

Search Using Ctrl + F 

var thumbnail_mode = "float" ;

Search Code Look like this
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 200;
img_thumb_width = 200;
</script>

Change Numerical value of 200 

img_thumb_height = 200;

img_thumb_width = 200;

Save Template and See Your Changes.

Yahoo! Buzz Button on Your Blog

The Web's most remarkable stories, determined by people like us. Stories are ranked based on your votes, emails, and searches.
Choose the desired button and Code from Yahoo! Buzz Copy give Script Code.



<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js"
badgetype="square"> ARTICLEURL </script>

Replace the ARTICLEURL with . After replaced, your code will look like this

<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js"
badgetype="square"><data:post.url/></script>

Dashboard > Layout > Edit HTML > Expand Widget Templates

Search Given Code below



<data:post.body/>

We will add style to the button to make it float to the right look at my blog. Append above code with given below.

<div style='float:right;padding:5px;'><script badgetype='square' src='http://d.yimg.com/ds/badge2.js'
type='text/javascript'><data:post.url/>

</script></div><data:post.body/>

Save your template and Check your blog with Yahoo! Buzz Button

Ad in Middle of Post For Beta Blogger

If you put you ad between any articles this can be increase your earnings. How can? Very Simple

Dashboard > Layout > Edit HTML > Expand Widget Templates

<data:post.body/>

Append the above code with the code given below.

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Your AdSense code here -->
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Save Template
Note :- <!-- Your AdSense code here --> Must Replace this Code with Your Adsense Code
Only uses for Beta Blogger

Show Post on the Sidebar

Want to show your recent post on the sidebar. Just follow the instruction below then you will see your recent post on your blog sidebar.

1. Login to Blogger then Chose "Layout"
2. Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"
3. Copy the code below and put it in the "content" box.

<script src="http://fun4utips.googlepages.com/recentpostSidebar.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"> </script>

4. Change YOURBLOGNAME with your blogname.
5. The number "10" it’s amount of recent post that will be shown, You can change it.
6. Save Tamplate .