Total Pageviews

Cara Menambahkan SocialMedia Share Buttons Responsive Di Blogger

2017

Hallo, Kali ini saya bakal kasih tutorial bagaimana cara menambahkan social share yang sangat responsive kedalam blog. Socialshare button ini merupakan social share yang responsive jadi kalian nggak usah takut social ini akan bekerja ke semua jenis platform.

Social media share button yang satu ini, Memiliki desain yang sangat indah layaknnya social share yang professional dan premium, SocialShare ini dilengkapi dengan beberapa icon dari berbagai social media, Seperti (Facebook, Google+. Submit dan Pin It) Untuk membuat social share ini semakin premium mereka menambahkan/dilengkapi total 'Share' jadi kalian akan tau berapa banyak orang yang sudah mengshare postingan kamu.

Berikut ini bagaimana cara instalasi Social media buttons kedalam blog kamu.

1. Seperti biasannya, Silahkan Login ke akun blogger kamu.
2. Setelah login, Masuk di tema dan edit template. (silahkan backup dulu biar jika terjadi sesuatu bisa dikebalikan)
3. Jika sudah silahkan cari kode ini dengan cara CTRL+F kedalam template kamu. '<div class='post-footer'>' tanpa kutip.
4. Jika sudah ketemu silahkan paste kode berikut ini tepat diatas kode '<div class='post-footer'>'.

<div class="don-share" data-bubbles="top" data-limit="4">
 <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-pinterest"></div>
 <div class="don-share-linkedin"></div>
 <div class="don-share-tumblr"></div>
 <div class="don-share-stumbleupon"></div>
 <div class="don-share-reddit"></div>
 <div class="don-share-hackernews"></div>
 <div class="don-share-buffer"></div>
 <div class="don-share-xing"></div>
 <div class="don-share-pocket"></div>
 <div class="don-share-fancy"></div>
 <div class="don-share-yummly"></div>
 <div class="don-share-scoopit"></div>
 <div class="don-share-weibo"></div>
 <div class="don-share-vk"></div>
 <div class="don-share-mailru"></div>
 <div class="don-share-odnoklassniki"></div>
 <div class="don-share-hatena"></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>

5. Silahkan save template kamu, Jika sudah silahkan check jika berhasil 'lihat blog'.

No comments:

Post a Comment