Tutorial Cara Tukar Favicon Blogspot
Salam sayang kepada semua. Hari ini cik tom nak share tutorial cara tukar favicon blog blogspot (blogger.com) yang direquest oleh adik misa. Kepada yang tertanya apa itu favicon? Favicon sebenarnya adalah singkatan kepada “Favourite Icon” iaitu icon atau logo. Favicon terletak di tepi title tab pada browser. Favicon ini juga mewakili identiti blog kerana apabila kita buka sesebuah blog akan terpapar favicon pada tab browser.
Contoh favicon blog cik tom ialah buah tomato mewakili cik tom gadis tomato. Jika mendaftar blog di blogger.com, tersedia ialah abjad B kombinasi warna orange putih (logo blogger) manakala favicon bagi wordpress.com ialah huruf W berwarna biru putih (logo wordpress). Untuk buat blog lebih menarik sebaiknya kita menukar favicon dan secara tidak langsung menarik lebih ramai pengunjung ke blog samaada unique visitor mahupun view visitor.
Cara untuk menukar favicon ini amatlah mudah. Ada 2 cara/ teknik untuk tukar favicon bagi blogspot iaitu cara pertama; tukar favicon dengan edit code html di edit html manakala cara kedua ialah tukar favicon tanpa edit code di page element. Tutorial ini hanya bagi pengguna blogspot sahaja ye.
Cara 1 : Tukar favicon blog dengan edit code di edit html
STEP 1
Sila backup template sebelum mula untuk mengedit sebarang code.
DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>klik DOWNLOAD FULL TEMPLATE
STEP 2
Klik keyboard “ctrl+f” atau F3 untuk cari code;
</head>
STEP 3
Copy dan paste coding ini sebelum/ diatas coding di step 2;
<link href=’URL FAVICON’ rel=’icon’ type=’image/x-icon’/> <link href=’URL FAVICON’ rel=’shortcut icon’/>
**Tukar URL FAVICON tu kepada url image favicon yang telah korang edit dan upload ke Photobucket atau korang boleh cari icon yang comel di Glitter-graphics.
**guna image yang bersaiz kecil dan jangan terlalu besar seperti 16×16, 25×25 atau yang bersesuaian.
STEP 4
Preview dan save jika tiada sebarang error pada coding.
**********************************
Cara 2: Tukar favicon blog tanpa edit code di page element
STEP 1
DASHBOARD>DESIGN>PAGE ELEMENTS> klik “edit” pada tepi widget favicon seperti dalam gambar dibawah;
STEP 2
Apabila klik edit html akan kuar pop out seperti di gambar di bawah. Klik “Choose File” dan browse favicon dari laptop/notebook/computer yang dah korang ada simpan. Selepas siap masukkan gambar, sila klik “Save”
STEP 3
Kemudian klik “Preview” untuk lihat hasilnya. Berpuas hati boleh klik “Save” pada Page Elements.
Selamat mencuba “Tutorial Cara Tukar Favicon Blogspot“.
Sharing is caring
sudahhhh tuka . 🙂
tahniah2!
tengs ciktom,
akak pun pernah cuba tukar tapi tak menjadik.
mungkin boleh cuba tutorial ciktom ni ..=)
Jom baca entri terkini mrs redzuan …menegur kesilapan anak
ur wlcm…akak boleh cuba tutorial ni pulak..ada 2 cara nak tukar..kalau cara 1 akak tak menjadi..boleh cuba cara ke 2..good luck!
slm petang dan salam Hari Malaysia!owh mmg nak buat dr dulu tapi ada yg kata,nanti blog lambat loading kesan dr guna favicon.tak taulah betul ke tak,nanti nak gak try 🙂
tq 4 this tutorial ye Cik Tom comel!!
ye ke lambat load?tapi kita just guna logo yang kecil size gambar bukan yang besar…or maybe aleasara boleh cuba dulu masukkan dan compare load before n after masukkan..kalau rasa lambat after masukkan boleh remove balik favicon tue..hee…ur welcome dear 😉
ooo baru paham maksud favicon ni dulu pelik gak apa la menatang nih hehehe
Jom baca entri terkini Jiejah …Inilah Muka Saya…
xpe2…yang penting skang dah tahu apa itu favicon kan…hee
wahh.. aku nk try r.. tima kasih.. baru tahu.. huhu..
Jom baca entri terkini fattah …Sekadar Pesanan Sahabat kepada Sahabat
sama2…perkongsian pada yang rajin nak mencuba..hee
tak dapatla.save as pic gilter tuh tak image pun.waaaa
Jom baca entri terkini maya_mustwany …TUTORIAL 1- MELAJUKAN INTERNET TANPA GUNA SOFTWARE.
kan ke ada link kat gambar tue “download image”…klik “download image” pastu right klik pada gambar n save as dalam laptop…nanti browse je dalam laptop gambar tue..or second choice try guna tutorial cara no 1 je..
ooo mas truz save as kat pic depan tuh je.yg box kecik tuh egnore.he2.ok2 dapat.thanks cik tom
Jom baca entri terkini maya_mustwany …TIP TOP KAWAN YM
ur welcome dear 🙂
bleh ltk pic ape2 je ke..
yup…tapi pastikan size kecil..
hehehe..favicon pon sy da tukar Cik Tom…hehe..xsia2 sy jd follower Cik Tom..;p
Jom baca entri terkini Nur Lavender …~Riangnye Raye~
tahniah…thanks sudi jadi follower cik tom 😉
woah thanks ><
welcome dear ~
salam . sye share tutorial nie , keyh . sye credit name cik tom 🙂
ok boleh je..thanks ye 🙂
Tak boleh lah. Dah try dua-dua tapi tak boleh juga. Nak buat camne erk?
erk 2-2 cara xmenjadi?pelik tue…cuba try follow balik.maybe ada silap pilih image..
saye pon buat tak jadi…da folloow da sebijik2..sedihnye..
tak menjadi?peliknya..dah try cara kedua?tue lagi senang..apa url blog??xletak pun..
tima kasih ye kerana sudi turunkan ilmu, mudah-mudahan tambah rezki awak n family
Jom baca entri terkini umie ateh …SHAWL ZUYYIN KELUARAN NOVEMBER, 2011
sama2..thanka umie..semoga umie pun beroleh manfaat dari blog cik tom..