Kali ini kita akan menciptakan share button. Padahal kemarin kita sudah menciptakan share button yang tak kalah bagusnya. Tapi tidak problem mungkin yang kemarin kurang bagus,jadi buat yng baru.Share button ini bekerjsama hampir mirip seakan-akan share button yang saya bagikan kemarin yang membedakan yakni share button ini lebih ringan dan lebih kecil serta ramah SEO.

Kali ini kita akan menciptakan share button. Padahal kemarin kita sudah menciptakan share button yang tak kalah bagusnya. Tapi tidak problem mungkin yang kemarin kurang bagus,jadi buat yng baru.Share button ini bekerjsama hampir mirip seakan-akan share button yang saya bagikan kemarin yang membedakan yakni 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 sesudah memasang share button ini loading blog akan masih akan tetap cepat. Jika loading blog anda lambat maka sesudah memasang share button ini akan tetap lambat. 😄

 

Share button ini berukuran mini serta support untuk mobile device. Jadi jangan khawatir jikalau pengunjung anda kebanyakan memakai 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 gampang ikuti saja langkah dibawah ini.

Cara Membuat Share Button Sederhana dan Seo Friendly

#1. Buka  blogger ,Template ➞ Edit HTML

#2. Salin kode berikut kemudian 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 alasannya yaitu itu maka silakan pilih kode <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-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 sahabat kemudian lihat hasilnya. Gimana keren dan sederhana buka. Itulah tutorial yang bisa saya bagikan. Semoga membantu dan bermanfaat.

Sumber http://www.tips-trick.com