Cara Membuat Tombol Share di Awal atau Akhir Postingan/Artikel 100% WORK

Kali ini saya mencoba membahas kembali cara membuat tombol share pada posting/artikel blog, karena pada artikel sebelumnya banyak blogger yang merasa kesulitan dan tidak dapat memasang tombol share pada blog mereka.

Nah, pada kesempatan ini kami akan menulis cara yang sama dengan artikel sebelumnya tapi kita ubah kode scriptnya dan dengan tampilan yang sedikit berbeda. Untuk mempersingkat artikel langsung saja ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.

2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.

3. Cari kode  <data:post.body/>  dengan menggunakan Ctrl + F.

4. Letakkan kode berikut ini dibawah kode  <data:post.body/>  jika ingin memasang tombol share dibawah postingan, atau letakkan diatas  <data:post.body/>  jika ingin memasang diatas postingan.

<b:if cond='data:blog.pageType == "item"'> <div style='text-align: left; font: 11px Arial; color: #000; margin: 20px auto; padding: 10px 5px;width: 600px;'> <div style='float:left;padding:1px;margin-right:15px;font:bold 13px Arial;'> <b>Share this article</b> : </div> <!-- AddThis Button 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_pinterest_pinit'/> <a class='addthis_counter addthis_pill_style'/> </div> <script type='text/javascript'>var addthis_config = {"data_track_addressbar":true};</script> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fea027b6493fe59' type='text/javascript'/> <!-- AddThis Button END --> </div> </b:if>  <br> 

NB : Kata “Share this article” bisa di ganti dengan yang kalian inginkan.

5. Kemudian terakhir Simpan Template.