Cara Menambahkan Tombol Share AddThis Dipostingan Blog

Menambahkan Share button keren AddThis yang bisa di tempatkan di atas artikel atau di bawah artikel ,terlihat jika artikel di buka yang mana tombol share cukup mempunyai fungsi penting bisa dimanfaatkan sebagai media promosi blog atau artikel terutama artikel baru supaya bisa mendapatkan pengunjung target nya ya tentu saja pengguna sosial profile seperti Twitter,Facebook,Digg dan lain sebagainya,sebenarnya dari blogger sendiri sudah menyertakan share button default yang bisa di manfaatkan hanya saja mungkin dari sebagian penulis blog agaknya masih di rasa kurang menarik tampilannya dan pilihan target share sosial media yang terbatas ,seperti halnya saya sendiri seperti itu ,jika sobat berpikiran seperti itu juga saya ada script share button yang mungkin menarik dan bisa sobat pakai .
LSebagai contohnya lihat gambar dibawah ini:

Kalau Anda berminat silahkan kopi saja code scripnya dibawah ini:


<div class='widget-wrap'>
<h3 class='widgettitle'>Bagikan </h3>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/-TUTjx0Yc0FY/TXSLKPiLRbI/AAAAAAAAA3U/nI4HkE091Lk/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://4.bp.blogspot.com/-UWnmf5jmYYo/TXSJ0fF4OUI/AAAAAAAAA2k/1dfI5Vp6XkE/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://1.bp.blogspot.com/-GpYwvZxzuzU/TXSJ0qKwUlI/AAAAAAAAA20/UiLh_RsGsqY/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://1.bp.blogspot.com/-JVB0CPHCL1E/TXSJ0ceJsgI/AAAAAAAAA2s/kpyRlPsGJek/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://3.bp.blogspot.com/-7-xCrO8HzH8/TXSLJ2054hI/AAAAAAAAA3M/lV4L-SpptZ0/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://3.bp.blogspot.com/-le322tlJxbk/TXSJ0tmqaiI/AAAAAAAAA28/qDly1cnZiIk/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://1.bp.blogspot.com/-DqjDPRVJc5g/TXSJ04YfobI/AAAAAAAAA3E/7HVFTgWb1dE/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>
<div style='clear:both;'/>



 "catatan untuk tulisan yang berwarna Merah bisa di ganti sesuai dengan selera,atau bisa juga di hapus atau dinkosongkan."

Sebelum melakukan nya sebaiknya backup template blog sobat terlebih dahulu untuk berjaga-jaga ,Untuk pemasangan kode tersebut masuk ke akun blog sobat,pilih Template kemudian Edit HTML ,cari kode ini < data:post.body/> atau kode . untuk memudahkan pencarian tekan Ctrl + F ketikan kode tersebut atau copas untuk lebih mudahnya. setelah ketemu kode sekarang tinggal pemilihan penempatannya mau di atas artikel atau di bawah artikel ,untuk soal ini sesuai dengan selera masing masing ,silahkan lihat blog ini . Jika ada dua kode pilih yang pertama atau jika salah satu sudah di pakai untuk script readmore pilih yang satunya lagi,bisa yang pertama atau yang kedua.

Penempatan di atas artikel : kode share button tepat sebelum <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='clear:both;'/>KODE SHARE BUTTON<data:post.body/></div>

Penempatan di bawah artikel : Kode share Button tepat sesudah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='clear:both;'/><data:post.body/> KODE SHARE BUTTION</div>

setelah selesai klik save . Untuk kode ini juga bisa sobat pasang melalui tambah gadget , pilih java script/HTML ,jadi tidak perlu melalui Edit HTML . Jika tidak ingin ada dua menu share button sebaiknya di hapus dulu share button default yang ada di blog ,cara menghapus share button default bisa di lihat di Sini .
Sobat juga bisa mendapatkan tampilan lain tombol share dari AddThis , bisa kunjungi laman web AddThis.com.
Selesai sudah,silahkan dicoba moga bermanfaat

0 komentar:

Catat Ulasan