Cara Nak Letak Favicon Kat Blogspot!-Update!

icon Cara Nak Letak Favicon Kat Blogspot! Update!

Salam kekawan..Saya dah sertai dunia blogging ini agak lama..rasanya hampir 5 tahun lamanye tetapi saya blogging suka-suka je masa tu.banyak blog yang telah saya buat tetapi hari ini hanya tinggal 2,3 blog sahaja yang tinggal..hehe..Sekarang iniĀ  baru saya serius untuk jadi blogger.Semasa mula-mula menyertai dunia blogging ini,semua benda x tahu.Bukan senang nak belajar sesuatu perkara.Orang buat itu,kita nak buat itu,orang buat ini,kita nak buat ini tp msalahnya kita xtaw mcm mane orang buat.Pening kepala nak fikir.Tp kerana minat,kita teruskan juga untuk memcari dan mempelajarinya.

Begitu juga dgn Favicon ini.Dlu saya tertanya-tanya mcm mane nak letak gambar kat sebelah URL tu.-Masa tu xtaw lagi benda tu dinamakan favicon..hehe..bodo lagi masa tu..hehe.So saya tanye lah orang and ada yg bg feedback yg elok n ada yang x layan.Biasalah tu kan.

Tp takdi saya datang msg dari Kaizer bertanya mengenai Favicon ini.So hari ini saya nak kongsikanlah cara nak letak favicon ini bersama-sama korang.

Ini Msg Dari Kaizer.

icon1 Cara Nak Letak Favicon Kat Blogspot! Update!

OK sekarang kita start tutorial nak pasang Favicon.

Langkah 1:-

Mula-mula korang pergi ke favicon.cc dan upload gambar yang korang nak jadikan Favicon.

favicon1 Cara Nak Letak Favicon Kat Blogspot! Update!

  1. Import Image-Korang Import gambar yg korang nak dijadikan favicon
  2. Download Favicon-Download Favicon yang telah korang import takdi

Langkah 2:-

Selepas korang download,korang akan dapat image dgn nama seperti ini favicon.ico .Pastu korang pergi upload image tu kat photobucket.com @ mana-mana jelah.Saya try cuba upload kat blogspot guna upload image kat add post tapi kat boleh.So korang p lah upload kat mana-mana pun..hehe..yg penting kita nak URL bagi favicon itu seperti ini:-

http://www.2dayblogger.com/blog/wp-content/uploads/2010/05/favicon.ico

Langkah 3:-

Seterusnya open dashboard blog anda dan pergi ke Layout dan klik Edit Html dan klik Expand Widget Templates.

Log in —-> Dashboard —–> Layout —–> Edit Html —-> Expand Widget Templates

Langkah 4:-

Kedian korang cari code ini..

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

Bila dah jumpe code itu korang add code ini kat bawah dia..

<link href=”your url’ rel=’shortcut icon’ type=’image/x-icon‘/>

Hasilnya akan jadi mcm ini pas korang letak Url favicon korang:-

<link href=”http://www.2dayblogger.com/blog/wp-content/uploads/2010/05/favicon.ico ‘ rel=’shortcut icon’ type=’image/x-icon‘/>

Langkah 5:-

Akhir sekali korang save and view lah blog korang.Insya-Allah klu korang ikut tutorial kat atas itu,pasti favicon akan kuar kat tp Address korang tu..Chaiyok-Chaiyok..hehe

Selamat Mencuba…

Masalah Yang Mungkin Berlaku:-

Soalan 1:-

Saya tak jumpelah <title><data:blog.pageTitle/></title>.mcm mana ni??

Jawapan:-

Rasaya inilah masalah plg besar untuk korang semua..betol x?hehe..Secara jujurnya saya pun x jumpe benda tu kat blog saya..hehe.“Setiap masalah yang berlaku adalah untuk diselesaikan-Perumpaan kita untuk hari ini..hehe..Cara untuk atasi masalah ini sng je..Korang cuma perlu cari meta tag ini sahaja sbnrnya:- <title> I love U 2Dayblogger.Com</title>.Korang cuma perlu cari <title></title>.Benda ini adalah untuk diletakkan title blog korang.So bila jumpe tu korang paste lah code yang atas takdi tu.Settle problem.

Soalan 2:-

Eh kenapa <title></title> ni ada dua kali?mana satu nak pilih?

Jawapan:-

Klu korang perasan,korang akan jumpe benda ini 2 kali atau lebih.So korang paste jelah kat mana-mana pun.Senang jekan.Semua problem leh diselesai..hehe..

Soalan 3:-

Faisal,x jumpe jgk lah..mcm mane ni?

Jawapan:-

kalu x jmpe jgk korang cari benda benda yang ditulis perkataan title contoh <b:include name=’title’/>.Klu x jmpe jgk,korang try lah paste code tu diantara open header and close header.<head></head>..

