Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Menambahkan Button Like, Tweet dan G+1

Cara Menambahkan Button Like, Tweet dan G+1
Button share atau tombol berbagi ke media sosial yang lain wajib dipasang di blog. Setidaknya ada 3 tempat yang paling ramai digunakan oleh orang-orang untuk berteman dan berinteraksi, yaitu facebook, twitter dan google+. Ketiga jejaring sosial tersebut pun juga menyediakan button share untuk membagikan post blog ke facebook, twitter dan google plus. Untuk facebook ada tombol like, twitter ada tweet dan google+ ada +1 yang bisa dipasang di blog kita.

Keuntungan memasang like milik facebook, mempermudah orang untuk membagikan blog oleh pembaca ke teman-temannya di facebook. Saat ini facebook masih jadi situs jejaring sosial terbesar di dunia. Dengan memasang button tweet, link post blog kita lebih mudah disebar ke twitter, begitupun dengan button +1 akan membagikan post ke google+ lebih cepat. Blog kita bisa mendapatkan limpahan trafik yang lebih besar dari facebook, twitter dan google+.

Cara Menambahkan Button Like, Tweet dan G+1 di Bawah Postingan
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Template.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kode berikut ini di bawahnya

<!-- Button Share BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' style='float:left;padding:0px;'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet' tw:related='kurniasepta' tw:via='kurniasepta'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
</div>
<script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>
<!-- Button Share END -->

7. Simpan Template jika sudah selesai, sebelumnya jangan lupa ganti kurniasepta dengan username twittermu sendiri.

Cara Menambahkan Button Like, Tweet dan G+1 Melayang di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>

5. Simpan jika sudah selesai.

Tipe button yang digunakan di atas, untuk like, tweet dan +1 adalah button count, jadi bisa dilihat jumlah yang sudah melakukan like, tweet dan memberi +1. Jangan lupa untuk ikuti kita juga di facebook, twitter dan google+ dengan menekan tombol di bawah ini!