[How to] Add Heart social Bookmark icons to blogger Post [Tutorial]

0
17527
views
Everyone knows how much important are social bookmarking icons for our website or blog.here i am sharing Heart Social bookmarking Icons For your blog…looks like

Log in to your dashboard–> layout- -> Edit HTML(back up first)
Search for <data:post.body/>

press ‘F3’ or Ctrl+F to open the find box and paste this code there and find it

<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=’http://2.bp.blogspot.com/_4HKUHirY_2U/SyCxndGKQoI/AAAAAAAAAfM/zQE4e5oGJLI/stumble.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </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=’http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxR6IdwFI/AAAAAAAAAe0/P-WUkgBTawI/delicious.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </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=’http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxqwEFIuI/AAAAAAAAAfU/QRi439zo_Xc/technorati.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </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=’http://2.bp.blogspot.com/_4HKUHirY_2U/SyCxulbFRoI/AAAAAAAAAfc/CKJPLxIwP5M/twitter.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </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=’http://2.bp.blogspot.com/_4HKUHirY_2U/SyCyGNznjII/AAAAAAAAAf0/ESzv0oL2AEQ/facebook.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </div><div style=’width:65px; float:left;’><a expr:href='”http://myweb2.search.yahoo.com/myresults/bookmarklet?u=” + data:post.url +  “&=” + data:post.title’ rel=’external nofollow’ target=’_blank’><img alt=’Yahoo’ src=’http://1.bp.blogspot.com/_4HKUHirY_2U/SyCxeo18s_I/AAAAAAAAAe8/0gAb9Ya6B78/yahoo.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </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=’http://2.bp.blogspot.com/_4HKUHirY_2U/SyCx081oRKI/AAAAAAAAAfk/pTxLusQo0Gc/reddit.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </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=’http://3.bp.blogspot.com/_4HKUHirY_2U/SyCxioR-4tI/AAAAAAAAAfE/LkLtTqd6wIA/rss.png’ style=’padding:0;margin:0;border:none;’/></a><br /> </div></div>

Preview And save it.hats it your are done…enjoy….
let me know if you use this.. 

Leave a Reply