Latest News

Cara Memasang Sosial Share Button Dengan Counter Dibawah Postingan

Membuat Share Button dengan Counter - Tombol menyebarkan atau share button ialah widget yang berkhasiat untuk memudahkan dalam menyebarkan artikel. Share button ini biasanya terhubung dengan media umum yang digunakan untuk media dalam membagikan artikel.

Share button yang bagikan ini mampu tampil di semua device,alias responsive. Sehingga anda tidak perlu mencari tutorial membuat share button lain khusus untuk mobile. Bukan hanya responsive ,share button ini juga dilengkapi dengan counter/penghitung. Counter ini akan menghitung berapa kali artikel yang sudah di share jadi anda mampu tahu jumlah share yang ada.

Berikut penampakan share button yang akan aku bagikan.👇👇👇

Cara Memasang Sosial Share Button + Counter [Responsive]

Bagaimana? Tertarik untuk membuat share buttonnya,langsung saja berikut langkah-langkah :

Membuat Share Button dengan Counter

1. Buka  blogger ,Template ➞ Edit HTML

Baca juga : Cara Membuat Share Button Sederhana dan Ringan [Seo Friendly]

2. Salin instruksi berikut lalu letakkan diatas instruksi </body>

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

3. Salin instruksi berikut dan letakkan dimana share button ingin ditampilkan. Biasanya ditampilkan dibawah artikel jadi letakkan instruksi <data:post.body/>

Karena kode  <data:post.body/> mampu anda temukan lebih dari satu ditemplate blog,oleh alasannya ialah itu maka silakan pilih instruksi <data:post.body/> yang paling selesai anda temukan atau coba cocokan 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-stumbleupon"></div>   <div class="don-share-reddit"></div>   <div class="don-share-buffer"></div>   <div class="don-share-xing"></div>   <div class="don-share-pocket"></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>

Lalu simpan template.

Selesai share button sudah dipasang di blog sobat. Ganti instruksi yang berwarna merah dengan jumlah sosial media yang ingin anda tampilkan. Itulah tutorial cara membuat share button responsive dengan counter,semoga bermanfaat.