Blogger Ciapus Bogor

Kode Script Tombol Share Media Sosial & WhatsApp di Blog

Untuk menambahkan Tombol Berbagi Media Sosial dan juga WhatsApps di Blogspot sebenarnya tidak terlalu sulit. Kita bisa membuatnya sendiri dengan bantuan Addthis. apa itu Addthis?  Addthis adalah situs penyedia berbagai kebutuhan website / blog (gratis)
Kegunaan Diantaranya:
  1. Tombol Berbagi media sosial 
  2. Tombol Follow profil media sosial 
  3. Langganan Artikel via Email
  4. Promosi Link
  5. Posting Terkait
Dan masih banyak kegunaan lainnya

Tetapi dalam artikel ini tidak akan menjelaskan cara membuat widget Tombol Berbagi Media Sosial menggunakan plugin Addthis. Jika kamu ingin membuat Tombol Berbagi sesuai dengan yang kamu inginkan. Kamu dapat mengunjungi situs web AddThis.com pada layar berikutnya silakan mendaftar atau membuat akun baru, jika kamu belum memilikinya.  Nah. Bagi kalian semua yang masih pemula seperti saya, disamping itu kemungkinan kamu tidak ingin ribet apabila harus membuat Tombol Berbagi medsos sendiri. Tidak perlu bingung, karena kamu bisa menggunakan kode skript yang telah saya buat secara khusus, boleh digunakan oleh siapa saja. Keberadaan tombol share ke sosial media sangatlah penting. selain memudahkan pembaca untuk berbagi informasi kepada teman, kerabat dan sebagainya. Hal ini juga sangat berguna sebagai metode untuk meningkatkan lebih banyak pembaca. Terutama jika blog kamu belum memiliki Tombol share ke WhatsApps. Sangat disayangkan bukan? Mengingat pengguna whatsapp kian meningkat dan mereka sering membagikan hal-hal apa pun di grup whatsapp mereka dari apa yang di temukannya. Karenanya, kita perlu menerapkan widget tombol berbagi sosial media berikut widget share whatsapp di blog.

Mungkin ada beberapa dari kalian yang tertarik ingin menginstal script dan kode HTML share sosmed ini. Oleh sebab itu, Mari ikuti cara pemasangannya dibawah


     Seperti inilah bayangan Tampilannya
Contoh tampilan Tombol Berbagi
  • Share > Facebook
  • Share > WhatsApps
  • Share > Twitter
  • Share > Pinterest
  • Share > Line
  • Copy Link
Baca juga:  Cara Memulihkan Link yang Diblokir oleh Facebook


Salin / Copy kode berikut dibawah ini:
<div class="addthis_inline_share_toolbox"></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d3d88f974c89458"></script>


Biar lebih mudah tempatkan kode tersebut dengan cara menambahkan widget di blogspot. Terserah mau ditempatkan di Sidebar, Footer, atau dibagian Header

Berikut cara memasangnya : Pilih > Tata Letak lalu > Tambahkan Gadget
Tempelkan kode tadi > Simpan dan cek hasil 

Pastikan kalian menggunakan Template Responsive. Apabila kalian menggunakan Template Bawaan Blogspot. Kemungkinan Tombol Berbagi tadi tidak akan muncul di Versi Seluler. Cobalah beralih ke Versi Desktop lalu cek kembali blog kalian Apakah kode tadi berfungsi atau tidak


Jika kalian menggunakan Template Responsive dan ingin menampilkan Tombol Berbagi dibawah Judul Posting atau dibawah Posting (Akhir Artikel)

Ikuti cara berikut ini:
Pertama tama kalian Salin Kode yang sudah Terparse dibawah ini.
&lt;div class=&quot;addthis_inline_share_toolbox&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d3d88f974c89458&quot;&gt;&lt;/script&gt;


Selanjutnya kalian menuju ke pengaturan blogspot. Plih >> Tema lalu >> Edit HTML

Cari kode seperti ini
<data:post.body/>


Cara menempatkan code yang benar. Perhatikan petunjuk dibawah ini:

          Dibawah Judul Posting 
     Taruh kodenya dibagian sini
         
<data:post.body/>      
              Diakhir Artikel 
  Taruh kodenya dibagian sini 

Tempelkan kode yang sudah Terparse tadi sesuai keinginan kalian entah itu dibawah Judul Posting atau Diakhir Artikel dengan cara mengikuti Petunjuk Diatas


Bagaimana Cara Menerapkan Script Tombol Share di Dalam Konten dengan Benar?
Oke. Saya akan memperjelas contoh dan memberikan gambaran. Perhatikan baik baik dibawah ini !

Untuk menampilkan Tombol Berbagi dibawah Judul Posting. Pastikan kalian menerapkan kodenya persis seperti pada contoh dalam kotak dibawah ini
         
 &lt;div class=&quot;addthis_inline_share_toolbox&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d3d88f974c89458&quot;&gt;&lt;/script&gt; 

        <data:post.body/>



Dan sebaliknya untuk menampilkan Tombol Berbagi diakhir artikel. Tempatkan kode tepat dibawah
<data:post.body/>


Demikian posting tutorial Cara Menambahkan Tombol Berbagi Media Sosial & WhatsApps di Blogspot yang saya buat dan bagikan ini Semoga dapat berguna bagi kalian..
loading...

Masuk dengan Akun Facebook untuk mengomentari "Kode Script Tombol Share Media Sosial & WhatsApp di Blog"

2 Responses to "Kode Script Tombol Share Media Sosial & WhatsApp di Blog"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel