Informasi , tips dan trik

19.10.12

Menambahkan Tombol Share AddThis Di Atas atau di Bawah Artikel

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 .



Kode script AddThis Sobat bisa Copy Kode di bawah 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkoeQh9FiC04p1X-jOk-JBCj89Is2lN5EGEVvNZk2te_PAIOiBgS59OKLptifeO3xe1amJVCZqXJhxRi4Ntyc2_vZLBhb3-yAeTg0JfHu-x6Z3J2DeVVd81uRF2O-d0AyRhGpE1BzYLjU/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcy4f087PtX88Vlf8gpdZkjyvXs_zTcD-Ekdz2ntoJIYHydixH1c7lXQ5jiBOIBMZls7rsx1xrI4JRak54UygtCl8nTM3RFPhXEiT24R-eLfxKI5FV76ok4SC-xegPTQfHlJgzEPA6zA/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_BlwhPSTQIY4UkJgQ6hkhvg5Etvnk67U16BsDIig9Mvp6S6LZi4_9s7OmBGCKdqgm_4JVoyQJHyyurHTRn0Qm_Qm8cp7ZWS3vo1AAfMGUN8CGT3iX-iFkT6IphHiWBUkbkDDmrn_4oM/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj_nveX3lMWl5d1_rqgyA_qN1Ivpv0ppjY97IQGyIH1DiARWdV3-Wm-uenubZbOGS5aec_ciYU23r82Pzm3ElHl451BrMUOmZqOPQvEvROPJVbic_ZQD5KL81TKjTN5sfaxKguE0sV5Q4/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4iJjQiymMwM2HHWLBGPxLjy7vkclab6ws10SuTCB35d9HDy1LZF6KcXFrc5d3juqT4ear8h-j28BTty7T7o-qTockj77ysU7OBic-rfioYnfNHHZw4WxOAdhX5h_ENZfZgLkI0jZeP1U/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDtIVZnggKJxx2yu93gxbvzhSWymL3tI0539jeKYH2smH23XSunJjpx8anuvMGApvSHYhhnL0sYzErr7WSasBqaqGf-MDsMbKtU6AL0R1fQZouOjhn9ceqSy6M91LKXmFdMQEqUVjOt3Y/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2-tVhBCN9FrFOKW4O2Msh8GNoyzDrzjl_853gjwkU0ZccU5PVQGumI0Aa7eKfBKzojn1EoBFpGe1REpPTtXZ4J6qQHdTFOUoavMw49MHSkM1amDoOaOwgW9-dKnM8EHMLE7bQN4HglpI/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 biru 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 contoh di bawah 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.
Share:

2 comments:

Mohon tidak memasukan Link Aktif dalam berkomentar ,Jika komentar anda tidak muncul mungkin disebabkan komentar anda di identifikasi-kan sebagai SPAM ,dimana langsung saya hapus semua komentar yang masuk kotak SPAM ,Mohon maaf Jika ada beberapa Komentar yang tidak sempat di balas atau terlewatkan ,Terima Kasih sebelumnya telah berkunjung.