Mengubah Logo Blogspot dengan Logo sendiri

Trik ini sebenarnya sudah lama muncul dan banyak di pakai di blog rekan-rekan blogger. Dengan menggunakan trik ini, kita bisa mengubah tampilan logo blogspot yang ada di address bar browser dengan logo kita sendiri. Penggunaan trik ini membutuhkan sebuah image dengan dimensi width 20px dan height : 20px dalam format .gif ataupun .jpeg.

Tampilan logo blogspot sebelum dirubah :


Tampilan setelah dirubah :


Langkah yang perlu dilakukan :

1. Hal pertama yang perlu dilakukan, buat sebuah logo yang anda inginkan sesuai dengan format yang telah ditentukan (20px vs 20 px) kemudian save menjadi file .gif.
2. Upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya tidak usah daftar lagi anda bisa gunakan picasaweb, tinggal masukkan ID Email dan sandi gmail. atau bisa juga disimpan di photobucket.com, etc.
   
3. Copy / ambil kode link gambar yang sudah anda upload (misal : http://4.bp.blogspot.com/_inK-OlJoqZg/TETlRiBHXyI/AAAAAAAAAGo/PNxGhY47bvU/s1600/q.jpeg)
4. Masuk ke menu edit HTML dan cari kode html berikut di template blog anda :
   

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

(untuk mempercepat pencarian, gunakan ctrl F saat mencari di Edit HTML blog)

Copykan kode berikut diantara kedua kode diatas :

<link href='http://4.bp.blogspot.com/_inK-OlJoqZg/TETlRiBHXyI/AAAAAAAAAGo/PNxGhY47bvU/s1600/q.jpeg' rel='shortcut icon'/>

tulisan yang tercetak tebal dan berwarna merah diatas adalah alamat file gambar yang tadi sudah anda uploud, ganti dengan kode gambar anda.

Untuk lengkapnya, hasil copy paste menjadi seperti dibawah ini :

<title><data:blog.pageTitle/></title>
<link href='http://4.bp.blogspot.com/_inK-OlJoqZg/TETlRiBHXyI/AAAAAAAAAGo/PNxGhY47bvU/s1600/q.jpeg' rel='shortcut icon'/>
<b:skin><![CDATA[

Simpan template anda (SAVE) dan lihat hasilnya >>>>
Selamat, logo anda sudah terganti....!!!