tutorial blog

Favicon

Apa sih favicon? lihat gambar di bawah:

 sebelum:

 

sesudah:

 

Favicon adalah icon kecil yang muncul di sebelah url blog kamu pada menu bar. Menarik kan? inilah caranya untuk mempercantik favicon blok kamu:

1) Sign in akaun blogger anda

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan pada keyboard), cari kode

</head>

4) Kemudian copy dan paste kode di bawah sebelum kode </head> yang kamu cari di langkah 3 tadi

<link href='URL gambar' rel='shortcut icon' type='image/x icon'/>

<link href='URL gambar' rel='icon' type='image/x-icon'/>

Pada ,URL gambar, masukkan url gambar favicon yang kamu suka.

Contoh, kodenya seperti ini:

<link href='"http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif' rel='shortcut icon' type='image/x icon'/>

<link href='"http://dl10.glitter-graphics.net/pub/459/459830qyqjkq81to.gif' rel='icon' type='image/x-icon'/>

</head>

Banyak favicon yang kamu suka! Di bawah aq sediain beberapa favicon n kamu tinggal klik aja. Just copy url dan gantikan dalam kode tadi.

http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif

http://dl8.glitter-graphics.net/pub/1008/1008838wybxuht5da.gif

http://dl5.glitter-graphics.net/pub/638/638145bltz6zqhdo.gif

http://dl8.glitter-graphics.net/pub/438/438938tn0n4974xy.gif

http://dl5.glitter-graphics.net/pub/1471/1471405phirjrmcxl.gif

http://dl3.glitter-graphics.net/pub/1040/1040193nacd9v14uy.gif

http://dl2.glitter-graphics.net/pub/569/569782jafggqn5nu.gif

http://dl7.glitter-graphics.net/pub/435/435807fbnxzdbgby.gif

http://dl8.glitter-graphics.net/pub/674/674138hskgsfakwp.gif

http://dl5.glitter-graphics.net/pub/536/536375bc67wo8ip5.gif

http://dl9.glitter-graphics.net/pub/437/437579ieuexiygh9.gif

http://dl5.glitter-graphics.net/pub/443/443085kgpjswnu44.gif

http://dl.glitter-graphics.net/pub/437/437561c2yix8zufv.gif

'n' masih banyak seabrek image favicon yg cute banget, yg bisa kamu dapetin di

5) Klik preview, kalo gak ada error, klik save.