Cara Menambahkan icon Samping Menu Di Header BlogMhamanx
Cara Menambahkan icon Samping Menu Di Header Blog- Menarik pengunjung adalah hal yang harus dilakukan oleh setiap pengelola blog atau website, supaya pengunjung betah dan terus mengunjungi blog yang di kelola. Untuk menarik pengunjung banyak hal yang bisa kita lakukan, salah satunya adalah dengan menambahkan icon-icon yang membuat gambaran untuk setiap kategori diblog.

Tujuan membuat suatu blog tergantung kalian yang pertama membuat blog berniat untuk apa, tetapi menurut saya nge-blog itu tidak bisa asal-asalan seperti kalian menyalahgunakan menjadi pengguna blog dengan membuat blog copasan yang bisa menyebabkan akun blog kalian dinonaktifkan oleh pihak google.

Balik lagi ketopik utama, icon yang muncul di header bisa bermanfaat untuk menambah gambaran pengunjung pada setiap label atau kategori di blog. Tidak hanya itu, icon di header blog juga bermanfaat untuk membuat pengunjung betah berlama-lama nongkrong di blog kalian yang menjadikan keunikan tersendiri.


Mungkin ini hanya sebatas opsi, tetapi ini bisa sangat membantu blog kalian menjadi lebih menarik. Untuk cara menambahkannya kalian ikuti kangkah-langkah berikut ini.


  • Login ke blogger, masuk ke Tema>Edit HTML.
  • Tambahkan kode ini di bagian sebelum kode </head>.



Kode diatas bertujuan untuk menampilkan icon yang ingin di munculkan diheader blog, kodediatas juga telah di minifikasi atau diminimalkan load agar tidak memberatkan loading di blog.
  • lalu kalian masuk ke bagian menu headernya pilih menu bagian mana yang ingin di tambahkan icon.
  • Liat kode berikut.
<li><a href='https://www.mhamanx63.com/search/label/Blogging' itemprop='url'><span itemprop='name'>Blogging</span></a></li>
  • Tambahkan kode ini.
<i class='fa fa-list'/>
  • Hasilnya akan seperti ini.
<li><a href='https://www.mhamanx63.com/search/label/Blogging' itemprop='url'><span itemprop='name'><i class='fa fa-list'/> Blogging</span></a></li>

Kode diatas mungkin berbeda, sesuaikan saja dengan kode header yang ada di template blogkalian. Sekian Artikel kali ini, semoga bermanfaat untuk kalian, Terima kasih.

Cara Menambahkan icon Samping Menu Di Header Blog

Cara Menambahkan icon Samping Menu Di Header Blog- Menarik pengunjung adalah hal yang harus dilakukan oleh setiap pengelola blog atau website, supaya pengunjung betah dan terus mengunjungi blog yang di kelola. Untuk menarik pengunjung banyak hal yang bisa kita lakukan, salah satunya adalah dengan menambahkan icon-icon yang membuat gambaran untuk setiap kategori diblog.

Tujuan membuat suatu blog tergantung kalian yang pertama membuat blog berniat untuk apa, tetapi menurut saya nge-blog itu tidak bisa asal-asalan seperti kalian menyalahgunakan menjadi pengguna blog dengan membuat blog copasan yang bisa menyebabkan akun blog kalian dinonaktifkan oleh pihak google.

Balik lagi ketopik utama, icon yang muncul di header bisa bermanfaat untuk menambah gambaran pengunjung pada setiap label atau kategori di blog. Tidak hanya itu, icon di header blog juga bermanfaat untuk membuat pengunjung betah berlama-lama nongkrong di blog kalian yang menjadikan keunikan tersendiri.


Mungkin ini hanya sebatas opsi, tetapi ini bisa sangat membantu blog kalian menjadi lebih menarik. Untuk cara menambahkannya kalian ikuti kangkah-langkah berikut ini.


  • Login ke blogger, masuk ke Tema>Edit HTML.
  • Tambahkan kode ini di bagian sebelum kode </head>.



Kode diatas bertujuan untuk menampilkan icon yang ingin di munculkan diheader blog, kodediatas juga telah di minifikasi atau diminimalkan load agar tidak memberatkan loading di blog.
  • lalu kalian masuk ke bagian menu headernya pilih menu bagian mana yang ingin di tambahkan icon.
  • Liat kode berikut.
<li><a href='https://www.mhamanx63.com/search/label/Blogging' itemprop='url'><span itemprop='name'>Blogging</span></a></li>
  • Tambahkan kode ini.
<i class='fa fa-list'/>
  • Hasilnya akan seperti ini.
<li><a href='https://www.mhamanx63.com/search/label/Blogging' itemprop='url'><span itemprop='name'><i class='fa fa-list'/> Blogging</span></a></li>

Kode diatas mungkin berbeda, sesuaikan saja dengan kode header yang ada di template blogkalian. Sekian Artikel kali ini, semoga bermanfaat untuk kalian, Terima kasih.
Load comments