Cara Menambahkan Icon Di Menu Bar Blogger | Rekushi
 |
| Source google. |
Apa Kalian Tahu??
Haii teman-teman, kembali lagi bersama Rekushi. Jadi di artikel kali ini saya akan membuat tutorial bagaimana cara membuat icon di menu bar blogger, dan kalian sendiri harus tahu bahwa jika kalian ingin menambah kan icon tersebut harus bisa menguasai "coding HTML", tapi tenang saja disini saya akan membagikan coding icon yang seharusnya akan membantu kalian. Jadi kalian hanya perlu menambahkan coding tersebut ke template blogger.
Cara Penggunaan!!
Langkah pertama yang harus kalian lakukan adalah masuk ke menu utama atau dashboard blogger, lalu kalian pilih menu "theme / template" lalu pilih "edit html". Nahh disana kalian akan di alihkan kedalam coding dari template blog tersebut, dan untuk cara pemasangan coding icon nya kalian lihat dulu gambar dibawah ini.
Nahh itu adalah gambar coding untuk "icon" dan "deskripsi coding nya" jika gambar nya terlalu kecil disarankan untuk meng-zoom web ini agar lebih terlihat. Jika kalian sudah memilih icon dan coding mana yang akan kalian pakai, langsung saja kita masukan pada template nya. Untuk cara nya kalian lihat gambar dibawah ini.
Jika kalian sudah masuk ke menu coding template nya, kalian scroll ke bawah hingga menemukan nama "menu-menu" seperti yang ada di contoh gambar atas. Di gambar tersebut sudah saya beri tanda untuk cara menambahkan coding dari icon tersebut, untuk contoh "icon gear" coding nya "fa fa-gear" kalian tambahkan coding itu sebelum coding dari nama menu kalian, lakukan seterusnya di menu lainya dengan menggunakan coding icon yang berbeda. Jika sudah kalian pilih menu "save template" diatas lalu keluar dari menu tersebut dan cek apakah menu kalian sudah ada icon nya. Contoh hasil nya akan seperti ini.
Akan ada icon yang bersebelahan dengan bar menu di blogger kita.
NB : Pastikan kalian mengerti sedikit tentang peng-coding an karena coding susah untuk dijelaskan. Untuk mencari coding lainnya kalian bisa mengunjungi website dari "w3schools.com".
 |
| Fa-fa icon. Source w3schools. |
 |
| Fa-fa icon. Source w3schools. |
Jika kalian sudah masuk ke menu coding template nya, kalian scroll ke bawah hingga menemukan nama "menu-menu" seperti yang ada di contoh gambar atas. Di gambar tersebut sudah saya beri tanda untuk cara menambahkan coding dari icon tersebut, untuk contoh "icon gear" coding nya "fa fa-gear" kalian tambahkan coding itu sebelum coding dari nama menu kalian, lakukan seterusnya di menu lainya dengan menggunakan coding icon yang berbeda. Jika sudah kalian pilih menu "save template" diatas lalu keluar dari menu tersebut dan cek apakah menu kalian sudah ada icon nya. Contoh hasil nya akan seperti ini.
Akan ada icon yang bersebelahan dengan bar menu di blogger kita.
NB : Pastikan kalian mengerti sedikit tentang peng-coding an karena coding susah untuk dijelaskan. Untuk mencari coding lainnya kalian bisa mengunjungi website dari "w3schools.com".
Thanks for reading & sharing R E K U S H I
0 comments:
Post a Comment