3 Cara Menambahkan Icon Sosial Media di LinkMagz Blogger Template
Kali ini izinkan saya berbagi tutorial bagaimana caranya membuat dan memasang atau menambahkan icon sosial media di LinkMagz blogger template.
Contohnya, kode icon sosial media Facebook:
URL di atas bisa kita modifikasi sebagaimana mestinya! :)
Setidaknya, ada 3 cara bagaimana caranya membuat icon sosial media di LinkMagz yang benar.
Masuk ke Blogger > Tata Letak (Layout) > Tambahkan Gadget
Cara yang pertama yaitu menggunakan kode berikut:
Cara yang kedua yaitu menggunakan kode berikut:
Pada kode di atas, saya menambahkan tag rel="nofollow" karena URL yang dituju mengarah ke luar web blog kita. Tag ini berfungsi untuk memerintahkan mesin pencari agar tidak menggunakan LINK tersebut sebagai peringkat halaman.
Cara yang ketiga yaitu menggunakan kode berikut:
Pada kode di atas, saya menambahkan dua tag sekaligus yakni rel="nofollow" dan target="_blank". Untuk tag rel="nofollow" sudah dijelaskan di atas, sedangkan tag target="_blank" bertugas apabila diklik, maka akan terbuka di tab terbaru pada peramban browser yang sedang digunakan.
Sampai di sini, kawan-kawan hanya perlu menyesuaikan tag-tag yang sudah ditulis di atas. Saran terbaiknya adalah menggunakan cara ketiga karena sudah mendukung rel="nofollow" dan target="_blank".
Kini sudah ada tool konfigurasi yang sesuai dengan tutorial di atas. Silakan masuk ke laman ini: Generator Kode Icon Media Sosial.
Kode hasil dari generator yang saya coba:
Sama, kan?
Itu dia tutorial bagaimana caranya membuat dan memasang atau menambahkan icon sosial media di LinkMagz blogger template. Semoga bermanfaat.
<a aria-label="facebook" href="#"><span class="social-icon facebook-icon"><i></i></span></a>URL di atas bisa kita modifikasi sebagaimana mestinya! :)
3 Cara Menambahkan Icon Sosial Media di LinkMagz Blogger Template
Setidaknya, ada 3 cara bagaimana caranya membuat icon sosial media di LinkMagz yang benar.
Masuk ke Blogger > Tata Letak (Layout) > Tambahkan Gadget
<a aria-label="facebook" href="#"><span class="social-icon facebook-icon"><i></i></span></a>Cara yang kedua yaitu menggunakan kode berikut:
<a aria-label="facebook" href="#" rel="nofollow"><span class="social-icon facebook-icon"><i></i></span></a>Pada kode di atas, saya menambahkan tag rel="nofollow" karena URL yang dituju mengarah ke luar web blog kita. Tag ini berfungsi untuk memerintahkan mesin pencari agar tidak menggunakan LINK tersebut sebagai peringkat halaman.
Cara yang ketiga yaitu menggunakan kode berikut:
<a aria-label="facebook" href="#" rel="nofollow" target="_blank"><span class="social-icon facebook-icon"><i></i></span></a>Pada kode di atas, saya menambahkan dua tag sekaligus yakni rel="nofollow" dan target="_blank". Untuk tag rel="nofollow" sudah dijelaskan di atas, sedangkan tag target="_blank" bertugas apabila diklik, maka akan terbuka di tab terbaru pada peramban browser yang sedang digunakan.
Sampai di sini, kawan-kawan hanya perlu menyesuaikan tag-tag yang sudah ditulis di atas. Saran terbaiknya adalah menggunakan cara ketiga karena sudah mendukung rel="nofollow" dan target="_blank".
UPDATE! Generator Kode Icon Media Sosial
Kini sudah ada tool konfigurasi yang sesuai dengan tutorial di atas. Silakan masuk ke laman ini: Generator Kode Icon Media Sosial.
<a aria-label="twitter-icon" href="https://www.twitter.com/ariefghozaly" rel="nofollow" target="_blank"><span class="social-icon twitter-icon"><i></i></span></a>Sama, kan?
Itu dia tutorial bagaimana caranya membuat dan memasang atau menambahkan icon sosial media di LinkMagz blogger template. Semoga bermanfaat.
Thanks for reading 3 Cara Menambahkan Icon Sosial Media di LinkMagz Blogger Template! 😃
Post a Comment for "3 Cara Menambahkan Icon Sosial Media di LinkMagz Blogger Template"