Breaking News

Add Heart Social Bookmark Icons to 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:

Heart Social Bookmark Button Below Blogger Post

<data:post.body/>


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

<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/AVvXsEjqjbLiqARqfYuhjwpiFhoErxKvESCJwT4DUnnHtzuAXIjkRPhrI8BtbeKJIDUEQ4PcWLdRKBHpCbpqFtEgkwULHoZMQO-5ImEYgUPyJiuMWiaKrrrrmmYjusO96b4Yl6IFSYrD0bEk-UIa/' 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/AVvXsEgpX9WXBeAowcgx-zyZIKdRwIMgBW5EG53UvTvc2ZtDcd9ESkLtT4QDu0IaGgKY5CAlZDVZqr7qknFpHCcCzs2bEc1Yjmi24D3IYQOLPbIzmnsk3Jeyge57JEW-shg3zgumR2Mzep1feTjT/' 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/AVvXsEiSereDkqyudAzeGq_7uF8fdjH_NHcDYfd2k6NtP0UCkZv3osYeRYIfETCKDvPV4AVnzLzerZmYUPqZnFUDynd4gGaRwdW6sTasDPG_u7OLnnedKEB9qMTPA5-_LVJfa9Jh7XdDpyzfdN7i/' 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/AVvXsEh6Tnq8M6aTkdpBaS0XDfta6vWH9nCytEpiwc25L2H9WYbQS7NLEEsjNXlRyI5PHPY5fFyzGAXDAbq8bkKuq6FcakC6KZf6324WcItBY93rCtnaDsyRQkRHHd0FfdtoCRRxJYyuW_UUrpu4/' 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/AVvXsEhqC9PePR7v0Y0zXw2ppxQXGT-hzMNP1q3kbKjrZENBEPtYm_4p_ia22U5i0oWUcdbxNFOX5SUgaG0TpAQDDXzlUvu6VpcYPltVDy83951-aDRjjeefCOY4YZmCMQcny3VaQ4jnBml7hu4O/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url +  &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JruQ8Zj0j3VTfyNXS5SiNa7BFL4TjnTfi7LNONhNVFJdfmKnVJWgjMw9kXDnzi1Sm-OZ2QoHPvMSFcCsWD1IgWT_WBRh7KPXt37iI_W5wc9l79i5ZJXDIjWPvnLcvymJtzyWcfXVKI2u/' 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/AVvXsEiNLIarpAC4O2h8a5y49liMX4_Z60HvAiZFBbBDrfL481_I1PvX9QyKI-jBUK3ndxhqOboIgBowJsWMz-qC57uBbSC0O3NJOX2zgp9ZP3wWj8-lC1hRESXNy8VTpS-Y2W3Z0eYhYKrdn8Lz/' 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/AVvXsEh_1uMNX9T1boutSvJSuaFyzdBD8Dm-xMaozRIm0qyN4XBr4BlCMA6jfcLMMThKHMAG8GKFFXWsumdRyp5VqFrPrmD0xkWKsx0c-Rw9bYpJ88t1FgejnFKH73GWihdvRNu0eat_58n3EqRZ/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>


5.Click on "Save Templates" and now you are done.
Demo
any problem while adding Heart Social Bookmark Icons to Blogger Post??plz leave comments below

7 comments:

  1. How To Add Animated JQuery Social Bookmark icons..

    ReplyDelete
  2. @PHP Developer India.
    ok u want to add animated j query social bookmarks icon.i am going to post about your topic,so keep visiting my blog

    ReplyDelete
  3. @PHP Developer India
    check this out ..frds as your requst i have publish posts for u.
    http://templates-widgets.blogspot.com/2010/02/add-animated-jquery-social-bookmark.html

    ReplyDelete
  4. here is my latest posts
    http://templates-widgets.blogspot.com/2010/02/add-animated-jquery-social-bookmark.html

    ReplyDelete
  5. Ooh, I like that. :D I just don't know where I'd place it on my blog, lol, but yeah - I like that.

    ReplyDelete

Any Comments ?

Designed By GP