back
Senin, 24 Mei 2010

PostHeaderIcon Merubah blogger tab icon

~ Kegiatan yang menggembirakan adalah belajar buat Blog dan semangat cinta yang paling membahagiakan adalah berBagi. Kegemaran ini telah menjadi kebiasaan yang mengagumkan. Ngeblog yuk, Berbagi Cinta Yuk!!! → Lihat Profil
Blogger icon/favicon berada pada menu tab, biasanya logo favicon blogger berbantuk segi empat berwarna merah dan huruf B berwarna putih di tengahnya. Nah sobat blogger mania yang ingin merubah icon ini ternyata cukup simple.

Di mana icon ini bisa di rubah dengan menggunakan logo atau foto milik kamu sendiri, gimana tertarik?, langsung aja kita test yah!.

1. siapkan foto atau logo yang mau di terapkan di tab icon favicon. Formatnya bisa PNG atau JPG, pastikan ukurannya 20x20 piksel untuk mempercepat loding blog kamu menjadi tidak lambat.

Nah di sini ada sedikit masalah kalau kamu kesulitan pada ukuran yang kecil buat ukuran yang agak besar sekitar 300x300 piksel no problemo, kemudian setelah icon anda jadi perkecil menjadi 20x20 piksel. Hal ini sangat mudah sekali jika mengunakan software pengolah gambar seperti Photoshop, Fireworks atau yang software lain favorit kamu.

2.Upload foto atau logo gambar yang telah kamu buat ke layanan hosting gambar, seperti photobucket untuk mendapatkan link langsung (direct URL).

3.KLIK Rancangan --- Edit HTML
kemudian cari kode:

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

di antara kode <head> dan<b:skin><![CDATA[/* (di atas edit template)

atau Untuk mempermudah pencarian gunakan F3 pada browser google chrome dan ctrl+f untuk mozzila, sudah ketemu?? good sekarang ganti kode tersebut dengan kode di bawah :

<title><data:blog.pagetitle>
<link href='letakkan direct URL gambar kamu di sini' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


4.simpan tempate kamu kemudian lihat blog, kamu akan melihat icon tab baru di blog kamu.

Oke selamat mecoba and sukses.

9 komentar:

dinooo mengatakan...

wah, mantebp mas,, ak juga udah pasang favicon, sipp

piSS-bloGGer mengatakan...

seeepszz sobat, makasih kunjungannya yah!!, blognya sudah saya follow jgn lupa follow balik makasih!! he he he

dinooo mengatakan...

sudah difollow balik sob, siip mantabp
salam ngblog..

Ahmad Zaki mengatakan...

sep gan...thanks ya...^_^

Anonim mengatakan...

Hatur nuhun gan info nya sangat membantu

resetter printer mengatakan...

ini yang aku cari, sip mas artikenya. salam kenal dan sekalian folow

D'ta Citut Culun mengatakan...

Bos makasih nich, sekarang ane bs pasang icon blog ane sendiri....... hehehehehe

Prudential yogya mengatakan...

thx infonya mas......icon blog nya makin keren

indridadidu's blog mengatakan...

ko ttep ga bisa dirubah ya icon nya,,ada ksalahan dmnanya masih bingung..padahal udah sama dgn tutorial nya..

Subscription & Comments

Add Me ♣ Social Network
[ ]

Twitter Update - FB Page

sobat2 blogger Indonesia

Arsip Blogger Mania Indonesia