Monday, March 7, 2011

Cara Mengganti Icon pada Address Bar

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. 

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:
I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com  
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.  
e. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.
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. 
  1. Pilih Tata Letak.
  2. Klik Edit HTML.
  3. 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'/>
  4. Kemudian letakkan halaman url baru sobat diatas kode </head>
  5. Kemudian Save Template, mudah kan.
Selamat mencoba.......Semoga Bermanfaat  

No comments:

Post a Comment

T4share - Sharing dapat profit

T4share - Sharing dapat profit Peluang menarik, tanpa modal (free registration) dan sangat mudah dijalankan oleh siapapun untuk mendap...