Cara Membuat Share Button [Facebook,Twitter,Google+] Untuk Mobile

Kali ini kita akan membuat share button. Padahal kemarin kita sudah membuat share button yang tak kalah bagusnya. Tapi tidak masalah mungkin yang kemarin kurang bagus,jadi buat yng baru.Share button ini sebenarnya hampir mirip seperti share button yang saya bagikan kemarin yang membedakan adalah share button ini lebih ringan dan lebih kecil serta ramah SEO.

Yang pastinya share button ini tidak akan berpengaruh terhadap kecepatan loading blog sobat. Jika loading blog anda cepat maka setelah memasang share button ini loading blog akan masih akan tetap cepat. Jika loading blog anda lambat maka setelah memasang share button ini akan tetap lambat. ๐Ÿ˜„

Cara Membuat Share Button Sederhana dan Ringan [Seo Friendly]
 
Share button ini berukuran mini serta support untuk mobile device. Jadi jangan khawatir jika pengunjung anda kebanyakan menggunakan mobile,mereka maih bisa membagikan artikel anda. Untuk lebih lengkapnya,berikut Fitur yang terdapat dalam share button ini  :
  • Responsive
  • Seo Friendly
  • + ada counternya 
  • dll.
Lalu bagaimana cara memasangnya di blog,untuk memasangnya cukup mudah ikuti saja langkah dibawah ini.

Cara Membuat Share Button Sederhana dan Seo Friendly

#1. Buka  blogger ,Template ➞ Edit HTML

#2. Salin kode berikut lalu pastekan diatas kode </body>

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

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

Karena kode  <data:post.body/> bisa anda temukan lebih dari satu ditemplate blog,oleh sebab itu maka silakan pilih kode <data:post.body/> yang paling akhir 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-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>

Ganti kode yang berwarna merah dengan jumlah ikon sosial media yang ingin anda tampilkan.

Lalu simpan template.

Sekarang coba anda buka blog sobat lalu lihat hasilnya. Gimana keren dan sederhana buka. Itulah tutorial yang bisa saya bagikan. Semoga membantu dan bermanfaat.

Subscribe to receive free email updates:

7 Responses to "Cara Membuat Share Button [Facebook,Twitter,Google+] Untuk Mobile"

  1. Wah menarik infonya. Bisa diterapkan sewaktu-waktu di blog saya

    ReplyDelete
  2. Hehe, bagus nih artikel.
    Tapi lagi males ngoprek template nih mungkun bookmark dulu ahh

    ReplyDelete
  3. Replies
    1. Sama-sama,makasih juga atas kunjungannya

      Delete
  4. Makasih gan artikelnya bermanfaat apalagi punya saya belum di pasang kayak gitu....

    ReplyDelete
  5. Mantap infonya gan.. nanti saya terapin di blog baru..

    ReplyDelete

Jangan ada link aktif di komentar karena komentar anda di moderasi!