Cara membuat icon berwarna dan icon hitam putih untuk menu bar di blogspot
Menambahkan icon pada menu akan mempercantik tampilan pada web atau blog dan disukai oleh pengunjung.
Tidak bisa dipungkiri tampilan sebuah blog akan mempengaruhi kenyamanan bagi penunjung blog. Desain template yang keren serta berbeda dari blog lainnya akan menjadi daya tarik tersendiri untuk pembaca artikel blog maupun bagi yang mengelolah blog tersebut.
Selain isi artikel yang original, ada beberapa hal penting yang diinginkan dari pengelolah blog itu sendiri. Salah satunya yaitu mempercantik atau mendesain menu blog dengan menambahkan beberapa icon yang sesuai dengan menu pada blog tersebut. Seperti contoh pada gambar berikut ini.
Terlihat cantik bukan jika blog kita mempunyai icon yang berwarna seperti gambar di atas, caranya cukup mudah dan juga simpel tanpa harus tambahkan Kode html seperti kebanyakan tutorial di internet
Karena yang saya bagikan ini hasil dari uji coba dan ternyata sukses diterpakan di blog
itu adalah cara yang pertama. Lantas bagaimana caranya membuat icon untuk menu bar seperti itu. Pertama yang kita siapkan adalah hp android..kok pakai hp?
iy cukup dengan hp android kalian sudah bisa menambahkan icon untuk menu bar.
Karena hp android banyak sekali icon untuk chattingan dengan teman atau pun keluarga dan kita bisa juga memakai icon tersebut untuk ditambahkan pada menu untuk web atau pun blog setelah itu kita masuk ke
1. Masuk Blogger
2. Klik menu
3. Pilih tema
4. dan pilih edit html
Cari kode berikut
1.Setelah itu kita tambahkan icon di setiap label menu, pilih icon yang ada di hp android misalkan kita mau menambahkan icon rumah pada label blogger tinggal cari icon 🏠 seperti ini lalu tambahkan pada teks label blogger yang berwarna hitam.
Jangan lupa untuk kasih spasi atau jarak antara icon dan label ya.
biar tidak terlalu rapet, tambahkan icon sesuai dengan masing-masing label, jika sudah sekarang kita klik simpan tema.
Lalu kembali ke beranda blogger dan lihat hasilnya apakah sudah sesuai atau belum?
Jika masih kurang puas terhadap icon untuk menu bisa kita rubah lagi.
2.cara yang kedua ini icon tidak berwarna seperti cara pertama yang saya praktekkan
caranya kita harus menambahkan kode html pada menu yang terdapat di tema.
Untuk mendapatkan icon gratis kita harus masuk ke situs Font awesome setelah itu akan terlihat seperti gambar dibawah ini:
Pilih salah satu icon lalu klik dan salin kode icon html berikut ini:
<i class="fa fa-address-book" aria-hidden="true"></i> tempatkan kode berikut ini di tema, caranya masuk ke blogger setelah itu pilih tema dan edit html lalu cari kode berikut:
Setelah selesai menempatkan kode icon lalu kita simpan dan kembali ke beranda, dan lihat hasilnya apakah sudah sesuai atau belum? Kalau disuruh memilih sih saya lebih memilih cara yang pertama karena lebih praktis dan simpel tidak ribet.. tapi semua ada di keputusan kalian terserah mau pilih yang mana.. itulah beberapa cara membuat icon untuk menu bar dan selamat mencoba semoga berhasil dan sukses
Tidak bisa dipungkiri tampilan sebuah blog akan mempengaruhi kenyamanan bagi penunjung blog. Desain template yang keren serta berbeda dari blog lainnya akan menjadi daya tarik tersendiri untuk pembaca artikel blog maupun bagi yang mengelolah blog tersebut.
Selain isi artikel yang original, ada beberapa hal penting yang diinginkan dari pengelolah blog itu sendiri. Salah satunya yaitu mempercantik atau mendesain menu blog dengan menambahkan beberapa icon yang sesuai dengan menu pada blog tersebut. Seperti contoh pada gambar berikut ini.
Terlihat cantik bukan jika blog kita mempunyai icon yang berwarna seperti gambar di atas, caranya cukup mudah dan juga simpel tanpa harus tambahkan Kode html seperti kebanyakan tutorial di internet
Karena yang saya bagikan ini hasil dari uji coba dan ternyata sukses diterpakan di blog
itu adalah cara yang pertama. Lantas bagaimana caranya membuat icon untuk menu bar seperti itu. Pertama yang kita siapkan adalah hp android..kok pakai hp?
iy cukup dengan hp android kalian sudah bisa menambahkan icon untuk menu bar.
Karena hp android banyak sekali icon untuk chattingan dengan teman atau pun keluarga dan kita bisa juga memakai icon tersebut untuk ditambahkan pada menu untuk web atau pun blog setelah itu kita masuk ke
1. Masuk Blogger
2. Klik menu
3. Pilih tema
4. dan pilih edit html
Cari kode berikut
Jangan lupa untuk kasih spasi atau jarak antara icon dan label ya.
biar tidak terlalu rapet, tambahkan icon sesuai dengan masing-masing label, jika sudah sekarang kita klik simpan tema.
Lalu kembali ke beranda blogger dan lihat hasilnya apakah sudah sesuai atau belum?
Jika masih kurang puas terhadap icon untuk menu bisa kita rubah lagi.
2.cara yang kedua ini icon tidak berwarna seperti cara pertama yang saya praktekkan
caranya kita harus menambahkan kode html pada menu yang terdapat di tema.
Untuk mendapatkan icon gratis kita harus masuk ke situs Font awesome setelah itu akan terlihat seperti gambar dibawah ini:
Pilih salah satu icon lalu klik dan salin kode icon html berikut ini:
Setelah selesai menempatkan kode icon lalu kita simpan dan kembali ke beranda, dan lihat hasilnya apakah sudah sesuai atau belum? Kalau disuruh memilih sih saya lebih memilih cara yang pertama karena lebih praktis dan simpel tidak ribet.. tapi semua ada di keputusan kalian terserah mau pilih yang mana.. itulah beberapa cara membuat icon untuk menu bar dan selamat mencoba semoga berhasil dan sukses