Tombol Social Share Responsive Dari donReach

Tombol Social Share Responsive Dari donReach - Jika anda ingin memasang sebuah tombol sosial share responsive didalam artikel blog sudah tidak perlu repot-repot lagi berurusan dengan kode CSS, jQuery atau script-script lainnya yang terkadang membuat anda bingung, bingung mau memasangnya taruh dimana, diletakan setelah kode ini atau gimana.. Karena.. sekarang ini sudah ada sebuah script yang sangat komplit yang berisi sosial share yang ada di internet

Adalah donReach, sebuah layanan yang menyediakan tombol social share yang responsive dan memuat hampir semua layanan sosial media, mulai dari Facebook, Googleplus, Twitter sampai layanan yang tidak saya kenal yaitu Hatena. Selain menyediakan tombol share ini secara gratis, tampilan dari tombol donReach ini juga sangat bagus dan elegan, contoh tampilannya seperti yang ada dibawah artikel ini, menarik bukan?

Tombol Social Share Responsive Dari donReach

Jika anda ingin menggunakan tombol share ini, caranya sangat mudah dan bisa diatur sesuai keinginan, mau tombol kecil, tampilan icon, atau tampilan besar juga bisa sesuai selera anda. Yuk langsung gunakan saja...

Silahkan menuju ke http://donreach.com/social-share-buttons
Setelah terbuka ada 3 kolom yaitu:
- Button style : terdapat 3 pilihan yaitu Responsive buttons, Icons, dan Short buttons. Silahkan pilih dan coba sesuai selera, saya meilih Responsive buttons
- Share count bubbles : Merupakan efek dalam menampilkan banyak jumlah share yang terdapat pada masing-masing tombol. Silahkan dicoba saja, salah memilih Hover
- Limit button : Merupakan jumlah tombol yang akan ditampilkan, apakah 1, 2, 3 atau 6. Jika memilih 3 makan yang tampil adalah tombol Facebook, Twitter, dan Googleplus dan yang lainnya disembunyikan seperti yang ada dibawah artikel ini
Jika sudah selesai mengatur tampilan dan tombol share tersebut, selanjutnya klik tombol Get the Code

Muncul kolom popup yang berisi kode seperti dibawah ini:

<div class="don-share" 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-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>

Agar pemasangang tombol share yang tersembunyi yang tidak digunakan berlebihan, maka hapus beberapa kode misalnya yang dihapus adalah kode berikut ini:

<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>

Dan masuk ke halaman dashboard Blogger anda dan pilih menu Template >> Edit HTML
Cari kode
<b:includable id='post' var='post'>
...............
...............
</b:includable>
Pasang kode tombol sosial share dari donReach tersebut sebelum kode </b:includable>
Simpan dan lihat hasilnya

Kehadiran tomblo sosial share dari donreach ini sepertinya akan menggeser posisi Adthis dan jika dari tampilan serta penggunaan dan loading, tombol dari donReach memang lebih baik. Silahkan dicoba