Favicon

Ada dua cara mudah untuk ubah favicon.
Cara pertama, masuk ke bahagian

Cara ubah favicon yang paling mudah.
Ringkas dan mudah sahaja tutorial kali ini. Mommy Pinky nak tunjuk cara ubah Favourite Icon / Favicon. Ada sape-sape yang tak tau favicon tu ape? Favicon tu, icon yang terletak sebelah address website atau blog.

Contohnya blog Mommy Pinky menggunakan favicon




Bagi blogspot, icon warna oren ni la.
Kita boleh ubah tau. Nak letak gambar sendiri pun tak pe. Yang penting kena la cari atau edit URL Gambar (gif, jpg, ico, dan lain-lain) ke saiz yang lebih kecil. Ini penting supaya bila orang lain buka blog kita, tak ambil masa loading yang lama. Saiz yang bagus 50x50 pixel.

Ok caranya,


Dashboard / Layout / Edit HTML / Download Full Template

(penting sebagai backup!)


Cari code </head>
Tekan Ctrl + F untuk memudahkan pencarian.


Copy code di bawah,


<link href='URL GAMBAR' rel='SHORTCUT ICON'/>


paste kan sebelum code </head> tadi.
Ok, siap :)




Tips : Boleh upload gambar sendiri yang telah diadjust saiznya di ImageShack. Kat sini senang nak ambil URL gambar.

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---

Ubah Icon Sebelah Blog List

Nampak tak ada icon sebelah sis, hubby dan bro tu?
Cara nak buat mudah je. Sebelum tu, jangan lupa backup dulu template tu ye.

Cara backup template,
masuk ke bahagian
Tengok sebelah kanan atas, klik
Klik
Save File.

Cari kod di bawah. Lebih kurang pun tak pe.
Tips untuk memudahkan pencarian,
Lihat keyboard korang, Tekan key Ctrl dan key F serentak.
Untuk pengguna Mozilla Firefox, korang akan nampak imej ni
Masukkan kod di ruang sebelah find, klik Next.

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

Delete semua code di atas, gantikan dengan kod di bawah
Untuk ubah icon cute, ganti je kod url imej yang berwarna merah.
gambar cute boleh cari di www.glitter-graphics.com

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar ul li {
background:url(http://dl8.glitter-graphics.net/pub/1866/1866928oi3l89co7v.gif) no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;
text-indent:7px;
line-height:1.3em;
}

Ok, sekarang boleh klik
Seterusnya, masuk ke bahagian
Pilih Gadget Blog List


Perkara paling penting jangan tick ruang icon tu. Kalau tak, nampak icon tu je.
Siap dah. Selamat mencuba ^^

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---