01
Jun

Tutorial: Tukar warna highlight text dan plugin facebook ‘like’ button

Filed in Tutorial

Hai. Hari ini I ada hati yang baik (perasan) nak buat tutorial. Tutorial kali ini simple sahaja. I dah tanya dekat friendpages Facebook, tapi ada beberapa orang je yang request tutorial dekat situ. Niat nak buat tutorial ni bila ada orang email dan minta I ajarkan cara nak tukar color bila highlight text. Contohnya macam gambar ni:

Text selection color

Cara tukarkan warna highlight text.

Untuk pengguna Blogspot, macam biasalah you guys kena pergi Dashboard > Layout > Edit HTML. Then letakkan code dibawah ini pada mana-mana saja dalam HTML code tersebut.

::-moz-selection{
background:#000000;
color:#FFFFFF;
}

Pengguna WordPress juga boleh gunakan code di atas dan letakkan code tersebut dimana-mana pada style.css. By the way, you guys boleh tukar color code tu ikut warna favourite lah ye. Untuk color code, I suka pergi sini.

Plugin ‘Like’ button

Tutorial ini pula request daripada Ayong. Disebabkan Ayong adalah wordpress self-hosted user, I ajar cara untuk wordpress user lah eh? Kalau blogspot user tu dah banyak sangat tutorial sana sini, tapi I nak recommend tutorial dekat blog kawan baik I ni.

Actually, ada cara manual tau untuk ‘Like’ button ni. Tapi I dah tak ingat camana entah Cik Chokilala ajar dekat shoutbox. So I bagitahu nama plugin yang I guna jelah ye? Hihi.

like button

Nama plugin button ‘Like’ ni adalah FBLikeButton. Click sini untuk install. Credit untuk Liliana Mardiana sebab bagitahu I pasal plugin ni. UPDATE ; Ini tutorial untuk buat secara manual :)

Simple kan tutorial I kali ni? Siapa suka atau tak suka, boleh LIKE. Tak kira, I paksa :P Siapa nak request tutorial, bolehlah contact I dekat friendpages Facebook I.

