Jika teman-teman sering jalan-jalan ke suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web) atau bisa disebut icon favicon. Dan jika teman-teman punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi teman-teman yang tidak puas dengan icon/gambar tersebut, teman bisa menggantinya dengan gambar sesuai dengan keinginan teman. Caranya tidak susah ko, yaitu dengan membuat gambar (gif, jpg, icon, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas , tapi biar filenya kecil dan proses membukanya cepat).
Dalam mengganti icon favicon ini ada dua cara .
Langsung aja kita ke TKP.
Cara yang pertama.
1. Masuk akun blogger.
2. Pilih menu Rancangan/Design
3. Lalu masuk elemen laman
4. Pada menu elemen laman lalu klik edit pada favicon.
Dan akan mucul form seperti ini lalu klik browse dan pilih icon apa yang ingin anda tampilkan
5. Setelah itu klik simpan.
Cara yang ke dua:
1. Seperti biasa masuk akun blogger
2. Masuk ke "Rancangan/Design
3. Lalu masuk menu Edit HTML"
4. lalu cari kode </head> tekan ctrl+f untuk mencarinya.dan letakkan kode tersebut sebelum kode </head>
contoh:
<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>
dan susunan setelah diletakan menjadi seperti ini :
<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>
</head>
Kalo sudah jangan lupa simpan template.
Catatan:
Ganti huruf yang berwarna biru dengan lokasi gambar dimana teman menyimpannya. Teman-teman bisa menyimpan gambar di photobucket dan juga di imageshack atau kalo teman tidak mau ribet dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
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://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
Semoga berhasil ya teman.
Bagi teman-teman yang tidak puas dengan icon/gambar tersebut, teman bisa menggantinya dengan gambar sesuai dengan keinginan teman. Caranya tidak susah ko, yaitu dengan membuat gambar (gif, jpg, icon, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas , tapi biar filenya kecil dan proses membukanya cepat).
Dalam mengganti icon favicon ini ada dua cara .
Langsung aja kita ke TKP.
Cara yang pertama.
1. Masuk akun blogger.
2. Pilih menu Rancangan/Design
3. Lalu masuk elemen laman
4. Pada menu elemen laman lalu klik edit pada favicon.
Dan akan mucul form seperti ini lalu klik browse dan pilih icon apa yang ingin anda tampilkan
5. Setelah itu klik simpan.
Cara yang ke dua:
1. Seperti biasa masuk akun blogger
2. Masuk ke "Rancangan/Design
3. Lalu masuk menu Edit HTML"
contoh:
<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>
dan susunan setelah diletakan menjadi seperti ini :
<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>
</head>
Kalo sudah jangan lupa simpan template.
Catatan:
Ganti huruf yang berwarna biru dengan lokasi gambar dimana teman menyimpannya. Teman-teman bisa menyimpan gambar di photobucket dan juga di imageshack atau kalo teman tidak mau ribet dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
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://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
Semoga berhasil ya teman.
0 komentar:
Posting Komentar
Terimakasih telah membaca artikel ini, komentar Anda sangat membantu blog ini :)