Blogger icon/favicon berada pada menu tab, biasanya logo favicon blogger berbantuk segi empat berwarna merah dan huruf B berwarna putih di tengahnya. Nah sobat blogger mania yang ingin merubah icon ini ternyata cukup simple.
Di mana icon ini bisa di rubah dengan menggunakan logo atau foto milik kamu sendiri, gimana tertarik?, langsung aja kita test yah!.
1. siapkan foto atau logo yang mau di terapkan di tab icon favicon. Formatnya bisa PNG atau JPG, pastikan ukurannya 20x20 piksel untuk mempercepat loding blog kamu menjadi tidak lambat.
Nah di sini ada sedikit masalah kalau kamu kesulitan pada ukuran yang kecil buat ukuran yang agak besar sekitar 300x300 piksel no problemo, kemudian setelah icon anda jadi perkecil menjadi 20x20 piksel. Hal ini sangat mudah sekali jika mengunakan software pengolah gambar seperti Photoshop, Fireworks atau yang software lain favorit kamu.
2.Upload foto atau logo gambar yang telah kamu buat ke layanan hosting gambar, seperti photobucket untuk mendapatkan link langsung (direct URL).
3.KLIK Rancangan --- Edit HTML
kemudian cari kode:
<title><data:blog.pageTitle/></title>
di antara kode <head> dan<b:skin><![CDATA[/* (di atas edit template)
atau Untuk mempermudah pencarian gunakan F3 pada browser google chrome dan ctrl+f untuk mozzila, sudah ketemu?? good sekarang ganti kode tersebut dengan kode di bawah :
4.simpan tempate kamu kemudian lihat blog, kamu akan melihat icon tab baru di blog kamu.
Oke selamat mecoba and sukses.
Di mana icon ini bisa di rubah dengan menggunakan logo atau foto milik kamu sendiri, gimana tertarik?, langsung aja kita test yah!.
1. siapkan foto atau logo yang mau di terapkan di tab icon favicon. Formatnya bisa PNG atau JPG, pastikan ukurannya 20x20 piksel untuk mempercepat loding blog kamu menjadi tidak lambat.
Nah di sini ada sedikit masalah kalau kamu kesulitan pada ukuran yang kecil buat ukuran yang agak besar sekitar 300x300 piksel no problemo, kemudian setelah icon anda jadi perkecil menjadi 20x20 piksel. Hal ini sangat mudah sekali jika mengunakan software pengolah gambar seperti Photoshop, Fireworks atau yang software lain favorit kamu.
2.Upload foto atau logo gambar yang telah kamu buat ke layanan hosting gambar, seperti photobucket untuk mendapatkan link langsung (direct URL).
3.KLIK Rancangan --- Edit HTML
kemudian cari kode:
<title><data:blog.pageTitle/></title>
di antara kode <head> dan<b:skin><![CDATA[/* (di atas edit template)
atau Untuk mempermudah pencarian gunakan F3 pada browser google chrome dan ctrl+f untuk mozzila, sudah ketemu?? good sekarang ganti kode tersebut dengan kode di bawah :
<title><data:blog.pagetitle>
<link href='letakkan direct URL gambar kamu di sini' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='letakkan direct URL gambar kamu di sini' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
4.simpan tempate kamu kemudian lihat blog, kamu akan melihat icon tab baru di blog kamu.
Oke selamat mecoba and sukses.
Tags:
Blogspot
wah, mantebp mas,, ak juga udah pasang favicon, sipp
ردحذفseeepszz sobat, makasih kunjungannya yah!!, blognya sudah saya follow jgn lupa follow balik makasih!! he he he
ردحذفsudah difollow balik sob, siip mantabp
ردحذفsalam ngblog..
sep gan...thanks ya...^_^
ردحذفHatur nuhun gan info nya sangat membantu
ردحذفini yang aku cari, sip mas artikenya. salam kenal dan sekalian folow
ردحذفBos makasih nich, sekarang ane bs pasang icon blog ane sendiri....... hehehehehe
ردحذفthx infonya mas......icon blog nya makin keren
ردحذفko ttep ga bisa dirubah ya icon nya,,ada ksalahan dmnanya masih bingung..padahal udah sama dgn tutorial nya..
ردحذف