Skip to content Skip to sidebar Skip to footer

3 Langkah Mudah Membuat Icon Menu Header Di Blogger

Input Learn - Cara Mudah Membuat Icon Menu Header Di Blogger, icon menu di header fungsinya sebagai pelengkap nama yang sesuai label blog kita dan disertakan gambar yang menarik di atas header. Fungsi dari icon ini adalah sebagai pemercantik blog kita agar tampil lebih elegan.

Untuk caranya adalah dengan cara masuk ke website penyedia icon Font Awesome dan buat icon sesuai label kalian, contoh demo dibawah ini.

3 Langkah Mudah Membuat Icon Menu Header Di Blogger

Cara Membuat Icon Menu Header Sesuai Label Dengan font Awesome

1. Masuk ke link https://fontawesome.com dan pilih icon sesuai yang di inginkan teman - teman.

font awesome profil.png
copy kode yang saya beri kotak merah, semuanya.

2. Masuk ke Blogger dan Masuk ke menu Tema ~ Edit HTML cari kode <!-- menu navigasi header start --> perhatikan contoh penulisan nya di bawah ini.

 <!-- menu navigasi header start -->


<ul>
<li><a href='https://www.inputlearn.net/'> <i aria-hidden='true' class='fa fa-home fa-lg'/> Home</a></li>
<li><a href='https://www.inputlearn.net/search/label/Blogging'> <i aria-hidden='true' class='fa fa-rss-square fa-lg'/> Blogging</a></li>
<li><a href='https://www.inputlearn.net/search/label/Wordpress'> <i aria-hidden='true' class='fa fa-wordpress fa-lg'/> Wordpress</a></li>
<li><a href='https://www.inputlearn.net/search/label/Template'> <i aria-hidden='true' class='fa fa-rocket fa-lg'/> Template Premium</a></li>
<li><a href='https://www.inputlearn.net/search/label/Tips'> <i aria-hidden='true' class='fa fa-book fa-lg'/> Tips</a></li>
</ul>

<!-- menu navigasi header end -->
Yang saya beri warna Kuning Silahkan masukkan link kalian, dan yang warna Hijau kode font awesome yang tadi terakhir warna Biru nama sesuai label kalian. silahkan perhatikan cara pemasangannya seperti di atas tadi.

3. Simpan Tema, Jika terjadi ERROR perhatikan lagi cara pemasangan code font awesome nya sudah benar apa belum. samakan dengan yang di atas tadi. Jika sudah lihat Blog maka akan tampil dengan semestinya.

Cukup mudah kan caranya, silahkan di coba jika terjadi error atau tidak work bisa tulis di kolom komentar nanti saya kasih cara agar berhasil 100%.

Silahkan Baca Juga Artikel lainnya di Bawah ini :


 Cukup sekian untuk Cara mudah membuat Icon Menu Header Di Blogger, Semoga bermanfaat.
Paijem
Paijem Saya adalah Blogger pemula yang ingin share informasi sebisa saya, lewat pengalaman selama ini.

Post a Comment for "3 Langkah Mudah Membuat Icon Menu Header Di Blogger "

Berlangganan via Email