Tuto camana nak buat MENU BAR cumel . . :)

Selamat Petang . .  :) 


ok .   hari nie . .  dengan RAJIN dan SEMANGATnya aku untuk membuat TUTO nie disebabakan oleh permintaan Cik Madu yang COMEL loteh je . . . ^^,

ok . . . wahai Cik Madu . .  tuto nie khas untuk anda ye . . . :)


eyp . . . BACE NIAT dulu ye . . . baru la niat untuk buat tu JADI ! hahahah.  .

Dashboard > Layout > Add Gadget > HML/JavaScript 

NOTE : 

ctrl + c = copy

ctrl + v = paste

p/s : korang kena pakai keyboard k . .  sebab blog aku ni NO RIGHT CLICK !

lepas dah add gadget . . . COPY CODE kat bawah nie . . n PASTE kat tempat yang SEPATUTNYA  . .  :)

<style>

#container {

width: 100%;

margin: 0px 0px;

padding: 0px 0px 40px 10px;

}

ul, li {

margin: 0; padding: 0;

}

#blob {

border-right: 1px solid #FF75C4;

border-left: 1px solid #FF75C4;

position: absolute;

top: 0;

z-index : 1;

background: #A9D0F5;

background: -moz-linear-gradient(top, #FA5858, #FA5858);

background: -webkit-gradient(linear, left top, left bottom, from(#FA5858), to(#FA5858));

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

-moz-box-shadow: 2px 3px 5px #011331;

-webkit-box-shadow: 2px 3px 5px #011331;

}

#lava-lamp {

background: url(URL BACKGROUND) repeat;

float: left;

border: 2px solid #FA5858;

margin: 0px 0px 15px;

padding: 8px 3px 10px 0px;

}

#lava-lamp li {

float: left;

list-style: none;

border-right: 1px solid #4a4a4a;

border-left: 0px solid #4a4a4a;

}

#lava-lamp li a {

color: #000000;

text-shadow: 0 0px 1px #81807B;

position: relative;

z-index: 2;

float: left;

font-size: 13px;

font-family: arial, sans-serif;

font-weight: bold;

text-decoration: none;

padding: 0px 20px;

}

</style>

<div id="container">

<ul id="lava-lamp">

<li id="selected"><a href="URL ANDA">HOME</a></li>

<li><a href="URL ANDA">AWARD</a></li>

<li><a href="URL ANDA">TUTORIAL</a></li>

<li><a href="URL ANDA">MORE</a></li>

</ul></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script type="text/javascript" src="https://sites.google.com/site/jquery01/jquery.spasticNav.js"></script>

<script type="text/javascript">

$('#lava-lamp').spasticNav();

</script>

yang warna PINK tuh . . . letak la BACKGROUND ape2 yang korang suke macam kat SINI . . 
warna MERAH pulak . . . letak URL pae yang korang nak CAMPAK kat situh . .  hahaha . . . :p
BIRU pulak .  . boley tukar ayat yang mcam korang nak  ! hauaahahaha . . .


btw . . . SELAMT MENCUBA ye . . . ^^,

---

Indahnya bicaramu, seindah rupamu yang menawan

---