Bangiz - 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. Jika Anda tertarik, silahkan ikuti langkah-langkahnya berikut ini:

Like Tweet Google Plus Share
Like Tweet Google Plus dan Share
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: &#39;en-US&#39;}</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.

Untuk tampilan hasilnya kurang lebih seperti ini:

Tombol berbagi di blog
Tombol berbagi di blog
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.  
Loading...
 
Top