You are beautiful

Welcome to my blog.You want to Follow or go back Home.

Cute Navigate Button/Hover

Wednesday, December 28, 2011 @ 4:30 AM | 0 Comment [s]

Assalammualaikum + annyeong, chingu :)
\Bismillahirrahmanirrahim/ Hello everybody.Tuto kali neh ialah Cute Navigate Button/Hover. Kalau tuto neh tk menjadi jangan salahkan Aleeya yeah. Coz neh Aleeya cube dahulu T-T
1. Dashboard -> Design -> Edit HTML -> Tick Expand Widget Templates2. Tekan CTRL+F and search for code neh : #footer .widget {3. Tekan CTRL+C and copy code bawah neh :

#nav {display: inline-block;padding:3px;padding-left:5px;padding-right:5px;background: #E37895;font-size:11px;-moz-border-radius: 35px;border-radius: 35px;letter-spacing:.1em;border:2px solid #891A37;}#nav:hover {background-color:#FFC9D8;}#nav a:link {color: #710925;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}#nav a:visited {color: #FF8589;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}

4. Paste code atas neh dkt bawah code yang tadi korang carik.5. Save !6. Dashboard -> Design -> Page Elements -> Add A Gadget -> HTML/Java Script7. Copy code bawah neh :

<a id="nav" href="URL korang" title="Tajuk">Tajuk</a>

8. Paste code tadi dkt HTML/Java Script.9. Save !

Yang Aleeya warnakan BIRU, sila tukar dgn code color yang korang nak.
Yang Aleeya warnekan HIJAU, sila tukar ikut kesesuaian korang.
Yang Aleeya warnekan KUNING, sila tukar same ade solid, dotted, dashed or others.
Yang Aleeya warnekan MERAH, sila tukar dgn URL korang and tajuk yang korang nak sendiri.
Ooyeah, yang nombor7 tuh, setiap kali korang nak ade button tuh, korang kene letak berulang. Means, kalau korang nak ade 3 button, korang kene letak tiga code jugak mcm bawah neh :
<a id="nav" href="http://lalala.com" title="Lala">Lala</a> <a id="nav" href="http://contoh.com" title="Example">Example</a> <a id="nav" href="http://blogsaya.com" title="Blog">Blog</a>
Paham tak? Kalau tk paham tnye ye and kalau tk jadi bgtau. Kalau jadi pon bagitau :)

Older Post | Newer Post

Princess Charming

Puteri Aleeya

10 Years Old

SK taman bukit subang

Something I Like

Watching Movie

Hang out With Family

Do A Tutoiral

Play Games

Online

Cute Navigate Button/Hover

Wednesday, December 28, 2011 @ 4:30 AM | 0 heart[s]

#nav {display: inline-block;padding:3px;padding-left:5px;padding-right:5px;background: #E37895;font-size:11px;-moz-border-radius: 35px;border-radius: 35px;letter-spacing:.1em;border:2px solid #891A37;}#nav:hover {background-color:#FFC9D8;}#nav a:link {color: #710925;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}#nav a:visited {color: #FF8589;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}

4. Paste code atas neh dkt bawah code yang tadi korang carik.5. Save !6. Dashboard -> Design -> Page Elements -> Add A Gadget -> HTML/Java Script7. Copy code bawah neh :

<a id="nav" href="URL korang" title="Tajuk">Tajuk</a>

8. Paste code tadi dkt HTML/Java Script.9. Save !

Yang Aleeya warnakan BIRU, sila tukar dgn code color yang korang nak.
Yang Aleeya warnekan HIJAU, sila tukar ikut kesesuaian korang.
Yang Aleeya warnekan KUNING, sila tukar same ade solid, dotted, dashed or others.
Yang Aleeya warnekan MERAH, sila tukar dgn URL korang and tajuk yang korang nak sendiri.
Ooyeah, yang nombor7 tuh, setiap kali korang nak ade button tuh, korang kene letak berulang. Means, kalau korang nak ade 3 button, korang kene letak tiga code jugak mcm bawah neh :
<a id="nav" href="http://lalala.com" title="Lala">Lala</a> <a id="nav" href="http://contoh.com" title="Example">Example</a> <a id="nav" href="http://blogsaya.com" title="Blog">Blog</a>
Paham tak? Kalau tk paham tnye ye and kalau tk jadi bgtau. Kalau jadi pon bagitau :)

Older Post | Newer Post