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) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
f. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :
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 kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
http://img87.imageshack.us/img87/5862/image1an1.gif
http://img132.imageshack.us/img132/4733/image13lj1.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://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
Atau mungkin Anda mau mencoba cara yang lain. yang mungkin sedikit agak rumit daripada cara di atas, Berikut ini langkah2nya:
a. klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image
b. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).
c. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja.
d. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat.
f. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :
http://sites.google.com/site/dodyfarial/image/RSS-Blue.png
II. Buka Blogger, masuk menggunakan ID sobat.
- Pilih Tata Letak.
- Klik Edit HTML.
- Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna ungu dengan alamat url favicon sobat :
<link href='http://sites.google.com/site/dodyfarial/image/RSS-Blue.png' rel='shotcut icon'/> - Kemudian letakkan halaman url baru sobat diatas kode </head>
- Kemudian Save Template, mudah kan.
No comments:
Post a Comment