Social Bookmarking Icons Are Useful for Every blog.they helps us to Share them Easily and Let the Visitors Share Your Posts Very Easily.Also The Icons make Some Impression on the Blog.Since they are Very Attractive Many Stylish Widgets Are Being Generated.So Here is a Tutorial in Which iam Going to Show You,How to Add a Falling Leaf Style Social Bookmarking Widget For Blogger..So Look at the Below Screenshot.
Now After Finding the Above Code Paste the Below Code Directly After the Above Code..So How is the Widget? Awesome Right..if Yes then Follow the Below Steps to Add this Widget.
How to add Falling leaf Style Social Bookmarking Widget For Blogger:.
Login to Blogger < From the Drop Down Menu Select Template (New Blogger)
Now Click on Proceed and Check Expand Widget Templates Option..
Now Search for the below Code :.
<data:post.body/>
Now Save the Template And You're Done. That's it Enjoy....
<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rKcqVMv8pJt8E0nWQKLcPop86R9WU2V49YMp33-80ubaeQIhVobU2CF9Xd9-r1I2G_GI5ytc0drDT_eb8ojzstJhZPqi_8UmtPsTZ9zPk6m5g0Dkq22njNefNV4KfF5-KxWDwXo2Wz9d/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcg-KfyWO4dhoBbkKQRcoWOisA_6bBwonJ-2_6QFU4TqyJrNStUYBB68V6OUIVo8unKFWzOcnDVNVA7hOKRsW85SPqexczvJapyvBpT100hKjZBNgU7y056ZSS-mhKpJfSEdsyzHKmt7HG/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJ0EWSpDIydSR4zegaF-DXG3_KwdNYi3t-Yde9OlmqA1-l3C-9IRxDh31VhbYCZSdiqHeQpxJ4F0aPNtxyDfrAO27OUkbM8_jj2WWF_nFzYea234o3aSNJW1khKpzfoy0tlDisTEOawbM/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4dZWrOmlTrPO-k3uQgrogVWcfaJbpYkDo1F94LOLV0qihue_OFcRT-EQSVlVjqJM628xPZH8iHBGgd1flLh99sJz1hLuc8KEdk1-IwQ1GSK591DOtDkA3rpj4aGveW6ICpa9M0G9opcD/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIqdZuRbKeO89McYoWmUMOd2GWDuqoO0eHKYT8fKbBRjxaCunWXPc696FQMB1RVKo9X_DxQxcLzm1ql9hZas2Ko9Y0HqKMgBQnq4-QcpnnrzD_SKdKfc40ubv1cLXCvya3ku_so9BmX3B/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5JMd0-JZFEdmNF2CIyAxVvuWLT13IgHAL7pC-EOh9HkoGyHlSYARRoxpi_tss0IVgc2nW77zQzuK0XZ3GeJIhwXmZDAJr9XAoriXmWHLrHcY1Z0_U1o1i7U-_UWYAmu7uACMFvR1SjCm/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8diOtSnsHDb9xpoqDBRKADD2rkfn4mAHD5GCakSGzfPOa8jTehH6cARvQ8LVEv1gjiILK5CDXsTMD5q0e6l8_fSgAqiJYntVVYUNKbIxB5xHEgW-brQkg0tEYPAmZ75QJ1w2vLQbc954z/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17cmprhZjwEIV_HQpfrLINkvGPrt4ZbZpEslQTz72orzrSqlWQXtWRE0ynPyc2CESmRrlsIuZazi6GiahQCyuhj-UmACrhszx0hRe0XYMP4Qa6gFXtArGyqQ-D73Js_czfvJMLEGgqpL_/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
Thanks for sharing this codes. I'll try some of these buttons for my new site.
ReplyDeleteOkay....Thanx for the Comment.
DeleteI found 3 data:post.body/ tags in my theme's template code and I'm not sure which one of them I should paste the code under. Any idea?
ReplyDeleteIt is Due to The Auto Read More Hack..Just Backup Your Template and Try it with the Three data post body tags...One after the other..then Save the Template
DeleteDo you mind if I quote a few of your posts as long as I provide credit and sources back to your blog? My website is in the very same area of interest as yours and my users would genuinely benefit from some of the information you present here. Please let me know if this alright with you. Cheers!
ReplyDelete