Kode Script Tombol Share Media Sosial & WhatsApp di Blog
Selasa, 30 Juli 2019
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:
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
Salin / Copy kode berikut dibawah ini:
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.
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:
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
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..
Kegunaan Diantaranya:
- Tombol Berbagi media sosial
- Tombol Follow profil media sosial
- Langganan Artikel via Email
- Promosi Link
- Posting Terkait
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>
<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.
<div class="addthis_inline_share_toolbox"></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d3d88f974c89458"></script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d3d88f974c89458"></script>
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
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
<div class="addthis_inline_share_toolbox"></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d3d88f974c89458"></script>
<data:post.body/>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5d3d88f974c89458"></script>
<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..
Terima kasih berhasik
BalasHapusTerimakasih kembali sudah berkunjung
HapusWhatsApp enables marketers to run innovative campaigns. You can ask your recipients to share their images while using your products and services or posing in front of your billboard or store. spiare whatsapp conoscendo il numero
BalasHapussaya coba salken...
BalasHapushttps://newsartstory.blogspot.com
ok.
BalasHapusTerimakasih
Udah bisa bang, btw untuk nambahin sosmed lainnya macam mana?
BalasHapusMantap
BalasHapusWork mas, saya coba pasang di blog Moccaen
BalasHapus