Cara Mengganti Icon Blog


Kali ini saya akan berbagi mengenai bagaimana cara mengganti icon blog kita dengan gambar keinginan kita. Dalam membuka suatu website atau blog seringkali kita menjumpai sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Atau jika kita mempunyai sebuah 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) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). 
Kemudian untuk memulai membuatnya seperti biasa klik Template di dashboard blog lalu pilih Edit HTML. Untuk tampilan blog terbaru maka akan muncul kotak dialog sebagai berikut. Klik lanjutkan untuk melanjutkan proses.



Kemudian tempatkan script berikut ini tepat di atas atau sebelum kode </head>

<link href='http://i1169.photobucket.com/albums/r501/bita8/23.jpg' rel='SHORTCUT ICON'/>

Tugas anda selanjutnya adalah cukup dengan mengganti huruf yang dicetak tebal dengan lokasi / alamat gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di situs sharing foto seperti photobucket atau juga di imageshack atau kalau kamu ingin mendapat url gratis seperti di bawah ini:

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
Sekian :D

0 komentar:

Posting Komentar

Free Blooming Pink Rose Cursors at www.totallyfreecursors.com