How to Add Hearts Share Widget

Hi, friends...Now I will post about how to add hearts share widget. Previously, I've posted about How To Add Leaves Fall Share Widget. So, if you've tried How To Add Leaves Fall Share Widget, I'm sure you can add hearts share widget into your blog. Actually, the function is the same, but the difference is in the pictures. If, in the leaves fall share widget, the pictures like leaves. But, in hearts share widget, the pictures like hearts (love). See the example below, and try it into your blog.

1. Log in to your blogger accoount
2. Go to Design --> Edit HTML
3. Check in the "Expand Widget Templates" box
4. Copy the code below, and paste above <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/AVvXsEiuMKR14AkRbOobUMJVzKPlcEjmuqYUozzg_up7xchxrKj9xDbyuGc-DMjZ1evBX2CvaA7WMBiR4Z00Ks99BtPmIsuWnTkiJKmBR8CHOl-rjz4nofZjsQwZLcEr1X6wers74WkaTLXbcICh/' 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/AVvXsEjymJWnYTl-KkYJfq09KeEZKQOGwKqXwKhC7NwkGGRb_v0FI6wovD6i6sRrRg5L4sdy10S3TzqFjZxxTJBglJzNtdJoKjpcWS93AkUYonjetPSgBeZ4E09F-DR5dRc3OMSekSxiRHMTEw5K/' 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/AVvXsEhhdtwutFVJQ8A-ERWkj5Q_qp7qXe6_kYHAl5ny5yfNjp3XkClcf8XkBUKwodtXy-xTaPh8VL0PYZSUOPkiNQZy5nQDDpZsUgTHScoPSqh6_EYndOr2-WDxLk8LS4QmnNYeB8TxfTq5dq5u/' 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/AVvXsEi3dVVdoqO1Ar0enoOA6GchtixCGlOCXNrJub1k3dDpkuJOi11S3uCmWvfuJqB9eEQIip9yS4aVoSjl67jRqdS3FGgCRm3iLhm0uJdJtkB4R45BMjHv_bmz3bUII71QQM-meKUW9skIVizm/' 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/AVvXsEjbYqtwtpr5rB0x0mcOC7BFdZexGFuX2v-jkbHBAixk7kuVEUADqO0tS2rYIgwtkOIds3gZQUqSwfn94PA3nB5ERKZmrrhj8k5kV24IZLMj_wTTblrKL6kMlSEVL-W5UJGSu8nWBemO6sGs/' 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/AVvXsEhQFv60V7M5S3_t0EQuUtJzZKi8y3A7ttv6vyLcWC2hjmFiJREUMr56A570cDCD1GLpkYRdqaseeiKnoqS3-MbDGG4X7kSYFcTqzmg9a69V1-nz3vOVCflsCOaoWsEKQCbtKZARw_hh5LvA/' 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/AVvXsEiKyCoY3E9rw384qOiXfFtDsVH9DeFs0OQJGy2Jf-FwjExJ-RMpv1z7_LjARyMvW8OELUXK-yHQD5t-U7sWdllEeQBVZza4gOTm7Ykoo0PPItzKmCjft_EbnH5zKKOLK-lbSRa5qV_Ye0ch/' 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/AVvXsEgvEXpFm6rhVvUQ6Q5LJ6fOyHfNYsJYZ_ahYSnM-FNxROZesg9QBMA6c-g3T_3OcC_MXdE6YmdN9Ic0rY7gv4qzur0ZBQAkWF6ZlvVwgfwavGEb4orbl5E_ap_hF9tnWw4t_tposQFa3ExO/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

=> If you're using "read more", there are 2 <data:post.body/>, choose the second
5. Save it

Arsip Blog