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.

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 :

• Cara Membuat Mode Malam dengan Bintang di Blogger Agar elegan
• Cara Agar artikel Blog Tidak Bisa Di Copas Oleh Para Plagiat
• Kumpulan template Premium Redesign Responsive SEO Friendly
• Cara membuat Icon favicon Keren Di Blogger

 Cukup sekian untuk Cara mudah membuat Icon Menu Header Di Blogger, Semoga bermanfaat.