Pada postingan kali ini penulis ingin berbgai kelanjutan dari artikel sebelumnya yang berjudul membuat dan menambahkan header. Pada kesempatan kali ini penulis akan berbagi cara menempatkan ikon media social seperti yang ada pada gambar di atas.
 |
| Media Sosial Blog |
Media social tentunya berfungsi untuk memudahkan pengunjung blog mengenali lebih dalam tentang pembuat konten atau blogger itu sendiri. Menambahkan media social pada konten blog susah-susah gampang, karena berkaitan dengan kode HTML yang juga gampang-gampang susah.
Namun jangan khawatir, jika kalian menggunakan template LinkMagz ini kesulitan itu akan dipermudah karena kalian akan dipandu cukup dengan melakukan copy-paste kode yang akan dijelaskan berikut ini dan dengan mengganti beberapa link sumber kode maka kalian akan dapat menampilkan media social sesuai dengan keperluan masing-masing.
Di beberapa template blog untuk mengaktifkan media social seperti facebook, isntagram, twitter dan lain sebagainya mesti mengutak-atik sumber kode HTML pada tema blog.
Sedangkan pada template LinkMagz dapat mengikuti langkah-langkah berikut: Login ke blogger.com > Pilih menu navigasi Tata Letak > Cari bagian Icon Media Sosial > pilih edit > pada kotak konfigurasi yang muncul centanglah kotak Tampilkan HTML/JavaScript dan isikan kode berikut di dalam kotak konten:
<a aria-label="facebook" href="#" target="blank_"><span class="social-icon facebook-icon"><i></i></span></a><a aria-label="twitter" href="#" target="blank_"><span class="social-icon twitter-icon"><i></i></span></a><a aria-label="instagram" href="#" target="blank_"><span class="social-icon instagram-icon"><i></i></span></a><a aria-label="youtube" href="#" target="blank_"><span class="social-icon youtube-icon"><i></i></span></a>
Catatan: Untuk kode yang bertanda merah dapat diganti/ diisi dengan sumber link URL masing-masing media sosial. Jika tidak diganti atau masih menggunakan tanda pagar. Maka ikon akan muncul namun tidak dapat di akses. Jadi, pastikan kalian menggantinya dengan sumber link media social kalian masing-masing.
 |
| Media Sosial Konfigurasi |
Setelah itu klik simpan dan refresh halaman blog kalian. Selamat! Ikon media social kalian telah muncul namun Jika ikon masih tidak muncul coba ulangi langkah-langkah di atas siapa tau ada yang ketinggalan.
Baca Juga:
Nah, demikian cara menambahkan ikon media social pada halaman blog. Selamat mencoba dan semoga bermanfaat.
Tags:
#Teknologi