Langsung ke konten utama

Cara Membuat Tombol Berbagi [Share Button] Responsive di Bawah Postingan Blog

Memasang Share Button Keren dan Responsive di blog - Tombol menyebarkan ialah tombol yang dipakai untuk mempermudah pengunjung untuk membagikan artikel yang ia baca. Tombol menyebarkan yang erat disebut share button/share box ini bisa menciptakan blog anda terkenal. Caranya? Semakin banyak orang membagikan artikel di blog anda tentu blog anda akan semakin di kenal luas.

Untuk demo bagaimana penampakan share buttonnya,apakah responsive atau tidak bisa anda lihat di blog ini. Soalnya saya juga menerapkan di blog saya.Tentunya share buttton ini juga bisa meningkatkan jumlah visitor anda. Melalui orang-orang yang membagikan artikel anda.
Untuk membagikan suatu artikel bersama-sama tidak perlu harus menggunakan/memasang share button di blog. Namun hanya perlu menyalin url artikel yang dibaca kemudian membagikannya kepada teman atau ke media sosial. Namun cara ini tergolong ribet. Dan tentunya sangat membuang-buang waktu. Oleh alasannya itu,kita perlu memasang share button di blog kita.



Manfaat Share Button

Semakin banyak yang membagikan artikel kita maka juga akan meningkatkan SEO blog kita. Kok bisa? Tentunya bila artikel tersebut banyak yang share  maka membuktikan bahwa artikel tersebut mengagumkan dan berkualitas sehingga layak untuk dibagikan. Oleh alasannya itu akan mengatakan nilai lebih untuk blog anda dimata mesin pencari. Baca : 4 Cara Praktis Supaya Artikel Cepat Terindex Google

