Author
Hi I'm a sixteen years old girl from Indonesia. Stalk me here.
Tutorials
All the list of tutorials, please click here. Thank you.
Credit
Tempelate by yours trully. Do not open my page source. I will respect you if you're respect me.

Simple Navigations Tab // Tuesday, November 8, 2011





Tutorial ini direquest oleh:



Ini lho yang dia maksud:



Sorry, gambar bukan Lettha yang printscreen, tapi Vanny :D *malas mau printscreen* bhahahahahaha xD



Ok, back to tutorial. Kalau kamu mau buat, ikuti steps ini:



Dashboard >>Design >>Page Element >>Add Gadget (HTML/Javascript)




Pastekan kode ini:



<span class="Apple-style-span" style="font-family: verdana, arial; font-size: medium; "><span id="nav" style="font-size: 13px; font-family: serif; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color:#000000; color: #FFFFFF;  text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: pointer; "><a href="LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">KALIMAT MU</a></span> 
<span id="nav" style="font-size: 13px; font-family: serif; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #000000; color: #FFFFFF; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: pointer; "><a href="LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">KALIMAT MU</a></span> 
<span id="nav" style="font-size: 13px; font-family: serif; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #000000; color: #FFFFFF; text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: pointer; "><a href="LINK" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">KALIMAT MU</a></span></span>


BELAJAR !

- Biru itu ganti dengan kalimatmu sendiri. Misalnya: Home, Tutorials, About, dll

- Oranye itu link dari setiap kalimat kamu tadi

- Merah warna background tabs

- Pink warna text tabs



Kalau mau ditambah menu yang lebih banyak lagi, tinggal menggandakan kode kode tersebutt. Gampang kok.



Good Luck ;)