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:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Social Sharing

• 5 Widget yang Wajib Dimiliki Oleh Blogger
• Cara Membuat Blog Terindeks Google dengan Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Cara Membuat Widget Subcription + Social Sharing + Facebook Like Box di Bawah Postingan
• Menambahkan Widget Social Share Melayang Keluar Tiba-Tiba
• Cara Membuat Widget Social Sharing Berputar di Bawah Postingan
• Cara Menambahkan Floating Social Bookmark
• Cara Membuat Scrolling Sticky Bar Lengkap Untuk Blogger
• Cara Membuat Twitter Box Untuk Blogger
• Cara Membuat 6 Animasi Twitter Melayang Untuk Blogger
• Menambahkan WIdget Sosial Bookmark dari Shareholic
• Menambahkan Widget Sosial Bookmark + Kotak Pencarian Di Blogger
• Cara Menaruh Facebook Like Box Secara Tiba-Tiba
• Cara Memasang Widget Sosial Bookmark Melayang Versi AddThis.com
• Menaruh Kotak Fanpage Facebook di Blogger - V3
• Menaruh Widget Sosial Bookmark di Side Bar
• Menambahkan Fitur "Like" Facebook di Kotak Komentar Blogger
• Cara Menambahkan Widget Sosial Bookmark Berbentuk Segitiga
• Menambahkan Facebook Recommendations Bar kedalam Blogger
• Menambahkan Widget Icon Sprite Media Sosial di Blog
• Menaruh Widget Flipper Sharing Untuk Blogger
• Menambahkan Widget Touch Me di Blogger
• Membuat Widget Sassy Social Bookmark di Blogger
• Membuat Scroll Jquery Sosial Bookmark Untuk Blog
• Menaruh Widget Eksklusif Sosial Bookmarking

Posted in: Blogger,Social Sharing