Manfaat Share Button [Poin-Poin] :

  • Membantu pengunjung yang ingin berbagi 
  • Meningkatkan visitor
  • Pelangkap property blog
  • SEO
  • dan manfaat lainnya.

    Keuntungan Menggunakan Share Button Dari AnggaSave :

    1. Responsive dan Mobile Friendly
    2. Ada counternya (Jumlah share)
    3. Gak bikin loading blog lama
    4. No iklan ,No kredit
    5. Gratis
      Setelah mengetahui manfaatnya,kita beralih bagaimana cara menerapkannya di blog kita. Langsung saja berikut caranya :

      Cara Membuat Share Button di Blog

      Langkah 1
      Buka blogger ,pilih Template kemudian Edit HTML

      Langkah 2
      Salin arahan dibawah kemudian letakkan diatas arahan </body>
        
      <script src="http://share.donreach.com/buttons.js"></script>

      Langkah 3
      Salin arahan berikut kemudian pastekan dimana share button ingin anda tampilkan. Jika ingin ditampilkan dibawah artikel mirip di blog ini maka letakkan kode <data:post.body/>

      Karena kode  <data:post.body/> bisa anda temukan lebih dari satu ditemplate blog,oleh alasannya itu maka silakan pilih arahan <data:post.body/> yang paling selesai anda temukan atau coba cocokan satu per satu.

      <div class='berlangganan-box'> <div class='don-share' data-limit='3'>   <div class='don-share-total'/>   <div class='don-share-facebook'/>   <div class='don-share-twitter'/>   <div class='don-share-google'/>   <div class='don-share-linkedin'/>   <div class='don-share-pinterest'/>   <div class='don-share-tumblr'/>   <div class='don-share-reddit'/>   <div class='don-share-hackernews'/>   <div class='don-share-pocket'/>   <div class='don-share-fancy'/>   <div class='don-share-yummly'/>   <div class='don-share-vk'/> </div> <script type='text/javascript'>    (function() {     var dr = document.createElement(&#39;script&#39;);     dr.type = &#39;text/javascript&#39;; dr.async = true;     dr.src = &#39;//share.donreach.com/buttons.js&#39;;     (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dr);   })(); </script></div>

      Ganti arahan yang berwarna merah dengan jumlah share button yang ingin anda munculkan.

      Lalu simpan template.

      Cukup sekian tutorial cara menciptakan share box keren,semoga bisa bermanfaat. Dan coba lihat salah satu artikel di blog sobat,jika berhasil maka share button akan muncul mirip share button akan muncul mirip di blog ini.

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

      Komentar

      Posting Komentar

      Postingan populer dari blog ini

      Teknik Mengolah Kata Kunci, Cara Sederhana Riset Keyword Tanpa Tools

      Pada postingan kali ini saya mau bagikan lagi sebuah teknik mengolah kata kunci. Agar isi dalam artikel ini praktis dipahami jadi saya menggunakan sedikit ulasan bergambar semoga nantinya praktis dipahami. Teknik ini yaitu salah satu teknik seo yang sering digunakan oleh para internet marketing untuk mampu menggaet calon pelanggannya secara tertarget. Dan percaya saja bahwa ini kali pertama anda menemukan satu dari sekian banyaknya teknik seo yang ada yang mampu membantu anda menerima visitor yang banyak. Kabar baiknya, walaupun ini yaitu seni administrasi seo marketing tapi mampu juga diaplikasikan untuk jenis website artikel. Bahkan hal ini akan sangat bagus.. Ribuan pengunjung organik google dalam 1 bulan bukan duduk duduk masalah lagi untuk mampu didapatkan secara mudah. Oleh alasannya yaitu itu simak baik-baik, baca poin per poin semoga wawasan anda mampu ditambahkan secara menyeluruh. Berikut yang akan kita pelajari... Survey Google Auto Complete Google Sugge...
      Posting Komentar
      Baca selengkapnya

      Cara Upload File, HTML, CSS, Javascript Di Google Drive

      D ari info beberapa sumber yang saya baca, bahwa Google Code ada kemungkinan tahun depan sudah tidak mampu dipakai alasannya yakni Google akan menutupnya. Nah sebagai penggantinya Google telah menyiapkan daerah gres untuk menghosting file menyerupai file dokumen, HTML, CSS, maupun JavaScript yaitu Google Drive. Untuk itu kini saya mulai mengalihkan file JavaScript dan HTML blog Kompi Ajaib dari Google Code ke Google Drive dan ternyata sangat mudah dan script berjalan sempurna. Sekarang saya akan menguraikan cara upload file HTML, CSS, atau Javascript di Google Drive. Bagi yang tertarik untuk mencobanya silahkan ikuti langkah-langkahnya di bawah ini: 1. Silahkan masuk ke Google Drive dengan link berikut https://drive.google.com/ dan login dengan akun Google Anda. 2. Kemudian klik tanda upload untuk mulai mengupload file dari komputer Anda, menyerupai pada gambar di bawah ini. 3. Silahkan pilih file yang ingin Anda upload kemudian akan muncul kotak upload, bi...
      Posting Komentar
      Baca selengkapnya

      Daftar Pilihan Situs Penyedia Gambar Gratis Legal Bebas Di Gunakan

      Daftar website/situs yang menyediakan gambar gratis. Jika anda bingung memilih gambar untuk posting blog atau melengkapi artikel dengan gambar supaya terlihat bagus dan menarik , anda bisa menggunakan situs yang menyediakan foto serta gambar yang bebas hak cipta alias gratis untuk di gunakan secara komersil. Dengan memakai gambar di daftar situs ini di jamin aman dan tidak perlu khawatir lagi ada pihak yang meng-claim.  Barangkali ada yang belum tahu bahwa setiap gambar di internet juga mempunyai hak cipta , jadi tidak semua gambar bisa di gunakan sembarangan. Penggunaan gambar yang berhak cipta bisa berbuntut panjang , jikalau yang mempunyai gambar tersebut secara sah mengadu atau melaporkan ke pihak DMCA , besar kemungkinan blog kita akan mendapat peringatan , jikalau hal ini berlanjut dan tidak ada tindakan untuk menghapus gambar tersebut maka resiko terburuk ialah artikel kita akan otomatis masuk ke dalam daftar draft. Berikut ini gua rangkum daftar...
      Posting Komentar
      Baca selengkapnya