Kali ini saya akan share untuk sobat blogger tentang cara untuk menambah Share button : Like, Tweet, G+ dari addthis.
Artikel blog bisa kamu share ke facebook, twitter, google+ dan social media lainya.
Dengan memasang share button di halaman blog, akan memudahkan pengujung atau pembaca untuk men-share artikel tersebut ke sosial media dengan share buttun tersebut yang membuat halaman blog sobat semakin banyak pengunjung.
Dan itulah salah satu keuntungan memasang share button di blog yaitu meningkatkan traffic blog.
Diantara sosial bookmark yang biasa dipasang pada blog antara lain; facebook, Twitter, Google+, Digg, Google Buzz dan masih banyak lagi. Namun jika kita harus menambahkan share button untuk masing-masing social media itu akan memakan waktu.
Terus bagaimana cara memsang share button yang mudah dimana bisa mencakup seluruh social media bookmarking yang ada?
Caranya dengan membuat share button dari Addthis di blog. Untuk memberi kemudahan memasang share button dari Addthis, maka pada kesempatan ini Cara Design Blog akan memberikan tutorial blogger tentang cara membuat share buttun pada blogger.
Sayangnya sobat saya sudah mencoba berapa kali dari web AddThis yang sekarang ini langsung untuk menambahkan Share Button tersebut. Tapi akhirnya saya menemukan cara yang lain yaitu secara manual dalam memasukan scriptnya.
Berikut cara memasukkan code share button ke blog :
1. Sebelumnya login di Akun Addthis sobat, jika belum punya silahkan daftar dulu DISINI.
2. Lalu silahkan menu Manage profile sobat.

2. Setelah itu lihat profile id sobat.

4. Lalu pilih salah satu style button berikut :
Share button Mode 1
<!-- AddThis Button BEGIN -->
<b:if cond="data:blog.pageType == "item"">
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" href="http://www.blogger.com/blogger.g?blogID=6266727826541779705"></a>
<a class="addthis_button_tweet" href="http://www.blogger.com/blogger.g?blogID=6266727826541779705"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium" href="http://www.blogger.com/blogger.g?blogID=6266727826541779705"></a>
<a class="addthis_counter addthis_pill_style" href="http://www.blogger.com/blogger.g?blogID=6266727826541779705"></a>
</div>
</b:if>
<script src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67" type="text/javascript"></script>
<!-- AddThis Button END -->
Share button Mode 2
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script>
<!-- AddThis Button END -->
Share button Mode 3
<!-- AddThis Button BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div></b:if>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script>
<!-- AddThis Button END -->
5. Buka blog sobat, lalu pilih templat lalu klik edit template.
6. Lalu pilih salah satu dari kode diatas, cari dan letakkan di bawah kode
<data:post.body/>> jika ingin berada dibawah postingan dan diatasnya jika ingin diatas postingan.7. Jika sudah silahkan di save.
catatan : ganti kode
xa-4e71ff8750bee738 dengan id addthis sobat yang tadi. Jika ada kesulitan jangan sungkan untuk bertanya dengan berkomentar


0 komentar:
Posting Komentar
Catatan:
• Dilarang komentar dengan link aktif!
• Dilarang promosi di kolom komentar!
• Budayakan berkomentar dengan sopan!
• Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
• komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
• Untuk menyisipkan kode, gunakan tag [code].... kode yang sudah diparse ... [/code]
• Untuk menyisipkan kode panjang, gunakan tag [pre].... kode yang sudah diparse ... [/pre]
• Untuk menyisipkan catatan, gunakan [quote].... Teks ....[/quote]
• Untuk menyisipkan gambar, gunakan [img]URL GAMBAR[/img]
• [youtube]URL Youtube[/youtube]
Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di SiniChat di Sini