Sunday, December 22, 2013

Cara Mengganti Icon Blogger Pada Adress Bar

Jika anda pengguna blogger/blogspot, anda mungkin ingin tampilan yang beda, salah satunya dengan mengganti icon blogger pada address bar, seperti contoh di bawah ini :



Disini saya sudah sediakan cara2  dan langkah untuk mengganti icon blogger pada address bar anda..saya menyediakan ada 2 cara atau 2 langkah, baik langsung saja kita mulai dengan langkah pertama :
1. login ke blogger anda
2. klik template
3. edit html dan lanjutkan
4. kemudian cari kode html </head> jika anda susah mencarinya, gunakan saja ctrl + F
5. jika sudah ketemu letakkan kode di bawah ini sebelum kode </head>

<link href='GANTI URL Favicon anda' rel='SHORTCUT ICON'/>

6. jika sudah klik pratinjau untuk menghindari terjadi error, kalau icon anda sudah berubah baru anda klik save.

jika belum juga muncul, jangan anda save dulu..anda bisa coba cara yang kedua.
Berikut ini cara/langkah yang kedua :

1. login ke blogger
2. klik template
3. edit html dan lanjutkan
4. kemudian cari kode html <b:skin><![CDATA[  cari dengan menekan ctrl + F
5. Jika sudah ketemu, letakan kode di bawah ini sebelum kode <b:skin><![CDATA[


<link href='GANTI URL Favicon anda' rel='icon' type='image/x-icon'/><link href='GANTI URL Favicon anda' rel='shortcut icon'/>

6. klik pratinjau untuk menghindari error, jika sudah muncul klik save

Note : Ganti text yang berwarna merah dengan alamat URL icon favicon pilihan anda.

Cara membuat URL favicon anda :

Bagi anda yang belum punya Icon favicon, silahkan design sendiri icon favicon anda dengan masuk ke situs www.gickr.com. cara nya cukup mudah, anda cukup masuk ke situs www.gickr.com kemudian upload 2 gambar yang anda sukai, kemudian setting size nya, untuk size nya biasa saya pilih custom kemudian isi dengan size 32. lalu klik continue. maka akan muncul alamat URL favicon anda copy dan sisipkan di kode text yang berwarna merah.

Contoh :

<link href='http://gickr.com/results3/anim_84bb49d5-8336-e834-5d8d-4cd8da288f21.gif' rel='shortcut icon'/>




0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...