Menambahkan Social Bookmark berbentuk Hati dibawah Postingan

Beberapa hari yang lalu saya sempat membagikan bagaimana caranya menambahkan widget social bookmark kedalam blogger, pada kesempatan kali ini saya juga akan membagikan tentang social bookmark juga namun dengan bentuk dan versi yang sangatlah berbeda dan ini sangatlah cucok buat kamu para galauers hehehe yah karena social bookmarking ini berbentuk hati loh ! Cara2nya adalah :

1. Masuk Blogger.com

2. Klik Rancangan --> Edit HTML --> Centang Expand Template Widget dan jangan lupa di back up dahulu template yang kamu punya.

3. Cari kode <data:post.body/> dan letakan kode dibawah ini setelah kode <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/AVvXsEihLwd2YeCaZN6JodjNXzUC-OxfxqsE63SDZVuA18gz2BpdSrFj9CsFW7qvI-pOGM1MrOztcEYTbTDFm6A068cms-N-AGWxu4k0VVmmYQcul_Z_SWrZP5f1rRTENiENyQlnuhFxY5qDTOn1/' 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/AVvXsEjvk6pgDW2LII-OcqK8X68HV_yTyomJyNz6fnbJpL2ekuqTJKTgyqCCAHuZuXgYsRyFMrMtl3MltIZY8m0e0LBlxKW12C-2wwtdyA4oSsgGvt9w302rH5Ul49AAzY-RTSNWp4ZR8X98a-fs/' 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/AVvXsEjtJxzyCigFAmj9aDlWiqw-zCLhXsXz2RkJWMPGfn3Yu99qkmbRKDaCdnAqYOw9Q6VEZ8pKoi0b6_ZoRMHBdHPSHeilPhSt97jo7EKJ-Y4gn4OlW5L9MxewRXua3zMRnCdT9B-y8VVoKqrC/' 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/AVvXsEjrGg-hAH696yQASJ41Yhyphenhyphenlyx-qydeC8ucs6mSqRIitq1yPwTODEe9WEfwxaIDolfTr6BfMLF5QC6-9xrtbmDDxavLlqRl-a2XJk3BlDvj_PghCNGqX7knIFjAayaElXkdF0GQnw9TZFHN7/' 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/AVvXsEgwCC4oV9jfbIHtH-GPbGq6iqyXXlhygbgMMigA3CbRuGkF9Ez3C6uJwtiFxi6ZGoMuujb4EJl3OuwhyoV7gf7I9fIEgIW1QKKKkTtSEgU-xTjzTOFofa5X9T9iC_mIfMP8yFJh-6MK9wyq/' 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/AVvXsEhBEFt9NcPxENDrRKcQdWGgoNeEalV8ygW_cMuXbLjDuZ_cTGctkbS3jlNv6k9DzgnvfCqTqaQB2qm3mgDa0ogS4bJwU0pKXVw0fFBUSne3koOfWXEk73zWJexhUJw6HKp7SLN8-bs6wZqR/' 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/AVvXsEh_QNm39L1q3ZBD5RGrwraMFykRm150A4MG_CyR1R54VBXiVrAI9sSeM9x9gnYfLFnsDH_xS36Mg_5P1Dlr5UdTP3Uz0vod1Q4H5AWWrOoRBTt4jQLYoOhZn00e7qn4OsP-RMESNTRwVTak/' 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/AVvXsEhz-POdlj0R9-4DNVmJxLkzbixs2UiYEIeZRd-OaS46iDgs7F4Z4io7VzStysUWe7DTK9Cy0mwoE0BAEXrDBC15RgEaRZOXebPG9unsnUpJSaoB4S5hykcYgSBzy7UozCzzViizjw9QmJC4/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

4. Simpan Template.

NOTE : Jika kamu ingin menghapus salah satu gambar hati, hapus seluruh kode yang berwarna merah.
             width:65px : adalah ukuran gambar, ubah sesuai keinginan kamu.

Postingan Terkait:

Posted in: Blogger,Social Sharing