Ichigo In Da House

@- Bukan Sekadar Blog -@

All
Zon Bebas
Tutorial
Perisian
- Browse more categories
- Zon Bebas
- Tutorial
- Perisian

Adding Tooltip To Your Label Link

Entri kali ni Ichi nak berkongsi dengan anda semua mengenai tooltips, apa itu tooltips dan juga bagaimana cara-cara untuk memasang tooltips di laman anda. Tooltips ni sebenarnya, kalau anda lihat pada gambar di atas pastinya anda sudah mengenali dan selalu lihat di laman-laman blog bukan. Mungkin ada di kalangan yang ingin memasang tooltip tetapi tidak tahu bagaimanakah untuk melakukan installasi tooltips ini di laman anda. Ok, jangan kecewa dan putus asa ok. Ichi akan berkongsi dengan anda cara-cara melakukan installasi tooltips pada blogspot dan juga wordpress, entri kali ni tidak pilih kasih okeh. Samada anda pengguna blogspot ataupun self-hosting wordpress anda akan berjaya melakukan installasi yang cukup senang. Nak tahu bagaimana untuk melakukan installasi ? Sila ikuti tutorial selanjutnya.

Installasi untuk pengguna blogspot

Klik gambar ni jangan tak klik sumber gambar dari auracyber.blogspot.com

Login akaun blogspot anda dan masuk ke layout seterusnya edit html. Tekan ctrl+f dan cari ]]>< /b:skin> seterusnya copy code di bawah dan pastekan sebelum ]]>< /b:skin>

/* Tooltips */
body div#toolTip{position:absolute; z-index:1000; min-width:auto; background:#1152c8; border:1px double #fff; text-align:center; padding:5px; min-height:1em; -moz-border-radius:5px}
body div#toolTip p{margin:0; padding:0; color:#ccc; font:11px/12px verdana,arial,sans-serif; font-weight:700}
body div#toolTip p em{display:block; margin-top:3px; color:#fff; font-style:normal; font-weight:normal}
body div#toolTip p em span{font-weight:700; color:#fff}

Seterusnya guna ctrl+f dan cari , salin code di bawah dan letak sebelum < /head> maksudnya kat atas dia la tu. Dah faham kan ?

Installasi untuk pengguna wordpress

Klik gambar ni jangan tak klik sumber gambar dari auracyber.blogspot.com

Untuk pengguna wordpress pula melakukan installasi tooltips ini amatlah senang, mudah dan cepat ini kerana anda hanya perlu memasukkan plugin ke dalam ../wp-content/plugin. Ichi telah mencodekan SweetTooltips dari blogspot ni kepada plugin untuk pengguna wordpress. Langkah pertama ialah download plugin SweetTooltips dan extract file tersebut ke dalam komputer anda dan upload ke ../wp-content/plugin dan activatekan plugin tersebut melalui admin wordpress. Senang bukan ? Selamat mencuba dan semoga berjaya, jikalau ada apa-apa masalah disebabkan plugin ini sila kemukakan di ruangan komen. Ichi telah test plugin ini sehingga ke versi terbaru wordpress iaitu 2.9.1 dan ianya compatible. Sekian untuk kali ini.

Download link SweetTooltips : SweetTooltips

Categories: Tutorial

6 February 2010 at 00:20 - Comments

wazy

wrote :

wah cmtu ek nk wat kat blogspot,huhu baru aku tahu,kalau kat wp just download plugi tu then aktifkan je kan,tq for sharing bro
wazy´s last blog ..Contest Baru Pulak