p/s: sowila law tutorial ini tidak lengkap kot..hehe…harap ia dapat membantu korang.Saya dah cuba buat tutorial yg plg mdh difahami n plg simple utk korang..hehe

Alternatif Terbaik Untuk Korang(Cara Termudah)-UPDATE!

Memandangkan korang xleh nk upload gambar favicon.co korang so guna alternatif ini dimana korang just guna gambar .png or .jpg sebagai favicon korang.

Caranya:-

Langkah 1:-

Cari Tag </head> kat template korang.

Screenshot 3 Cara Nak Letak Favicon Kat Blogspot! Update!

Langkah 2:-

Copy and Paste code ini diatas </head>

<link href=”{image url}‘ rel=’shortcut icon’/>
<link href=”{image url}‘ rel=’icon’/>

Korang gantikan image url dgn url link gambar dan jadi seperti ini:-

<link href=”http://www.2dayblogger.com/blog/wp-content/uploads/2010/05/gambar.jpg‘ rel=’shortcut icon’/>
<link href=”http://www.2dayblogger.com/blog/wp-content/uploads/2010/05/gambar.jpg‘ rel=’icon’/>

Langkah 3:

Akhir sekali save lah template korang dan say thank you kat sini sbb dah tolong settlekan persoalan korang selama ni..hehe

tq.

GHTime Code(s): 1b82a 
Related Posts with Thumbnails
If you enjoyed this post, make sure you subscribe to my RSS feed!
Eruwan Gerry AffiliatesJom Klik Iklan Ini!

Pakej Import Dari China

Pakej Automatic eBay Powerseller

Video Panduan Lelong

Anda Boleh Kongsikan Pandangan Anda!, or trackback Dari Blog Anda !.

Sekarang ini Terdapat: 10 Pendapat Pembaca 2Dayblogger.Com!



Sukakan Blog Ini?Sokonglah Kami Dengan Klik Iklan Sponsor Kami Dibawah.Tq

  1. Okey,Sila lah tinggalkan komen..tq

  2. faizerkaizer says:

    tq,faisal,..toturial ko ni aku faham,.aku try wat dulu,sebelum ni asyik tak jadi je,.ada satu tu,siap main bling2,refresh2 lagi,.duk pening aku,.nanti ada masalah,aku tanya ko,.tq2.^v^

    Faisal Abdullah Reply:

    @faizerkaizer, takdi baru aku buat kat blog aku yg blogspot pnye..oky je..hhuhuu..xpe2 nnti ko tnye kat sini n kita try cari penyelesaianye…=)

  3. Hafiz Mohd says:

    info yg bagus.. share lagi nanti ok? haha..

    Faisal Abdullah Reply:

    @Hafiz Mohd, tq2..Insya-Allah tp klu ada yg bertanya mcm Kaizer tu lagi bgus.sng skit nk share info..hehe

  4. faizerkaizer says:

    hai,.puji ke perli tu??,.hahaha.
    -Faisal, aku ada problem untuk upload .ico aku ke hosting free. 3 image hosting free ini tak support .ico (picasaweb,photobucket and imageshack)..jadi kalau mcmni kena guna hosting berbayar la nampaknya..tapi,…part yang tu aku kena belajar lagi,dan xada debitcard,.huhu,newbie man,.
    -Satu lagi templete akan jadi error bila aku try guna .gif and .png pada kode html y ko beri. kenapa ye?
    -Dah ikut semua way yang ko listkan,and result is failed.,.kempunan lagi aku,.-.-cedihnya,..

    Faisal Abdullah Reply:

    @faizerkaizer, pasal beli hosting and domain xperlu guna debit card lah..guna online banking je..

    klu ko guna gif or png mmg akan error coz favicon itu adalah icon..extension utk icon ada .ico .extension utk image ada .png or .jpg.sbb tu ada error lah bro.

    aku pun xtaw x mane leh ko upload favicon tu..hehe..xpe2 nnti aku try cari jln nk sttle..hehe..law jmpe lah

    Faisal Abdullah Reply:

    @faizerkaizer, Kaizer,aku dh update post..dah jmpe cara nk sttle problm ko tu.

  5. redbirdfe says:

    salam.

    tengah try buat ini..tapi tak jadi.

    bila nak save template, tak boleh. dia tulis “Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity “current” must end with the ‘;’ delimiter.

    mcm mana ni?

    Faisal Abdullah Reply:

    @redbirdfe, itu maksudnya awk tidk close statement awk tu.saya cdgkan awk gunakan tutorial yg plg bawh sekali.Alternatif untuk korang.

Leave a Reply

CommentLuv Enabled

Powered by WordPress | Compare Credit Card Deals at iApplyForCreditCards.com | Thanks to BestInCreditCards.com, Video Game Music and Get Six Pack Abs
Copyright: 2009-2010 | Author:Faisal Abdullah