Tutorial Favicon untuk Blogspot

Salam buat semua. Hari tu saya ada buat entry mengenai buat tutorial favicon untuk blog. Tetapi itu untuk blog berbayar/yang menggunakan sistem wordpress. Dalam tutorial tu, rmai juge (tak la ramai sangat kan..) meminta tutorial jika blog mereka adalah blogspot. Baru-baru ni saya google sikit info mengenai perkara ini. Jadi, untuk pengguna blogspot sekalian, mari kita tengok..

FAVICON

Boleh diletakkan pada browser, yang mana bila alamat blog anda ada di browser, favicon pilihan anda akan menjelma disisi alamat tersebut.

LANGKAH

A) MEMILIH/MEMUAT NAIK GAMBAR (Upload la…)

  1. Pilih mana-mana gambar yang anda suka untuk dijadikan favicon anda.
  2. Log in ke Picasa (secara automatik ada jika anda ada akaun blogspot). Log in menggunakan username dan password sama seperti akaun blogspot anda.
    picasa
  3. Jika anda belum pernah membuka akaun Picasa, sedikit informasi perlu dimasukkan, nama awal dan akhir anda.
  4. Tekan ‘I Accept’
    accept
  5. Pilih mana-mana gambar yang anda suka. Gambar yang sedia ada adalah dari blog anda. Jika inginkan gambar lain, sila ‘upload’
  6. Pilih gambar anda dan klik kanan. Pilih ‘View Image Info’
    link image
  7. Pada info gambar ada satu link iaitu ‘Location’. Copy link location gambar tersebut.

Oh ye, selain Picasa, de lagi penyedia upload image yang lain seperti Flickr dan Photobucket.

B) MEMBUAT FAVICON DI BLOG

  1. Log in akaun blogspot anda.
  2. Pilih ‘Layout’ dan “Edit HTML’
  3. Pada css dalam Edit HTML tu, sila cari ayat ini (berdekatan dengan bahagian atas HTML).
    <title><data:blog.pageTitle/></title>
  4. Tekan Enter dan masukkan ini <*>
  5. Copy dan Paste perkataan di bawah ini
    <link href=’*’ rel=’shortcut icon’ type=’image/x-icon’/>
  6. Sila gantikan * dengan link image yang anda copy di atas (Langkah no.7 bahagian A)
  7. Save changes yang anda buat dan lihat perubahan pada blog anda.

Jadi, pada mereka yang bertanya, soalan anda sudah saya jawab. Harap-harap tutorial kali ini dapat membantu anda. Cuba dulu ye..

Million credits to: eHow

@fiezaradzi.com – selamat mencuba buat pengguna blogspot

Related Post

Ada yang nak tinggalkan pendapat , atau jejak di sini?.

16 Responses to “Tutorial Favicon untuk Blogspot”

  1. azizan4444 says:

    senang jgk ye nk bt bnda ni..hehe..ngtkn ssh..
    .-= azizan4444´s last blog ..Va The greatest songs of the 80s – Atrium =-.

    [Balas]

    hafizmd Reply:

    @azizan4444, itulah..sebenarnye antara kite nak belajar atau tak nak ajer kan?
    .-= hafizmd´s last blog ..Gali-Gali Contest =-.

    [Balas]

    fiezaradzi Reply:

    @azizan4444, tul tu azizan, yg ptg.. kerjasama.. hehe, yg ptg kita nak tau & nak blaja..
    .-= fiezaradzi´s last blog ..Tutorial Favicon untuk Blogspot =-.

    [Balas]

  2. Wan Perlis says:

    yup tak susah pun.
    semudah air batu campur
    dah buat pun
    .-= Wan Perlis´s last blog ..Lari Ikut Teman Lelaki – Berapa Harga Seorang Wanita? =-.

    [Balas]

    fiezaradzi Reply:

    @Wan Perlis, tul tu.. byk info sebenarnya, cuma kita rajin cari ke tak je..tapi byk info in english, susah nak translate2 ni.. saper tak nak kerja mudah kan..
    .-= fiezaradzi´s last blog ..Tutorial Favicon untuk Blogspot =-.

    [Balas]

  3. suri says:

    salam fieza..thanks sb sudi masuk blog suri..blog anda habat nampaknya..harap bolhlah kita link..
    terima ksh atad tutorial tsbut sb suri pun sdg bljar bt blog dalam blogspot..walaupun suri ada blg berbayar namun bg suri kemahiran..belajar itu juga amt penting dlm memahami dunia blog…

    [Balas]

    fiezaradzi Reply:

    @suri, tul tu suri..blaja lebih tak pe.. ye lah, klau orng tnya, leh la kita tlg2 kan..
    leh je tukar link.. saya add awak ek..
    .-= fiezaradzi´s last blog ..Tutorial Favicon untuk Blogspot =-.

    [Balas]

  4. [...] nie tapi macam biasa la Sharing is Caring . Oh yang untuk pengguna setia blogspot tue boleh la check link nie . Sorry la aku tak buat tutorial untuk korang eh sebab aku tak guna wordpress and nampak macam [...]

  5. panic says:

    Thank you very much for the tutorial. I’ve just begun with this stuff. You are very nice to post such nice guide.

    [Balas]

  6. Azriff says:

    Salam…
    Ermmm…. sebenarnya sy masih gagal nak buat benda ni..
    Huhuhu2.. kurang pandai la bab nak copy2 edit HTML tu..

    cube tgk betul x care sy copy ni… still gagal

    http://lh6.ggpht.com/_gjLliFvIqZg/TJJf10R0raI/AAAAAAAAAXg/V3YuHSemOK8/pSi.jpg

    salah ehy?

    [Balas]

    fiezaradzi Reply:

    @Azriff, kat mana saya nak tgk ek..tak leh la.. lau ikut arahan kt atas tul2, mesti ok..

    [Balas]

  7. syam says:

    bagusnya website ni

    [Balas]

    fiezaradzi Reply:

    @syam, thanks

    [Balas]

  8. din says:

    em tumpang tanya ek..step 4 ngan 5 tu cmne ye..kena letak yg 4 pastu masukkan link step 5 ke??
    .-= din´s last blog ..Nafas Baru =-.

    [Balas]

    fiezaradzi Reply:

    @din, yang no 5 tu gantikan pada < *> (no.4).. okay tak?

    [Balas]

  9. nadiah says:

    Salam..nak tanya sikit..huhu

    cara letak code2 tu camni ea?

    yg akak sebut “tukar * kpd link” yg dah dicopy tu, utk dua2 tanda * ke ek?
    cz sy dah wat. tetap takleh..html tak lengkap..huhu..nape ek?..
    sy tulis cenggini :

    tak jd. then sy wt camni lak:

    tak jd jugak..camne ek kak?..huhu..:(
    .-= nadiah´s last blog ..Mulianya Muharram! =-.

    [Balas]

Leave a Reply

CommentLuv badge


Geng Kedai,gengkedai.blogspot.com,direktori blog malaysia