Berbagi untuk sesama pemula.
Apakah anda sudah bahagia dengan favicon default orange blogspot standard itu? Jika ya.. Artinya seni blog anda juga nilainya standard. Namun jika anda ingin sedikit kreatif, triknya hanya html sederhana.
Apakah favicon itu?
Favicon adalah icon kecil, foto kecil yang berada di awal anchor. Foto itu muncul ketika alamat web blog (website) anda diklik. Favicon bisa jadi adalah logo. Logo yang pribadi, layaknya brand untuk satu merek dagang.
Jika ingin mengganti favicon standard blogspot ke favicon anda sendirizz,. Maka anda harus menyiapkan favicon ukuran kecil sendiri. Favicon anda bisa bentuk foto, bisa avatar. Tapi sebaiknya favicon itu ukurannya kecil agar lebih cepat dibaca oleh browser.
Jika anda sudah mengantongi favicon itu, langkah berikutnya adalah menyimpan foto favicon itu pada situs penyimpanan foto. Foto hosting, situs penyimpanan itu banyak tersedia dan mungkin anda juga sudah tahu dimana. Jika belum silahkan daftar dulu, misalkan www.photobucket.com dan sign up. Jadilah usernya. Jadi anda tinggal kirim ke photo hosting tadi. Jika sudah terkirim, silahkan di cek dan klik foto favicon itu untuk mengetahui kode html nya. Kode itu seharusnya seperti ini : http://i552.photobucket.com/albums/jj355/Maurice_Avrahm/P__h_l_t.jpg. Dan pastinya akan beda dengan kode anda itu. Itu contoh buat photobucket.
Langkah selanjutnya, catat kode html itu dan sign in ke blogger. dan klik lay out blog anda dan klik edit html.
Kita akan menemukan kotak kode html, dan carilah kode title yang letaknya masi di awal html css. Temukan kode berikut ini:
<title><data:blog.pageTitle/></title>
Jika sudah ketemu, silahkan tambahkan kode berikut persis dibawahnya:
<link rel="shortcut icon" href="http://i552.photobucket.com/albums/jj355/Maurice_Avrahm/P__h_l_t.gif">
Ganti kode yang biru itu dengan kode favicon sendiri, yang anda telah simpan tadi.
Sekarang save html anda dan lihat hasilnya. Favicon anda telah berubah.
Jika belum, silahkan di refresh ulang. Dan bila itu belum muncul, pastinya anda salah ketik kode.
Selamat mencoba..
Jika anda ingin membaca blog ini beberapa kali, silahkan copi paste kode berikut:
Di blog anda hasilnya akan seperti ini:
Jika ingin melihat koleksi kode html saya silahkan search di kotak pencarian di atas.
Selamat mencoba.
Apakah anda sudah bahagia dengan favicon default orange blogspot standard itu? Jika ya.. Artinya seni blog anda juga nilainya standard. Namun jika anda ingin sedikit kreatif, triknya hanya html sederhana.
Apakah favicon itu?
Favicon adalah icon kecil, foto kecil yang berada di awal anchor. Foto itu muncul ketika alamat web blog (website) anda diklik. Favicon bisa jadi adalah logo. Logo yang pribadi, layaknya brand untuk satu merek dagang.
Jika ingin mengganti favicon standard blogspot ke favicon anda sendirizz,. Maka anda harus menyiapkan favicon ukuran kecil sendiri. Favicon anda bisa bentuk foto, bisa avatar. Tapi sebaiknya favicon itu ukurannya kecil agar lebih cepat dibaca oleh browser.
Jika anda sudah mengantongi favicon itu, langkah berikutnya adalah menyimpan foto favicon itu pada situs penyimpanan foto. Foto hosting, situs penyimpanan itu banyak tersedia dan mungkin anda juga sudah tahu dimana. Jika belum silahkan daftar dulu, misalkan www.photobucket.com dan sign up. Jadilah usernya. Jadi anda tinggal kirim ke photo hosting tadi. Jika sudah terkirim, silahkan di cek dan klik foto favicon itu untuk mengetahui kode html nya. Kode itu seharusnya seperti ini : http://i552.photobucket.com/albums/jj355/Maurice_Avrahm/P__h_l_t.jpg. Dan pastinya akan beda dengan kode anda itu. Itu contoh buat photobucket.
Langkah selanjutnya, catat kode html itu dan sign in ke blogger. dan klik lay out blog anda dan klik edit html.
Kita akan menemukan kotak kode html, dan carilah kode title yang letaknya masi di awal html css. Temukan kode berikut ini:
<title><data:blog.pageTitle/></title>
Jika sudah ketemu, silahkan tambahkan kode berikut persis dibawahnya:
<link rel="shortcut icon" href="http://i552.photobucket.com/albums/jj355/Maurice_Avrahm/P__h_l_t.gif">
Ganti kode yang biru itu dengan kode favicon sendiri, yang anda telah simpan tadi.
Sekarang save html anda dan lihat hasilnya. Favicon anda telah berubah.
Jika belum, silahkan di refresh ulang. Dan bila itu belum muncul, pastinya anda salah ketik kode.
Selamat mencoba..
Jika anda ingin membaca blog ini beberapa kali, silahkan copi paste kode berikut:
Di blog anda hasilnya akan seperti ini:
Jika ingin melihat koleksi kode html saya silahkan search di kotak pencarian di atas.
Selamat mencoba.
