Cara Mudah Menambah/Merubah Icon Navigasi Pada Blogger 100% Work
Selamat datang di Wahyu Development, kali ini saya akan membagikan tutorial untuk mengganti/menambahkan icon pada menu navigasi blog, maupun tampilan witget anda. Mungkin banyak dari kalangan blogger yang masih belum paham tentang code html merubah icon yang di inginkan, nah disini saya akan memberitahu agar icon yang anda inginkan 100% work, dan caranya cukup mudah anda hanya menuliskan ulang kalimat yang tertera pada halaman website berikut kedalam code html anda.
Pertama buka blogger anda, kemudian klik menu Tema lalu pilih Edit HTML. Pada halaman Edit HTML pasang code berikut sebelum code </body>, code </body> biasanya terletak diakhir HTML.
<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
Jika sudah ada, tidak perlu anda pasang lagi, selanjutnya buka halaman Font Awesome untuk melihat code fa yang anda inginkan, silahkan klik disini.
Kedua, pada halaman Edit HTML gunakan CTRL + F untuk mencari menu yang ingin ditambahkan fa icon. Seperti pada tampilan website ini, jika anda ingin merubah icon pada menu office maka anda ketikan terlebih dahulu di pencarian tersebut dengan kalimat 'office'. Maka akan muncul seperti ini.
Tambah atau ubah (jika sudah ada) code html yang saya blok tersebut dengan nama icon yang anda inginkan sesuai dengan daftar icon yang tertera di website Font Awesome.
Contoh : < i class='fa fa-book'/> di ubah menjadi alamat buku maka anda lihat di halaman icon tersebut code html untuk halaman buku address-book maka ubahlah menjadi <i class='fa fa-address-book'/>.
[Catatan] yang diubah hanya kalimat # setelah class='fa fa-#' .
Jika sudah simpan tema dan lihatlah tampilan blog anda. Itulah cara mengganti icon pada blog. Berikan komentar anda tentang ini dan semoga bermanfaat . . .
Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya
0 Response to "Cara Mudah Menambah/Merubah Icon Navigasi Pada Blogger 100% Work"
Post a Comment
√ Komentar anda adalah motivasi kami!
√ Untuk menyisipkan code gunakan
<i rel="code">Tuliskan Code</i>
√ Untuk menyisipkan gambar gunakan
<i rel="image">URL Gambar</i>
√ Untuk menyisipkan catatan gunakan
<b rel="quote">Tuliskan Catatan Anda</b>
√ Centang Notify me untuk mendapatkan notifikasi balasan komentar melalui Email