Thursday, December 10, 2009

Leaves Fall Social Bookmark Button For Blogger Post

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<data:post.body/>


Leaves Fall Social Bookmark Icons For Blogger Post

4.Copy below code and paste it immediately after the line <data:post.body/>.

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgULj-ppYrfl97a58i1KprGiSDsycqGRVjwUWnzfS1ON25F1RqO6nGIzmAfA2XgoYnrnq7ZTTk07tkYcTrEtwrkFgdTGZNpfckVqcjinwg8RcbKtYSNPwpCmku5L4-nB3L-yqLIW2scwc7d/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjyhtaXkfZt1bD6cI_7fR71GcPMxhBwZkVHMQ6K_PCVXIAWrrqwr0JFd3RBsPhN-NCRNE757CAKJpRidehbK5h2IBOa46kZ0E8npItz-rIR4xzPr2klVF6aE5sv3YGLO7OFwch4nRHlRGE/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq7m2ox-dSkzNi3LW3SQ4jO0NfHbXIHPzVdnV8bcO_CpF7deMhTBEODt3U_DdYCCC91mBeCwFj43g-2FjTi6nt11HNPoAw1gxDIgIFaqPdC8BdR08T2MKsiO9NAgxyqYdqgaIzln_SXjf2/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_iTIUnBhJlDzK4RuW95m0MqlowC1gsuueXyNtP5NxQvipuoHRDX-LkVItzlqPm4eDcYAK7EoM10z9yTCMteUGD0VhQkEb1hGr8tfr16NPnxpmkyqAVBApnGbqfAr-T4TpT0FIqvz2PKH/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1X8NbidshGFMubYcczxUfX-EycRBZe-a_1qNWgsfVhoViF_G5h_e0HfoXk3-E10N-AsWnF6CJUrLG7ifyLkmXxcmNQUKZjmxZ-pfsLn2_MEAj4397YOqaSNuM4dbZTURnWbfXWyADNSC/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqTFEm3Tt_hTxHZ0WCFTeGySMBBcM45iNAh6ZLVYEYbWrPOX6cbsniq0WYLlv9z2wWYUVHepEavhOKmDfJb3A9yISHT_krJOyFOK8M3SGrxK4BCx_zx4Aw1a8CD_HdPPz0N_XdA36BHWz8/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBZ6XVNGahryuGamoqDKZ2-Ru5d7Qf6sQrQ5l8tN2iczw_Ez0cVp6zgn0crWn1sUSpZrrTzsEyy2uw-9EqV4hdzBbKaUqBk65v0-Zudfg3ttwxIzYg3EHJGdSggWsZHqRIxgq90CZLcWQH/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioPRrC3JhD4wVfZvTmtfY7qVTU1KswYH_uTDDoLLZD8QHhI-QENMXrmPpktQmjgclYgWB1DvvuTXn1SYfz9jmIWb7hmwG9HRTXcJ2cnTXqmSyGxuOr6q_afEkUFFdIMwgz51VMpdVFTRTz/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>


5.Click on "Save Templates" and now you are done.It will look like this.

Demo

No comments:

Post a Comment