Membuat Share Button dengan Counter - Tombol membuatkan atau share button ialah widget yang mempunyai kegunaan untuk memudahkan dalam membuatkan artikel. Share button ini biasanya terhubung dengan media sosial yang dipakai untuk media dalam membagikan artikel.
Share button yang bagikan ini bisa tampil di semua device,alias responsive. Sehingga anda tidak perlu mencari tutorial menciptakan 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 bisa tahu jumlah share yang ada.
Berikut penampakan share button yang akan saya bagikan.👇👇👇
Bagaimana? Tertarik untuk menciptakan 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]
Baca juga : Cara Membuat Share Button Sederhana dan Ringan [Seo Friendly]
2. Salin isyarat berikut kemudian letakkan diatas isyarat </body>
<script src="http://share.donreach.com/buttons.js"></script>
3. Salin isyarat berikut dan letakkan dimana share button ingin ditampilkan. Biasanya ditampilkan dibawah artikel jadi letakkan isyarat <data:post.body/>
Karena kode <data:post.body/> bisa anda temukan lebih dari satu ditemplate blog,oleh alasannya yaitu ialah itu maka silakan pilih isyarat <data:post.body/> yang paling final 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 isyarat yang berwarna merah dengan jumlah sosial media yang ingin anda tampilkan. Itulah tutorial cara menciptakan share button responsive dengan counter,semoga bermanfaat.
Komentar
Posting Komentar