Latest News

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 duduk perkara mungkin yang kemarin kurang bagus,jadi buat yng baru.Share button ini bergotong-royong hampir menyerupai mirip share button yang aku bagikan kemarin yang membedakan yakni share button ini lebih ringan dan lebih kecil serta ramah SEO.

Yang pastinya share button ini tidak akan besar lengan berkuasa 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. Kaprikornus jangan khawatir jikalau pengunjung anda kebanyakan menggunakan mobile,mereka maih mampu 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 isyarat berikut lalu pastekan diatas isyarat </body>

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

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

Karena kode  <data:post.body/> mampu anda temukan lebih dari satu ditemplate blog,oleh karena itu maka silakan pilih isyarat <data:post.body/> yang paling tamat 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 isyarat yang berwarna merah dengan jumlah ikon sosial media yang ingin anda tampilkan.

Lalu simpan template.

Sekarang coba anda buka blog sahabat lalu lihat hasilnya. Gimana keren dan sederhana buka. Itulah tutorial yang mampu aku bagikan. Semoga membantu dan bermanfaat.