22 June 2011

Tutorial : Simple Colored Tab

Assalamualaikum. FH (FaqihahHusni) Minta maaf sebab jarang online. Maklumlah. Budak baru 11 tahun. So, Kihah minta maaf kepda yang request tutorial, FH tak tunaikan. Sorry. =,=

Ok.. Tutorial ini direquestkan oleh seseorang. Kalau tak silap, di shoutmixt Kihah. 

Before kita start, korang tahu tak ape tuh.  Simple Coloured Tab? Alah. Yang Facebook I  Facebook II Twitter  kat Owner tu lah. (22.6.2011)

Dashbord > Design > Add A gadget > HTML/JavaScript

Ctrl+C serentak untuk copy. Pastekan diruangan HTML/JavaSript tadi.

<span class="Apple-style-span" style="font-family: verdana, tahoma, sans-serif; font-size: medium; "><span id="nav" style="font-size: 11px; font-family: Arial; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 177, 177); color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: pointer; "><a href="http://URL.com" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">PROFILE</a></span> <span id="nav" style="font-size: 11px; font-family: Arial; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 177, 177); color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: pointer; "><a href="http://URL.com/" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">DIARY</a></span> <span id="nav" style="font-size: 11px; font-family: Arial; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 177, 177); text-align: center; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px; padding-left: 7px; padding-right: 7px; height: 21px; cursor: pointer; "><a href="http://URL.com" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">TUTORIALS</a></span></span>

Korang tukarkan ayat yang macam ni tuh http://URL.com dengan url/link page korang.

Warna biru tuh tukar dengan tajuk korang sendiri .Kemudian save..

Credit 

6 comments:

  1. tengsss ! Dah lame crik tuto nih . thnks soo muchh ..

    ReplyDelete
  2. thanks sangat-2 , seronok lah kalau jadi :D

    ReplyDelete
  3. qihah , x boleh ke nak buat transparent cm qihah tu ? ataupun background dia warna lain .?

    ReplyDelete

Your words defines you