Jumat, 11 Februari 2011

Trik Mengganti Logo atau Icon Blog - Favicon

Sobat blogger semua, 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 seperti yang sobat blogger lihat pada head title blog saya :

Pertama, siapkan photo/gambarnya lalu edit sesuai selera kita. Saya gunakan Adobe Photoshop karena memang program ini biasa digunakan oleh kebanyakan orang untuk mengolah dan mengedit gambar. kecilkan ukuran photo dengan Resize sekitar 50 x 50 pixels, dan atur cerah terangnya sesuai dengan keinginan anda. jika sudah, Save As photo yang anda buat dengan nama baru *.gif



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 head title saya:


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigk66DH7I-wA_qqt-2SDzvsX8A7HN3QQz02Jmqr5OArYHx_IG89mpYp_M0Y8r7LMJGiriOIRwbScOThDYQQHxmBiRcC6pPV8HfXmREXy1SUnmt5g3I7y0EazFei-fnKmDUDisZRlWGgt0/s800/logoku.gif



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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigk66DH7I-wA_qqt-2SDzvsX8A7HN3QQz02Jmqr5OArYHx_IG89mpYp_M0Y8r7LMJGiriOIRwbScOThDYQQHxmBiRcC6pPV8HfXmREXy1SUnmt5g3I7y0EazFei-fnKmDUDisZRlWGgt0/s800/logoku.gif' rel='shortcut icon'/>

<b:skin><![CDATA[



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


ok?
Selamat berkreasi .....

2 komentar:

Anonim mengatakan...

berhasil... hehehe

olin's blog mengatakan...

mkasih.,.,.,sephhh banget tipsnya

Posting Komentar