Mengubah icon URL Search pada Blogspot

Hmmm... Pinginnya sebuah blog mencerminkan diri kita sendiri. Cuman agak gak enak aja lihat icon blogger (B) di url blog kita. Rasanya semua blogspot juga punya icon yang serupa. Kayaknya seru klo kita punya icon sendiri yang unik dan bisa mencerminkan diri kita. Seperti huruf G pada url Google, huruf B pada url blogger, huruf Y! pada yahoo. Mungkin huruf P untuk blog ini poeds.blogspot.com...

Saya sudah mencobanya. Bisa dilihat di bagian URL Search pada browser anda. Ada sebuah icon biru bertuliskan huruf P. *mudah-mudahan kelihatan*. Mungkin bagi yang pingin mencoba juga bisa, caranya sangatlah mudah...

Langkah awal yang perlu anda lakukan adalah membuat sebuah icon dengan format extention [.ico], dengan ukuran 16x16 pixel. Di sini perlu adanya sedikit kreatifitas tuk menghasilkan sebuah icon yang unik dan menarik. Untuk membuat icon, anda perlu gunakan software pembantu untuk membuat icon yang bisa anda download di internet seperti imageicon. Namun ada cara lain yang bisa anda gunakan yaitu mengubah extention .gif or .png ke .ico dengan cara online seperti di web ini.

Seperti yang saya lakukan. terlebih dahulu saya buat sebuah image 16x16 di komputer dengan menggunakan software Paint punya windows. Trus saya simpan dlm bentuk .jpeg or .jpg. Terus saya ubah menjdai .ico lewat web www.html-kit.com/favicon. Hasilnya berupa file .ico, .gif, .png... Dan ketiga extention ini bisa digunakan untuk icon URL kita. Selanjutnya file icon anda di-upload ke website yang menyediakan jasa upload seperti imageshack.us/, kemudian anda simpan alamat URLnya. Saya sendiri menyimpan icon saya di googlepages.com, tapi anda harus memiliki google account terlebihdahulu.

Langkah selanjutnya mengubah code HTML pada template anda. Login ke blogger anda, masuk ke menu TEMPLATE, terus EDIT HTML... Pada window EDIT TEMPLATE carilah kode berikut ini:

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

pada bagian bawahnya tambahkan code berikut ini

<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

atau bisa juga dengan

<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>

Jangan lupa mengisi URL icon anda yang sudah anda upload tadi ke bagian URL of your icon file.

Setelah selesai, SAVE template anda.
Selamat Mencoba :)

SUMBER:
sebagai referensi tips-for-new-bloggers.blogspot.com