BEST VIEW WITH FIREFOX BROWSER

Sunday, December 13, 2009

Cara Mengganti Icon Blogger

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2). Setelah itu .....masuk ke "Layout --> Edit HTML" trus tempatkan script berikut tanpa tanda kutip sebelum kode </head>

'"<link href='http://sl.glitter-graphics.net/pub/706/706282kaaom301hk.gif' rel='SHORTCUT ICON'/>""

ganti huruf yang dicetak tebal berwarna biru diatas dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di http://glitter-graphics.net, dengan mendaftar terlebih dahulu atau kamu juga bisa lihat bebrapa gambar di alamat yang disamping. udah tau caranya.....belum!
  • Buka alamat http://glitter-graphics.net.
  • Pilih gambar yang akan kamu inginkan,ada banyak pilihan disana.
  • Kemudian klik 2 kali digambar yang diinginkan, nantinya akan muncul pilihan Download Image
  • Klik Download Image
  • Setelah itu akan muncul tab baru dengan gambar yang kita inginkan
  • Klik kanan pada gambar tersebut, kemudian klik propertis
  • Nah pada properti elemen tersebut akan terlihat alamat gambar yang kita inginkan
  • Setelah itu kopikan alamat tersebut, dan pastekan alamat tersebut mengganti alamat yang ada pada link diatas yang berwarna biru.
  • Kemudian simpan template dan lihat perbedaannya.
Dibawah ini ada beberapa contohnya :
Walaupun kelihatan gambarnya besar, nantinya akan dikompress otomatis sesuai dengan ukuran yang dibutuhkan.

http://sl.glitter-graphics.net/pub/706/706282kaaom301hk.gif http://sl.glitter-graphics.net/pub/706/706282kaaom301hk.gif

http://sl.glitter-graphics.net/pub/1325/1325015io4wud62gd.gif http://sl.glitter-graphics.net/pub/1325/1325015io4wud62gd.gif

http://sl.glitter-graphics.net/pub/948/948521dz52i3dqyw.gifhttp://sl.glitter-graphics.net/pub/948/948521dz52i3dqyw.gif        

http://sl.glitter-graphics.net/pub/439/439758h831qlcl8s.gif http://sl.glitter-graphics.net/pub/439/439758h831qlcl8s.gif

Related Posts



0 Comments:

Post a Comment

Related Posts with Thumbnails