Sunday, January 5, 2020

3 Langkah Mudah Membuat Icon Menu Header Di Blogger

Your Ads Here

3 Langkah Mudah Membuat Icon Menu Header Di Blogger
Paijem
Your Ads Here

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.

Blog ini adalah tempat untuk penyedia berbagai macam tutorial, tips, dan info menarik lainnya. Admin berharap pengunjung dapat lebih mudah mencari apa yang di inginkan dan mendapatkan informasi yang menarik di blog ini.