Sebenernya saya
sendiri juga kurang begitu jelas apa istilahnya apakah itu benar Favicon.
Tapi yang jelas yang saya maskud disini adalah icon yang ada di samping
alamat url pada browser (baik itu Firefox, IE, dan teman-temannya). Untuk blog yang menggunakan
Blogspot, sudah jelas ikonnya pasti logo Blogspot (huruf B) berwarna
putih dengan kotak berwarna oranye.
Bisakah kita mengganti
ikon tersebut sesuai dengan keinginan kita? Jawabannya bisa, dan
relatif mudah caranya. Dalam tulisan berikut saya akan membahas secara
singkat, cara mengganti ikon tersebut, sekaligus untuk melengkapi
trik-trik seputar Blogspot lainnya seperti menyembunyikan
Navbar, membuat Read
More, Recent
Comment, dan Recent
Post.
Langkah pertama, yang
harus kita lakukan adalah membuat ikon itu sendiri, buat image dengan
ukuran 16×16 pixel (bisa menggunakan Photoshop
atau program pengolah gambar lainnya.
Simpan file tersebut dengan format .png.
Selanjutnya kita masuk
ke kontrol panel Blogspot, dan buat posting baru, hanya saja untuk
posting di sini, kita hanya melakukan upload image yang telah kita buat
sebelumnya.
Setelah image masuk,
sekarang kita masuk tab Edit Html, untuk mengambil (mengcopy) alamat url
dari image yang telah kita upload tadi (url image ada setelah kata
src=), dalam contoh image tersimpan
di alamat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8KpjleAImHm_z2YnBYaDtkSlbUQOWfaU3Uz9HacBZ72MlhJjfjuYZRKtcWf6uBjRDDo2AZX0zA9wF0csU6fhfrKZ3G6jAI5a3KBnHj6y0VHkPpj_sp2VY21LofQeYUmsRbsERMRtBt52/s400/favicon.png.
Jika sudah dicopy, maka simpan posting-an tersebut sebagai draft (ingat
jangan dipublish).
Langkah berikutnya,
masuk ke tab Layout dan Edit Html, centang Expand Widget Templates.
Cari tag </b:
skin><[CDATA[, kemudian masukan script berikut di atasnya. Ganti alamat-url-ikon.png dengan url
yang telah kita copy tadi.
1.<link href='http://alamat-url-ikon.png'
rel='shortcut icon'/>2.<link href='http://alamat-url-ikon.png'
rel='icon'/>
Contoh:
Setelah selesai, kita
simpan template tersebut dan selesai. Sekarang bisa kita coba buka
alamat blog yang kita rubah ikon Favicon-nya. Jika berhasil maka
sekarang favicon sudah berubah sesuai dengan image yang kita buat dan
upload tadi.
Cukup mudah kan
caranya, oke selamat mencoba.\
oyaaaaaaa. . . .hampir lupa . . .
hehehehhe... maklum masih muda :D
langsung ja yee. . . . di atas ada kata code ni
</b: skin><[CDATA[ law g ketemu ctrl F Cari kode </head> lalu pzte di atas ya. . .
0 komentar:
Posting Komentar