25 Responses to “Tutorial: Tukar warna highlight text dan plugin facebook ‘like’ button”

  1. LiyanaNo Gravatar
    01Jun

    phewitt cikguu ;p hihi
    ada org tanya buat highlite text tu juga tapi tak ingat dekat mana i dapat T________T
    .-= Liyana´s last blog ..Cita² saya musnah selepas isu crocs berinspirasi kalimah allah. =-.

    [Reply]

    RaraNo Gravatar Reply:

    @Liyana, hoi baby, terkejut i, i tak perasan post ni dah keluar HAHAHA. i buat schedule sebenarnya. haa ada orang rekues juga dekat u, siapa siapa? orang yang sama ke? hihihi. i dapat dekat website budak filipino tadi :hee:

    [Reply]

  2. AyongQielaNo Gravatar
    01Jun

    thanx syg tolong ii :D
    .-= AyongQiela´s last blog ..Life is amazing… =-.

    [Reply]

    RaraNo Gravatar Reply:

    @AyongQiela, welcome syggg :p

    [Reply]

  3. aMyNo Gravatar
    01Jun

    thanks for sharing rara :heart:
    .-= aMy´s last blog ..• cubaan • =-.

    [Reply]

    RaraNo Gravatar Reply:

    @aMy, welcome amy :lalala:

    [Reply]

  4. MieyaNo Gravatar
    01Jun

    Sebenarnya dah lama nak tanya pasal button LIKE tapi malu pulak nak tanya. Maklumlah, mieya kan pemalu. *pengsan :haha:

    Apapun, thank you mummy merangkan sifu! *tunjuk ajar ku sifu (perlu ke nyanyi) :muah:
    .-= Mieya´s last blog ..7 things =-.

    [Reply]

    RaraNo Gravatar Reply:

    @Mieya, eleh mengada tau malu nak tanya, nasib baik tak sesat jalan. HAHA banyak plugin untuk like button ni tak berfungsi kan. fatal error :) welcome sayang. jangan nyanyi, kakrara tak layak digelar sifu lagi :aww:

    [Reply]

  5. .gud tutorial babe ^^
    .-= intanurulfateha´s last blog ...Music code untuk blog ^^ =-.

    [Reply]

    RaraNo Gravatar Reply:

    @intanurulfateha, thanks babe. simple sangat kan? :huh:

    [Reply]

  6. wah menarik-menarik..saya pun baru je letak button like bulan lepas..huhu
    .-= Faisal Abdullah´s last blog ..Facebook Website No1 Di Dunia!! =-.

    [Reply]

    RaraNo Gravatar Reply:

    @Faisal Abdullah, thankyou sebab cakap menarik. eh eh yeke? best kan ada button like tu, walaupun takdalah membantu sangat dari segi traffic, tapi at least seronok main tekan-tekan dia HAHAHA :hikhik:

    [Reply]

    Faisal AbdullahNo Gravatar Reply:

    @Rara, xdelah.membantu jgk sbnrnya.jika awak perasan,bila kita tkan like button,benda tu akan kuar kat FB..so leh dpt visitor jgk tu.=)
    .-= Faisal Abdullah´s last blog ..Facebook Website No1 Di Dunia!! =-.

    [Reply]

    RaraNo Gravatar Reply:

    @Faisal Abdullah, yelah, i cakap ‘takdalah membantu sangat’, macam kuranglah mendapat visitor dari tu, sebab bila ‘like’ akan keluar dekat pages kita je. dekat wall home tu tak keluar kan? so friends macam taktahu pun pasal kita ‘like’ tu :)

    [Reply]

  7. neodmarcoNo Gravatar
    01Jun

    hari tu dah pasang like button ni tapi dah buang,tapi rasa macam nak pasang balik la..huhu
    .-= neodmarco´s last blog ..Keyword Ariffshah Dan Kujie.com Terbongkar! =-.

    [Reply]

    RaraNo Gravatar Reply:

    @neodmarco, pasanglah balik, best apa :aww:

    [Reply]

  8. Piston PecahNo Gravatar
    01Jun

    blogspot banyak sangat tutorial kan?

    cuma nak taw beza tutorial like nih dengan FB like button?
    .-= Piston Pecah´s last blog ..Alamak! Siri 2 – Mulai 1 Jun 2010,10.30 Malam =-.

    [Reply]

    RaraNo Gravatar Reply:

    @Piston Pecah, yup, banyak sangat tutorial, hihi. err maksudnya camana ni? soalan kau tak jelas la.

    [Reply]

  9. SyafrizalNo Gravatar
    01Jun

    rajinnya u godek2 kod Facebook button tu
    kalau i dah malas dah hehe
    .-= Syafrizal´s last blog ..Tesco disaman RM1.6 juta kerana jual ayam tak halal =-.

    [Reply]

  10. .::wanie::.No Gravatar
    01Jun

    ei wani tak reti u nak godek2 ni sume ..boleh baca tutorial jelah tak berani buat sendiri
    .-= .::wanie::.´s last blog ..Eh malas pikir tajuk lah =-.

    [Reply]

  11. syahrilhafizNo Gravatar
    01Jun

    yeah akhir nya jumpa jugak..

    [Reply]

  12. MonsterkecikNo Gravatar
    01Jun

    Kak Rara,yang highliht text tuu nak paste dekat mana-mana tu maksudnye ikut sukati kita ke?
    Dah try buat tapi tak jadilah,HAHA. :h:

    [Reply]

  13. qalishNo Gravatar
    01Jun

    waaa menarik info disini yer…
    qalish´s last [type] ..Tutorial untuk membuat ruangan forum

    [Reply]

  14. Cikgu SyahirNo Gravatar
    01Jun

    thanks, dah lama cari info ni. nasib baik jumpak kat sini :)
    Cikgu Syahir´s last [type] ..SUKMA-NEGERI SEMBILAN-PERLIS DAPAT EMAS PERTAMA

    [Reply]

  15. Siti web a lugano…

    [...]Tutorial: Tukar warna highlight text dan plugin facebook ‘like’ button | Raracandyfloss[...]…

Leave a Reply

CommentLuv badge
:j: :i: :h: :g: :f: :e: :d: :c: :b: :a: