4 Cara mudah membuat share button keren responsive diblog terbaru

Tombol berbagi atau yang biasa disebut dengan share button adalah tombol yang digunakan untuk mempermudah pengunjung membagikan artikel yang ia baca. Share button yang akan saya bagikan ini berukuran mini serta support untuk mobile device dan yang pasti share button ini tidak akan mempengaruhi kecepatan loading blog sobat, share button ini juga ramah SEO friendly tentunya.

Manfaat share button

Beberapa manfaat yang bisa sobat dapatkan dengan memasang share button adalah:

■ Meningkatkan visitor atau traffic pengunjung
■ Membantu pengunjung agar mudah membagikan artikel kita
■ Sebagai pelengkap property box
■ SEO friendly tentunya
■ Dan masih banyak lagi manfaat lainnya

BACA JUGA:
●Cara membuat subcribe box keren tanpa edit html diblog terbaru
●Cara membuat daftar isi (sitemap) SEO keren diblog terbaru 2018

Cara memasang share button

Setelah kita mengetahui manfaat nya, sekarang kita lanjutkan ke langkah pemasangan share button diblog kita. Berikut caranya:

Pertama
Buka akun blogger sobat, pilih template atau tema lalu klik Edit Html

Kedua
Copy kode dibawah ini lalu pastekan diatas kode </body>

<script src="http://share.donreach.com/buttons.js"></script>

Ketiga
Copy kode dibawah lalu letakkan dimana share button ini ingin sobat tampilkan. Jika ingin ditampilkan dibawah artikel maka pastekan kode sebelum <data:post.body/>

Catatan:
☆ Karena kode <data:post.body/> bisa sobat temukan lebih dari satu, maka silahkan pilih kode <data:post.body/> yang paling akhir sobat temukan atau coba cocokkan satu per satu.

<div class="don-share" data-bubbles="right" data-limit="3"> <div class="don-share-total"></div> <div class="don-share-facebook"></div> <div class="don-share-twitter"></div> <div class="don-share-google"></div> <div class="don-share-linkedin"></div> <div class="don-share-pinterest"></div> <div class="don-share-tumblr"></div> <div class="don-share-vk"></div> </div> <script type="text/javascript"> (function() { var dr = document.createElement('script'); dr.type = 'text/javascript'; dr.async = true; dr.src = '//share.donreach.com/buttons.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dr); })(); </script>

Catatan:
☆ Ganti kode yang berwarna merah dengan jumlah share button yang ingin sobat tampilkan.

Keempat
Kemudian simpan template atau tema

Selesai dan lihat hasilnya di tampilan blog sobat.
Demikian tutorial 4 Cara mudah membuat share button keren responsive diblog terbaru semoga bermanfaat. Terima kasih