Sabtu, 09 April 2011

Cara Mengganti Icon Favicon Blogger Pada Address Bar

Kepolover - Nah sob, postingan kali ini kita kan membahas bagaimana caranya agar logo blogger yang biasanya nongol di adress bar blog tergantikan dengan logo yang kita kehendaki. Memang asyik bukan bila address bar website atau blog  kita keliahatan lebih menarik.. oh yah disamping itu logo tersebut juga mengindikasikan bahwa blog kita lebih kreatif dan lebih profesional...lo...hehe...:-).
Bagi para insan blogger, icon pada gambar sebelah pojok atas adalah icon blogger standar. Tapi, untuk merubah icon tersebut sesuai dengan gambar yang kita pilih, kita bisa mengakalinya dengan sedikit mengedit kode HTML....gak rumit kok cuma butuh ketelitian..ok...langsung kita ke TKP ya...alias praktik langsung coy...

Berikut step2nya:
Pertama kita harus memiliki gambar icon yang nantinya kita jadikan icon adress bar blog kita. Untuk gambar icon   memang harus kecil sob...ya sekitar 20×20 pixel sampai 25×25 pixel aja coz kalau gambarnya ukurannya terlalu besar maka akan berpengaruh pada loading blog kita...terlalu berat guys!!!...sayang kan lagian buat apa..ntar di address bar juga muncul kecil gitu.

Ok..habis itu upload aja file icon logo kamu sob... untuk uploadnya kamu bisa menguploadnya ke  picasaweb yang milik gogle juga...jadi biar gak ribet harus daftar akun lagi...sebenarnya untuk picasa sendiri memang direkomendasikan sebagai file penyimpan yang mirip mini hosting gambar yang spesialisasinya buat blog kita. Ok..selain picasa  juga boleh di photobucket, tapi harus daftar akun lagi kalo masih belum punya akunnya.
untuk daftar photobucket silakan klik di sini

Setelah berhasil diupload, copy paste aja url gambarnya ke notepad...(ok simpan ntar kita gunakan lagi.. )
Sekarang giliran di bloggernya

Log in ke akun blogger kamu, pada DASBOR klik “RANCANGAN” dan pilih  “edit html“
tekan CTRL+F trus cari kode berikut:

<b:include data=’blog’ name=’all-head-content’/>

Hapus kode tadi dan ganti dengan kode:
<link href='http://URL ICON LOGOMU' rel='shortcut icon'/>

Letakkan sebelum kode <title>
ganti tulisan yang berwarna biru dengan url gambar yang tadi udah dicopy di notepad.

Kalau udah, Klik ” SAVE” .
Selesai!! trus lihat blog kamu...pasti logo icon webmu dah muncul kan... lanjowddd!!!!..:-)


EmoticonEmoticon