12/29/2010

cara mengganti icon di blogs

Yang dimaksud dengan icon blog disini adalah ntu tuh icon / gambar atawa photo yang tampil di address bar , jika kita membuka suatu blog atawa website. Untuk lebih jelasnya jika kita membuka blog di blogspot maka yang tampil biasanya adalah icon bawaannya yang seperti ini : clip_image001
Naah... Sekarang sudah jelas apa yang saya maksud... Naah...bagi kita yang kurang puas atau yang ingin tampil beda, icon sepeti itu bisa diganti sekehendak kita.. caranya yaa.. kita harus punya dulu icon atau gambar untuk menggantinya... untuk ini kita bisa membuat gambar berjenis gif , jpg ,dll dengan ukuran yang kecil , kira2 30x30 pixel atau 20 x 40 pokoknya jangan besar2 deh.. biar filenya kecil gitu lho..
Naah.. lagi ( naah ke 3 ya..hehehe..) gambar tersebut bisa disimpan di OOOwebhost, photobucket atau di imageshack.. terus simpan tuh di template anda caranya :
Seperti biasa masuk dashboard , pilih layout, terus klik Edit HMTL, kemudian paste kode dibawah sebelum kode </head>.
<link href='http://img98.imageshack.us/img98/9617/image3cr0.gif ' rel='SHORTCUT ICON'/>
Tulisan yang berwarna biru adalah tempat icon atawa gambar tersebut disimpan.. soooo .. kita bisa menggantinya dengan alamat icon kita , begitu coooy.
Kalau tak mau ribet membuat icon sendiri. Atau tak mau pusing sendiri menurut dicka pake aja yang telah ada seperti contoh dibawah ini :
clip_image002http://img87.imageshack.us/img87/5862/image1an1.gif
clip_image003http://img110.imageshack.us/img110/6218/image2ie0.gif
clip_image004http://img98.imageshack.us/img98/9617/image3cr0.gif
clip_image005http://img134.imageshack.us/img134/633/image4hx4.gif
clip_image006http://img139.imageshack.us/img139/83/image5oa7.gif
clip_image007http://img509.imageshack.us/img509/6449/image6fu0.gif
clip_image008http://img527.imageshack.us/img527/6543/image7go9.gif
clip_image009http://img507.imageshack.us/img507/5774/image8wn8.gif
clip_image010http://img150.imageshack.us/img150/5784/image9qo1.gif
clip_image011http://img404.imageshack.us/img404/1214/image10vr1.gif
clip_image012http://img412.imageshack.us/img412/3808/image11pc0.gif
clip_image013http://img100.imageshack.us/img100/4658/image12du2.gif
clip_image015http://img132.imageshack.us/img132/4733/image13lj1.gif
clip_image016http://img145.imageshack.us/img145/7793/image14zg9.gif
clip_image017http://img412.imageshack.us/img412/4403/image15jc7.gif
clip_image018http://img264.imageshack.us/img264/7575/image16kn8.gif
Sekian.. selamat mencoba untuk tampil beda..

0 komentar: