Cara Menambahkan Widget HTML Media Sosial Icon Terbaru di Blogger!
BOODS.ID - Kalau kamu pemilik website atau blog pasti kamu ingin tampilan blog kamu semakin lengkap dan menarik. Salah satu hal yang menarik adalah menambahkan sosial media kita ke blogger atau website. Cara ini merupakan simbiosis mutualisme, dimana blog mengarahkan agar pembaca memfollow atau subscribe sosial media kita dan sosial media kita menjadi salah satu sumber trafik web atau blog kita.
Lantas bagaimana cara menambahkan widget media sosial seperti Instagram, TikTok, Youtube, Twitter X, Facebook, dan lain-lain ke blogger? Kamu perlu yang namaya HTML/Javascipt yang mengarahkan ke sosial media kamu. Ikuti cara menambahkan sosial media ke blog berikut ini.
Cara Memasang Widget Media Sosial di Website atau Blogger.
Pertama, buka "Tata letak" pada dashboard blogger, kemudian pilih "tambahkan gadget" pilih "HTML/Javascript" kemudian beri judul widget sesuai keinginan, misalnya Follow Me/Us, Subscribe, Media Sosial, Find Me/Us on, dsb.
Kedua, Menambahkan kode HTML Widget TokTok, YouTube, Instagram, Twitter X, Facebook, dan WhatsApp. Copy kode HTML dibawah ini dan tempelkan ke Gadget / Widget media sosial yang barusan kamu buat.
<a href="https://www.tiktok.com/@jalanmandiri" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimf_nSJdnUOO0h8LOsKPDa_czBQmYG4oty0zhtvPhXcdxAkmvykLDrdpkKKfDK6BzfUHjYtRbjhmnCcIzuJ0EEf8firiw-gtijMJVmdUlSDFcHvPTj41elD26vYiblcD2wEDWMqtJhBGiPMtcKQFPWacItmhJB1ac1gXOn8dYDNKW418DtKF-uHmFZMPjI/s512/tik-tok.png" alt="TikTok" width="50" heihgt="50" /></a>
<a href="https://www.youtube.com/@jalanmandiri_exp" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwhZF2r0IMHmGsqGob_VZzChxPDXKRacx76tVagdccw98k74dRn_Gz7q-JJ6Y0KFPcNRrsF3RHa5Y7Avc2U-Cxsp1-5rXcjv9jarEJIMQIgSPrVCN_8Su3vLtMto17X4gd7b1O2IfuNeLU5I35WQKF-NVJYFCpgaC8HYJGwTjA028bM2DWoLe6y1MlTI1/s512/youtube.png" alt="YouTube" width="50" height="50 " /></a>
<a href="https://www.instagram.com/jalanmandiri_exp" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg51L1s2XZLdlKJGM0xllToPS6Vp-MqAv-faUiEuCcbhidZUUqnwR0DZeZIkaD9EijenV03bDbk-iCBQCzK4OFUW0-8a1p1G_WThcbXWNm-IjnovZSDvJl6kl6yZNsU1UgNk3DPAQix61MUgrNC3MRr6uTtD_7MLLflB5zKR18dhIC8FiHXK6XxNaRbDtL0/s512/social.png" alt="Instagram" width="50" height="50 " /></a>
<a href="https://www.x.com/jalanmandiri_exp" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYAInIaU_V2hnTnIBdaybiZoM0B3Sn4eUYQuYDgsaBMBWRjL72M-BcLCMHlaScnGpAlilF8F6SBE7s6I2uICx7MRPPaCapMlqaMr2p2RUwf7ORuOgxrOPvKuJvan4KbRre1KAwzjzbIJYPOjaqJQ4O7NK5TcUnHzNqvsqOzJ2C-Q7_JYRzR9LeoNz9lIAa/s512/twitter.png" alt="Twitter" width="50" height="50 " /></a>
<a href="https://www.facebook.com/jalanmandiri_exp" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFwyClsjtXIYZ-0VsC26mJ5cirfHXsYNDjWkAqjPOhVO9cENTVyE2z13ccP2bOfx1YR570E1b8YsciNlPelRUH1OeN6c_gJ5c7Xd_bViHjfduBfwV_tM1LBQtqcqAsdTHuvsHUCKBIz1QlZDyUQk7ZRWSWV-guQMSKZBvdqVgmsDiB7JU-PBLPw1l7J48z/s512/facebook.png" alt="Facebook" width="50" height="50 " /></a>
Ketiga, ganti link media sosial sesuai alamat medsos kamu, ganti nama media sosial, dan atur tinggi lebarnya sesuai keinginan kamu dengan ukuran sama, misal widht 50 height 50, atau widht 45 height 45, dst. Untuk nomor WhatsApp, kamu hanya ganti nomornya sesuai nomor kamu dengan format 628XXX tanpa tanda (+).
Keempat, simpan widget dan buka website atau blog, periksa apakah alamat media sosial yang kamu pasang sudah tepat, jika sesuai itu artinya widget medsos kamu sudah terpasang dengan sempurna. Kamu bisa mengatur urutan media sosial dengan cara copy kode HTML diatas satu per satu sesuai urutan yang kamu mau.
Terus bagaimana jika media sosial diatas tidak sesuai keinginan kamu, atau ada media sosial lain yang ingin kamu tambahkan? Ikuti cara berikut ini untuk menambahkan Widget Media Sosial secara manual.
Menambahkan Widget Media Sosial Custom di Blog atau Website
Terkadang jika mengikuti kode HTML template media sosial yang ada banyak tutorial yang terpasang akan terbatas dan tidak sesuai keinginan. Misalnya kamu ingin menambahkan widget media sosial LinkedIn, Telegram, Github, Pinterest, dan lainnya ke dalam blog tapi tidak tersedia kode HTMLnya, kamu bisa memasang widget sosmed secara manual dengan cara berikut ini.
Pertama, unduh icon media sosial yang akan kamu pasang di flaticon.com.
Kedua, buat halaman baru di dashboard blogger, kamu bisa isi judul "icon medsos" atau apapun.
Ketiga, masukkan icon yang barusan kamu unduh ke dalam halaman.
Keempat, klik kanan pada gambar/icon, kemudian klik "copy image address". Cara lainnya dengan mengganti tampilan menjadi "tampilan HTML" dan copy alamat/linknya.
Kelima, masukkan atau paste link gambar ke dalam kode HTML berikut ini (yang berwarna biru). Untuk kode berwarna merah bisa disesuaikan seperti langkah atau cara sebelumnya.
<a href="https://www.youtube.com/@jalanmandiri_exp" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrwhZF2r0IMHmGsqGob_VZzChxPDXKRacx76tVagdccw98k74dRn_Gz7q-JJ6Y0KFPcNRrsF3RHa5Y7Avc2U-Cxsp1-5rXcjv9jarEJIMQIgSPrVCN_8Su3vLtMto17X4gd7b1O2IfuNeLU5I35WQKF-NVJYFCpgaC8HYJGwTjA028bM2DWoLe6y1MlTI1/s512/youtube.png" alt="YouTube" width="50" height="50 " /></a>
Keenam, tambahkan kode HTML yang kamu custom ke widget media sosial yang kamu buat. Klik simpan dan selesai! Widget media sosial lamu sudah berhasil kamu pasang.
Untuk halaman yang berisi gambar icon kamu simpan sebagai draft. Selama draft masih ada maka icon media sosial tidak akan hilang.
Itulah langkah menambahkan widget media sosial kedalam blogger. Semoga Bermanfaat!
Post a Comment for "Cara Menambahkan Widget HTML Media Sosial Icon Terbaru di Blogger!"