Cara Mengubah Icon Pada Menu Blog
Cara Mengubah Icon pada Menu Blog - Blog merupakan tempat di mana para penulisnya bisa menuliskan sebagian pengetahuannya agar bisa dibaca oleh orang lain, tentunya melalui artikel yang ia unggah ke dunia maya.
Dengan demikian, orang-orang bisa dengan sangat mudah untuk memperoleh suatu informasi hanya dengan mencarinya melalui mesin telusur.
Sehingga hal ini bisa memberikan manfaat yang sangat baik.
Selain hal di atas, sebenarnya masih banyak lagi manfaat ketika seseorang berkecimpung di dunia blogger.
Antara lain belajar literasi, sebab dalam dunia blogging, pemilik blog atau yang kita kenal sebagai blogger hendaklah mereka dapat menulis dan membaca dengan baik.
Maksudnya ialah mereka harus mampu menulis artikel dengan tidak mengcopy paste tulisan orang lain, dan harus mampu membaca artikel orang lain dengan baik untuk tujuan dijadikannya sebagai bahan referensi.
Dengan demikian, blog yang mereka kelola akan memiliki kualitas yang bagus di mata mesin pencari maupun pengunjung.
Untuk meningkatkan kulitas blog sobat, ada baiknya jika sobat mencoba sedikit untuk mendesain tampilan blog sobat, salah satunya yang akan saya bahas di sini yakni dengan menambahkan icon pada menu blog sobat.
Caranya tidak terlalu susah, hanya perlu sedikit copy paste atau mungkin merubah sedikit kode html pada temlpate sobat.
Namun tidak perlu khawatir, di artikel ini akan saya usahakan untuk menjelaskannya secara detail dan jelas.
Baiklah, mari sobat simak dan ikuti langkah-langkah bagaimana cara memberi icon pada menu blog, berikut langkah-langkah nya :
- Pertama, silahkan sobat masuk ke blog sobat di www.blogger.com.
- Setelah itu, silahkan sobat masuk ke menu Tema dan pilih tombol Edit HTML.
- Misal sobat ingin mengganti icon pada menu About Me, maka silahkan sobat cari kode About Me dengan menekan CTRL + F untuk mempermudah proses pencarian.
- Setelah menemukan menu yang kalian cari (misal : menu About Me), maka kalian lihat kode class='fa fa-blablabla'. Sobat bisa mengganti icon About Me dengan mengganti kode class='fa fa-blablabla' dengan kode icon yang sobat inginkan.
- Untuk memperoleh kode icon, silahkan sobat kunjungi situs berikut https://fontawesome.com. Nanti di sana banyak sekali icon untuk menu blog sobat, sobat tinggal pilih icon lalu mengcopy kode yang tersedia di sana. Misal, sobat ingin mengganti icon about me dengan icon telephone, maka sobat bisa mengganti kode fa fa-ioxhost dengan kode fa fa-phone.
- Selesai
fa fa-th-list fa-lg
- th-list itu icon menu
- fa-lg itu ukuran icon
- Bisa dibesarkan menjadi dua kali lebih besar sehingga kode diubah menjadi fa-2x => (fa fa-th-list fa-2x) <= dst..
- fa-lg adalah ukuran icon paling kecil
- fa-2x adalah ukuran icon yang dua kali lebih besar
Sobat bisa memberi icon pada menu bawah maupun atas.
Mengingat biasanya pada suatu blog ada juga yang mempunyai menu pada bagian bawah, yang tentunya tergantung dari template blog masing-masing, mungkin saja blog sobat juga memiliki menu blog di bagian bawah.
Selain pada menu, sub menu juga dapat diberi icon dengan menyisipkan kode yang hampir sama dari menu, saya rasa sobat pasti bisa menerapkannya tanpa perlu diberikan contoh lagi.
Jika cara di atas belum berhasil, artinya blog sobat masih belum disisipi kode untuk memanggil library dari Font Awesome, oleh karena itu tambahkan kode berikut di atas kode </head> :
<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-1/css/all.min.css" media="none" onload="if(media!='all')media='all'" rel="stylesheet"></link>
Pilih salah satu, setelah itu silahkan lihat perubahan yang terjadi...
Demikian artikel mengenai pengubahan icon pada menu blog, silahkan tuliskan komentar sobat jika ada yang perlu disampaikan, baik pertanyaan,saran, maupun kritik. Semoga bermanfaat.
Jika ada pertanyaan, silahkan kirimkan pesan ke saya melalui Email ataupun Telegram, insya Allah akan saya jawab pertanyaan agan.
Happy blogging!🙏
