Ganti Logo / Icon Blog - Favicon

Ganti Logo / Icon Blog - Favicon

Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain.

Berikut langkah-langkah yang saya lakukan pada saat mengganti logo Blogspot (B) dengan gambar naruto:



Pertama, siapkan photo/gambarnya lalu edit sesuai selera kita. Saya gunakan Microsoft Office Picture Manager karena program ini biasanya ada disetiap komputer yang pakai Microsoft Office. Klik kanan saja gambarnya, pilih Open With > Microsoft Office Picture Manager.



Crop bagian yang akan dijadikan logo, usahakan lebar dan tingginya sama.



kecilkan ukuran photo dengan Resize sekitar 50 x 50 pixels
.


jika sudah, Save As photo dengan nama baru.

Kedua, upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com tinggal masukkan ID Email dan sandi gmail. Atau bisa juga disimpan di photobucket.com dan yang lainnya.



kalo dah diupload klik gambarnya, maka akan tampil seperti gambar di bawah. klik Link to this Photo, ceklis Image only (no link), terus copy Embed image. contoh Embed Image gambar Naruto saya:

http://lh5.ggpht.com/_gh8AhIsQkDM/ShH8TQmq4eI/AAAAAAAAAHE/hwqwAA4AVas/s800/naruto.jpg



Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode :

<title><data:blog.pagetitle/></title>

<b:skin><![CDATA[

lalu masukkan kode berikut diantara keduanya :

<link href='kode url photo' rel='shortcut icon'/>
ganti kode url photo dengan embed yang tadi sudah dicopy, jadi seperti ini:

<title><data:blog.pagetitle/></title>

<link href='http://lh5.ggpht.com/_gh8AhIsQkDM/ShH8TQmq4eI/AAAAAAAAAHE/hwqwAA4AVas/s800/naruto.jpg' rel='shortcut icon'/>

<b:skin><![CDATA[



Simpan Template dan lihat blognya, pasti logo/iconnya sudah berubah.

ok