Setelah dulu saya pernah membuat postingan tentang Cara Membuat Tombol Share (like, tweet, G+1, StumbleUpon dan Digg) Melayang menggunakan CSS, pada postingan kali ini saya akan membahas lagi tentang hal serupa. Bedanya kalau dulu melayang di samping blog, untuk yang sekarang berada di atas postingan atau di bawah postingan dan bisa juga keduanya. Untuk screenshootnya bisa dilihat di bawah ini:
Jika Anda tertarik, silahkan ikuti langkah-langkahnya berikut ini:
1. MasukDasbor Blogger > Template > Edit HTML
2. Cari kode </head> lalu copy kode berikut sebelum / diatas </head>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'en-US'}</script>
3. Selanjutnya cari kode <data:post.body/> lalu copy kode berikut
<!-- AddThis bangiz.blogspot.com BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-4ee950b47f78c765' type='text/javascript'/>
<!-- AddThis bangiz.blogspot.com END -->
Keterangan:
--> Tampilan di atas postingan, paste kode diatas <data:post.body/>
--> Tampilan di bawah postingan paste kode di bawah <data:post.body/>
--> Tampil di atas dan di bawah, paste juga di atas dan di bawah <data:post.body/>
--> Apabila menemukan kode <data:post.body/> lebih dari satu, Anda bisa mencoba semuanya sampai muncul like, tweet, G+1 dan Share. Biasanya pada kode yang kedua.
4. Simpan Template dan lihat hasilnya
Begitulah cara membuat like facebook, tweet untuk twitter, memberi G+1 dan juga Share ke 300+ sosial media yang lainnya. Jika Anda suka dengan postingan ini, jangan lupa share juga ke teman Anda. Kalau ada keluhan atau pertanyaan silahkan tinggalkan komentar. Happy blogging.