4 April 2012

Tutorial Floating Tab Menu ( Kiri / Kanan )

Assalamualaikum ! ^O^
How was your day people ? Erm actually korang rasa tak minggu ni
macam lambat je nak Sabtu ? Cehh Daya nak cuti cepat nih . Haha penat kan ?
Siapa setuju sila gerak-2 kan kening korang . Wee dah gerakkan ?
*dah boleh berhenti dah kan -..-



Sahabat-2 semua nampak tak Daya bulatkan dalam gambar tuh ?
Haa harini tulaa yang Daya nak ajar korang .
Ready ? Get set . Go ! ^^


 Dashboard >> Design >> Add a gadget >> Html/JavaScript

 Copy paste code ni dalam ruangan Html/JavaScript tadi tu

<style type='text/css'>
 
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

 a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:140px; right:-12px;'>
<a class='linkopacity' href='LINK KORANG !' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Home :)'><img border="0" src="URL Image 1" /></a><br />
<a class='linkopacity' href='LINK KORANG !' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Owner :)'><img border="0" src="URL Image 2" /></a><br />
</a><br />
</div>


 Merah : samaada right ataupun left . Ikut yang korang nak laa .
 Biru : Letakkan link yang korang . Home ke Tutor ke .
 Pink : Okay yang ni ikut korang laa kalau link tu link untuk home so tulis 'Home' laa . Nak tulis bahasa Melayu ke Korea ke . Suka hati laa :P
 Hijau : Yang ni gambar yang korang dah edit tu .. Tak tau nak edit macam mana ? Ikut laa tutorial >> INI <<

 Kalau nak tambah gambar korang just tambah code ni sebelum </a><br />
</div> ::

<a class='linkopacity' href='LINK KORANG !' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Owner :)'><img border="0" src="URL Image 2" /></a><br />

Harap-2 korang faham laa apa yang Daya ajar ni . Actually Daya kelam kabut ni sebab dah lama tak ajar tutorial kan . So tibe-2 ada penyakit bergetar tiba-2 tu . Haha ! Kayy pape jelaa .

Enjoy the tutorial . Have a nice day today , tomorrow and forever :)


10 comments:

Tieah Madian said...

Terbaek r.. Rajin nak buat semua ni..

Daya The Sixth ! said...

@Tieah Madian Terima kasih . Enjoy laa yep ><

♥ Nabilalicious ♥ said...

Good !

♥ Nabilalicious ♥ said...

Good !

faeza eighteverlens said...

Woww byk juga tutorial kat sini..thnks :)

Love Machines said...

Kak daya nak tanya... Macam mana nak tukar Floating Tab Menu kat Blogskin .. http://shrfhzulaikhaa.blogspot.com/ Ni haa

RHUFINE SHOP said...

hye daya,..saya dh 4low awk pny tutorial ni..tpy bile saye click,page ade,content plax yg tade..
mcm mne erh??

roziahojijie said...

Woaaaahhh !! JAdik la Daya !! Tenkiu so much Daya ! :D

Tieyz said...

Akak , mcam mne nk bgi dy bwah sikit ek ? (blas at shoutbox blog dik) Thankss :) http://strawberrypinkycookie.blogspot.com/

Najiah Shaharain said...

berjaya..terima kasih..:P