Hover Text Transform

@kujie pasang plug in ape yg letak link dan gerak cursor ke link tu dia jadi besar?

Kak Jie buka kaunter kejap untuk Joe.

Nama menatang tu dalam bahasa html  hover dan hover mouse pointer jadi besar tu nama dia text-transform.

Mana Kak Jie tau?

Entah, baca sana sini, faham sendiri². :lol:

1. Untuk Blogspot.

Dashboard > Design > Edit Html > Cari code hover – contoh macam kat bawah ni .

Guna Ctrl + F untuk senang nak jumpa code yang dicari.

Letak code text-transform: uppercase;
Kalau nak jadikan hover mouse pointer tu warna lain dari link asal, letak color: #0066B3; (tukar code warna mengikut tema)

Kemudian kalau nak hover sidebar pun kenalah cari css sidebar , contoh :

.sidebar .widget a:hover {
color: $(widget.link.hover.color);
text-transform: uppercase;
color: #0066B3;
}

2. Untuk WordPress

Appearance > Editor > Style.cc – contoh macam kat blog ini

Ini code contoh – boleh tukar warna , text decoration , ikut selera masing².

a:hover { color: #8E006B;font-weight:bold;text-transform: uppercase; text-decoration: none;}

nota :  saya mengoogle cari benda ini dan mencuba patlima kali baru jadi.  Maklumlah makcik² belajar tak formal.  Tutor ini bukan untuk web designer.

Selain segmen Berita Komuniti Kujie yang dikhaskan untuk hebahan umum bukan berbentuk perniagaan,  Hari Bertemu Pelanggan sehingga ke vol 10, saya ada segmen baru Tanya Kak Jie.  Kalau boleh bantu, saya tolong, kalau tidak kita sama² jerit help help help!:lol:

©kujie – Hari ni terkantoi dengan kakak ipar yang tiba² muncul depan pintu – saya pakai kain pelikat.  Kena usik  “rindu ke…pakai kain pelikat tu ?”  Kalau saya cakap tak rindu, agak² orang kat sana merajuk tak mau balik …hiks!

About Kujie

Pemilik tidak akan bertanggungjawab terhadap sebarang kerosakkan atau kehilangan yang dialami disebabkan oleh penggunaan maklumat di dalam laman ini. Jika anda memerlukan perkhidmatan nasihat yang khusus, sila dapatkan pakar bertauliah dan berpengetahuan di dalam bidang berkenaan.

Untuk biodata penuh boleh lihat di Biodata Kujie

Mereka Yang Berkongsi Rasa

  1. thanks.. berjaya lps cari blog BI. blog ni gak yang membantu.. hehe

    dari encik google
    Jom terjah post menarik dari muazfaris ..Kemaskini Borang Permohonan Matrikulasi sesi 2012/2013 dibuka untuk lepasan SPM 2011My Profile

  2. 10s kak jie..
    menjadikkkk.. yahoooo yabedabedooo
    Jom terjah post menarik dari leily ..Malang Memang Tidak Berbau –My Profile

  3. kak jie hebatlah. saya cuba ok.
    Jom terjah post menarik dari Hisyam ..Ujian Kecerdasan OtakMy Profile

  4. nak pakai gak ah nanti tips ni.. 😀 memang power ni. 🙂
    Jom terjah post menarik dari zuls ..pagerank profile twitter andaMy Profile

  5. hahahah! footnote mama jugak yang yonna pandang :p ecehh pakai kain pelikat.hahaa pelikkk, tapi tu je lah cara mengubat rindu 😆
    Jom terjah post menarik dari yonna ..Wordless Wednesday 1My Profile

  6. kak jie… lately agak tak sempat menjenguk kak jie.. rindu!
    Jom terjah post menarik dari Adzriel AB ..Trauma bawa sampai ke matiMy Profile

  7. kak ji compress css tu ok tak?sebelum n selepas.

  8. 😆 Tipa kali komen je, Puteri Mia ni mesti asyik kena tanya ngn Kujie;

    “kenapa tak letak gravatar kat kotak komen”

    Ooo… Puteri…, buat le gravatar tu. Nanti mentor kita ni ‘merajuk’ baru padan muka kita semua. 😳
    Jom terjah post menarik dari Abang Zul (9W2FLY) ..Saga Lebih Kuat Dari HondaMy Profile

  9. Lepas ini tentu bermacam warna ada ada yang biru, unggu, kelabu asap dan koning 🙂
    Jom terjah post menarik dari akubiomed ..Moh kita ke Pesta Buku Kelantan 2011My Profile

  10. ni hover tuk link ke ape?
    Jom terjah post menarik dari mijae ..Maria Ozawa- are you okayMy Profile

  11. wahhhh nice tuto ni

  12. Cabaran SEO says:

    hehe… sape yg minat godek2 coding blog sendiri cuba boleh la cuba… macam2 boleh buat… tp nak kena cari kat google dulu 🙂
    Jom terjah post menarik dari Cabaran SEO ..Masalah Yang Perlu DiselesaikanMy Profile

  13. ooo hover text ek.. penah dengau perkataan ni sedikit masa dulu.. tapi sebab tak follow maka tak ingat dan tak buat..
    bagus kak jie ajau benda2 html ni…

  14. Panduan yg menarik.. sebenarnya blh dipelbagaikan lagi ikut selera masing2.. cuma kene faham bahasa CSS ni.. 🙂 Lg pun ni dlm kategori design utk kurangkan ke simple lan blog tu.. 🙂 Simple mmg ok dan clean, tp kurang menarik.. Sbb mata kita lebih suka tgk benda yg cantik2.. 🙂
    Jom terjah post menarik dari Azuan ..Lose Your Costumers Get Your SEO Ladder’s ServicesMy Profile

  15. main ng css je ni kak jie…rajin2 la berfirebug…:)
    Jom terjah post menarik dari Mohd Isa ..Jom Memeriahkan Kejohanan Olahraga Tertutup UniMAP 2011My Profile

  16. best la kak jie, terima kasih untuk tip dan tutorial…
    Jom terjah post menarik dari aRoL ..Kereta Terbabas Tapi Alhamdullillah SelamatMy Profile

  17. puteraduyong says:

    wah…ilmu lagi ni…thanks kakjie…
    Jom terjah post menarik dari puteraduyong ..DI PONDOK USANGMy Profile

  18. Senang je…faham je hover tu apa…cari kat css code dia

  19. 😛 maza ni…. anak sapalah yg sopan santun gitu

  20. hehe..jangan pening kepala
    benda ni orang yang nak je cari 😆

  21. Kalau bagitau kat twitter pun boleh, tapi lebih seronok buat blog post…boleh share dengan kawan2 lain

    hehehe..kembang kuncup kembang kuncup…last2 tak kuncup2 dah 😆

  22. hahaha..tanya je lah. membebel tanda sayang

    ni nak membebel lagi, kenapa tak register gravatar.com lagi..letak gambar kat profile image kotak komen.

  23. Lama Kak Jie cari code ni…pernah tengok blog orang lain buat macam ni…. search sana sini, terjumpa juga pasal text transform ni 😉

  24. Padanlah dengan blog teknologi…ini blog makcik2 main code warna warni 😆
    kejap kembang kejap kuncup 😆

  25. blog saya sekadar buat hover jadi underline je..
    Jom terjah post menarik dari Anarm ..Games Kegemaran Anarm Ketika BosanMy Profile

  26. kak jie memang pandai…hehe…:)
    Jom terjah post menarik dari Mohd Isa ..Jom Memeriahkan Kejohanan Olahraga Tertutup UniMAP 2011My Profile

  27. dah lama nak tanya kak jie..tapi takut kak jie membebel lagi… :mrgreen:
    Jom terjah post menarik dari princessmia ..Telur direbus guna air kencingMy Profile

  28. saya akan cuba try , tq kak jie

  29. thank u kak jie!!!!
    dah buat kat blog dah
    hehe
    mengembang mengucup – suka tengok
    Jom terjah post menarik dari joegrimjow ..Nokia E7 Review 3 – Live update dengan nokia e7My Profile

  30. Mr Acai says:

    adeh.. peningnya tgk.. nak buat ape ni? tak fhm la aku..
    Jom terjah post menarik dari Mr Acai ..Monavie Mencantikkan KulitMy Profile

  31. Tadi Kak Jie try masuk wordpress.com yang dah bersarang tu…ada theme yang boleh Edit html, Dekat theme option ada Edit Css,, klik situ

    Cari theme yang ada optiong mcm Widgets,Menus , Theme Options , Background , Typekit Fonts atau Edit CSS

  32. Kalau wordpress.com ( free ) Kak Jie tak pernah cuba, css tak boleh edit kot… kalau wordpress.orf ( self hosted ) baru ada editor – baru boleh edit

  33. hahahha…. kalau ada suami tetiba isteri kain pelikat lain lak agaknya maksudnya kot.. hahaha

    oppss… tumpang lalu kakjie.. (sambil tunduk dan menghulurkan tangan kanan minta melintas … hehehe)
    Jom terjah post menarik dari maza ..Wadik Kahang si ikan pekasamMy Profile

  34. yes!!! terima kasih kak jie 😉
    Jom terjah post menarik dari chekgu naman ..Jadi Cikgu ni Mudah-Episod – Kontraktor DG41My Profile

  35. bleh try nih. orang cam saya ni mesti try banyak kali baru jadi kot.thanks kak jie
    Jom terjah post menarik dari nasslimdiet2 ..Header baru blog nas-alphalipidblogspotcomMy Profile

  36. salam kak jie..kenapa saya punya wordpress takde Editor pada Appearance dia..? Yang ada pun edit css tapi kena bayar kalau nak edit bagai. kalau yang free boleh yang original style je. maaf la saya tak tau.