Cara Menambahkan Font Awesome pada Menu Label Blog
Di kesempatan kali ini saya akan
memberikan tutorial tentang cara menambahkan font awesome pada menu label
blog, tentunya cara ini membuat blog kalian lebih menarik lagi dan terlihat
professional, apa itu font awesome?, font awesome adalah icon vector yang bisa
kalian atur ukuranya, warna dan besar desainya atau apapun melalui CSS, dengan
menggunakan font awesome kita bisa mendapatkan icon yang mempermudah kita untuk
menjelaskan label kita, biasanya kita gunakan pada label menu home dan lain –
lain . langsung saja kita masuk pada pembahasan cara menambahkan font awesome
pada menu label blog, berikut caranya
1. Pastikan kalian sudah memasang script font
awesomenya, bisa kalian lihat pada tutorial sebelumnya Cara Memasang RelatedPost di Dalam Postingan Seo Friendly pada point nomor 3 tutorial tersebut
2.
Setelah itu masuk Blogger – Tema – Edit HTML
3. Cari bagian label kalian, agar lebih udah gunakan
CTRL + F setelah itu perhatikan script label kalian, kita lihat contoh sebagai
berikut pada gambar
Sebelum ada font Awesome |
Sesudah ada Font Awesome |
4. Setelah kalian mengetahui perbedaanya, tinggal
menyesuaikan ke label berikutnya, kalian bisa lebih cepat menambahkan script
“<i class='fa fa-tablet'/>” biar ndak kelamaan ngetik satu persatu,
jangan lupa menambahkan spasi dalam penulisan labelnya agar tidak menyambung
sama font awesomenya
5.
Yang terpenting kalian harus menyesuaikan nama label
dengan font awesome yang ada,
6. Jika kalian ingin mencari icon kami dapat referensi
code2 icon di arline design, pilih sesuka hati kalian dan sesuai sama judul
label kalian.
Itulah tadi cara menambahkan font awesome pada
menu label blog, kalau kurang jelas bisa kalian tanyakan ke kolom komentar.
Semoga artike ini bisa membantu kalian dalam mempercantik tampilan blog anda.
No comments for "Cara Menambahkan Font Awesome pada Menu Label Blog"
Post a Comment