Cara Membuat Ikon Pada Menu Navbar Blog Biar Makin Keren!!


Cara Membuat Ikon Pada Menu Navbar di Blog - Bagi kamu yang blognya membosankan dan tidak menarik sama sekali mungkin artikel dibawah dapat bermanfaat bagimu. Dulu blog ini pun sangatlah membosankan yang hanya disertai tulisan tanpa disertai ikon. Tetapi saya berusaha mempercantik blog ini agar menjadi lebih keren.

Baca juga : Cara Mengatasi Tombol Balas Komentar yang Tidak Berfungsi


Dalam mengedit template saya sarankan jangan hanya mengedit menu dan hanya menambahkan label saja. Kamu disarankan memasang ikon pada setiap menu. Mengapa demikian? Agar blog kamu makin keren dan lebih menarik.
Ingin tahu bagaimana caranya? Simak saja pembahasan berikut!

Cara Membuat Ikon Pada Menu Navbar di Blog

Berikut ini tutorial tentang Cara Membuat Ikon Pada Menu Navbar di Blog
⇝ Buka Website https://fontawesome.com/
⇝ Jika sudah klik "Start Using Free"
⇝ Copy atau Salin semua kode tersebut
Misalnya : 
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
⇝ Masuk ke dashboard blogger kamu
⇝ Klik "Tema"
⇝ Untuk berjaga jaga jika template eror klik "Backup dan Pulihkan"
⇝ Klik "Edit HTML"
⇝ Letakkan kode tersebut diatas tag </head>  atau pada beberapa template tag head seperti ini &lt;/head&gt;
⇝ Klik Save atau Simpan
⇝ Masuk ke web awesome dan dan klik icon web awesome atau klik https://fontawesome.com/icons
⇝ Pilih Ikon yang menurut kamu akan digunakan
⇝ Copy/salin kode
⇝ Jika sudah kamu masuk ke dashboard blogger > tema > edit html
⇝ Paste kode yang kamu salin tadi sebelum text navbar atau sesudah tag <a href="blabla">. Lihat gambar
Gambar:

⇝ Klik save atau simpan

Ya demikian pembahasan dari saya. Selama mencoba dan semoga bermanfaat.

-Rizki Ramadhan-

8 Responses to "Cara Membuat Ikon Pada Menu Navbar Blog Biar Makin Keren!!"

  1. Wah, ternyata ini caranya. Putar-putar cari enggak ketemu-ketamu. Terima kasih tutorialnya, Gan.

    ReplyDelete
  2. icon kayak apa yaa, saya masih belum paham

    ReplyDelete
  3. saya masih pelajari selanjutnya

    ReplyDelete
  4. Bagus nih bisa diterapin di blogQ, tampilannya memudahkan pengunjung untuk explore blog kita.

    ReplyDelete

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

close