“ittaqunnar walau bisyiqqo tamrotin: Jagalah diri kalian dari api neraka, meski hanya dengan bersedekah sepotong kurma”(Hadits Shahih, Riwayat Bukhari dan Muslim. Lihat Shahiihul jaami’ no. 114)

Wednesday, December 26, 2018

Cara Membuat Tombol Berbagi Medsos di Blog


Assalamualaikum Warrahmatullahi Wabarakatuhu,

Belakangan media sosial khususnya Whatsapp (WA) sedang booming di semua kalangan, sampai-sampai tukang jual rumput atau tambal ban pun memasang informasi nomor WA yang bisa dihubungi untuk menjual usahanya. Begitupun para bloggers yang selalu eksis sangat memerlukan tombol berbagi tersebut guna memperbanyak viewersnya.

Kali ini penulis akan memberikan cara membuat tombol berbagi medsos tersebut buat para bloggers.

1. Masuk ke Dasbor AddThis dengan mengunjungi: https://www.addthis.com
Jika belum mendaftar maka daftar akun baru terlebih dahulu, saat ini saya nggap anda sudah melakukan pendaftaran di AddThis



2. Pilih "Share Buttons" untuk memasang wa di blog


3. Ketika diarahkan untuk memasang widget whatsapp sebaiknya atur telebih dahulu tata letak widget tersebut. Pilihlah salah satu jenis letak widget sesuai yang kita inginkan seperti: Floating, Inline, Expanding sampai Image sharing. Setelah selesai klik tombol biru "Continue".


4. Pilih "Selected by You" dan cari melalui "ADD MORE SERVICES" untuk memilih jenis medsos yang akan di pajang di blog, untuk menghapus yang sudah dipilih tinggal klik tanda silang si sebelah kanan widget medsos tersebut, setelah selesai lalu klik tombol biru "Activate Tool".


5. Copy code yang tampil pada tulisan dibawah ini dengan menekan tombol "+" didalam kotak.


6. Paste atau letakkan tepat diatas code </body> pada tema html blog kita, setelah itu save perubahan tema blog.

7. Selanjutnya buat menu tombol berbagi pada bagian postingan artikel blog kita. Caranya buka tata letak, lalu tambahkan gadget



8. Pilih menu HTML/Java Script


9. Buat Judul menu dengan "Tombol Berbagi", lalu isi content dengan meng copy code dari website AddThis pada bagian Inline


Tampilan code pada website AddThis pada bagian Inline


10. Setelah selesai lalu Simpan menu tombol berbagi tersebut. Dan kita Pratinjau, maka akan tampil seperti dibawah ini:
11. Selesai

Semoga Bermanfaat,
DK

No comments:

Post a Comment