Tutorial Favicon untuk Blogspot

Mar
2010
05

ditulis oleh dalam Tutorial

16 komen

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 Posts Plugin for WordPress, Blogger...

Tags: , , , , , , , ,

16 comments

  1. azizan4444
    March 6, 2010 at 5:10 pm
    # 1

    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:
    March 7th, 2010 at 1:22 am

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

    [Balas]

    fiezaradzi Reply:
    March 8th, 2010 at 10:40 am

    @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
    March 8, 2010 at 11:03 pm
    # 2

    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:
    March 9th, 2010 at 10:39 am

    @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
    March 10, 2010 at 11:03 pm
    # 3

    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:
    March 11th, 2010 at 9:01 am

    @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. panic
    September 1, 2010 at 4:19 pm
    # 4

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

    [Balas]

  5. Azriff
    September 17, 2010 at 4:06 am
    # 5

    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:
    September 20th, 2010 at 10:44 am

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

    [Balas]

  6. syam
    October 9, 2010 at 5:01 am
    # 6

    bagusnya website ni

    [Balas]

    fiezaradzi Reply:
    October 11th, 2010 at 1:20 pm

    @syam, thanks

    [Balas]

  7. din
    October 14, 2010 at 11:45 pm
    # 7

    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:
    October 15th, 2010 at 12:00 pm

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

    [Balas]

  8. nadiah
    December 15, 2010 at 10:52 pm
    # 8

    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]

Trackback & pingback

  1. Tutorial pasang Favicon kat blog. | nik amirul
    [...] nie tapi macam biasa la Sharing is Caring . Oh yang untuk pengguna setia blogspot tue boleh la check ...

Tinggalkan Pendapat

CommentLuv badge