Back to hometown..

ooowww...blik kmpg...ooowwwhh blik kmpg....hehehe...nk blik kmpg kejap lagi..jadi terpkse bia blog nie berhabuk jap...lau kowg rajin..sila2 lah bersihkn habuk2 kt blog nie ye...tiup slow2 cm nie..fuhhh~~fuhhh~~
membantu itu sangat baek..hehehe...
xp b4 tu..syiqa nk buat tutorial jap erk..hehehe....
tuto nie cik fatma diyana yg mintak..dy tnya saya...so nk ajar lh kn...
tuto cm ne nk buat yg tab turun nak yg sy letak pic fmly saya 2 kn.....oklah jom kte mula..
duuup2~~duupp2~~debar lak ase 1st time buat tuto....


JOm StaRt~~


1) Dashboard > Design > Add Gadget > HTML/Javascript.
Copy then paste code bawah ni dekat situ

 <style type="text/css">

h5 {

font-family: trebuchet-ms, arial, tahoma;

font-size: 13px;

padding: 0 0 1em;

font-weight:bold;

color: #ffffff;

}

.msg_list {

list-style: none;

margin: 0;

padding: 0;

width: 100%;

}

.msg_head {

padding: 5px 10px;

cursor: pointer;

position: relative;

background-color:#FFB6D6;

margin:1px;

-moz-border-radius: 35px;

border-radius: 35px;

}

.msg_body {

padding: 5px 10px 15px;

background-color:#FFFFFF;

}

</style>

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

<script type="text/javascript">

$(document).ready(function()

{

//hide the all of the element with class msg_body

$(".msg_body").hide();

//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked

$("#firstpane h5.msg_head").click(function()

{

$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");

});

//slides the element with class "msg_body" when mouse is over the paragraph

$("#secondpane h5.msg_head").mouseover(function()

{

$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");

});

});

</script>

<div class="msg_list" id="secondpane">

<h5 class="msg_head">Tajuk 1</h5>

<div class="msg_body">

<center>

Isi dalam tajuk 1</div>

<h5 class="msg_head">Tajuk 2</h5>

<div class="msg_body">

Isi dalam tajuk 2

</div>

<h5 class="msg_head">Tajuk 3</h5>

<div class="msg_body">

Isi dalam tajuk 3</div>

</div>

Pink tu warna tulisan kat tab menu tu.
Warna Biru ialah background tab menu.
Warna purple pulak untuk background isi tab menu tu. 
Yang wane hijau 2 ikot kowg lah nk tulis apa pown...

Tajuk depend pada kowg....ap isi dlm tajuk 2 pown ikot sukalah k..

if kowg nk kot wane sila tekan sini


Actly tuto nie dari cik afiqah...so nk tgk tuto laen sila ke blog dia k..:D

---

Cetusan Hati Ke Hati..Terima kasih sudi membaca..I love u all..^_^

---