Cara Membuat Tombol Share di Dalam Artikel Blog

Unknown   July 12, 2017   Blogger   1 comment  

Setelah berbagi template blogger kali ini saya akan share tutorial kembali. Tutorial kali ini saya akan memberikan cara untuk membuat tombol share button keren di blog. Sebenarnya tombol share button ini merupakan produk premium (pro) dari AddThis yang saya buat agar bisa menjadi gratisan.

Tombol bagikan ini pemasangannya mudah, jadi bagi sobat blogger yang masih pemula atau baru mengenal blogger saya rasa tidak akan mengalami kesulitan. Jika masih ada yang kesulitan saya siap membantu. Share button ini sudah ada fitur countnya atau jumlah hitungnya misal ada yang share artikel blog kalian nanti akan ada jumlah berapa yang membagikan artikel sobat.

Cara Membuat Tombol Share di Dalam Artikel Blog

Berikut cara membuat tombol bagikan atau share button di blog.

Buka & Login ke Blogger > Pilih Template > Edit HTML
Kemudian tambahkan kode css di bawah ini pada bagian css template sobat atau lebih mudahnya tambahkan kode sebelum kode ]]></b:skin> atau sebelum kode </style>

.addthis_inline_share_toolbox_r1ie{margin:30px auto}
.addthis_inline_share_toolbox_r1ie table{margin:0}

Selanjutnya pasang juga JavaScript di bawah sebelum kode </body>

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-587b5c57917a8607" type="text/javascript"></script>

Terakhir untuk pengaplikasiannya, letakkan kode pemanggil HTML di bawah sesuai dimana sobat ingin memasang share button. Jika ingin memasang tepat di bawah artikel atau postingan cari terlebih dahulu kode <data:post.body/> dan pasang kode html di bawah sesudah kode tadi atau sebaliknya jika ingin memasang di atas postingan atau artikel blog.

<div class='addthis_inline_share_toolbox_r1ie'></div>

Tekan Simpan. Selesai

Itu tadi tutorial Cara Membuat Tombol Share di Dalam Artikel Blog dari saya. Jika ada yang belum paham silakhan bertanya melalui komentar.