Perfectly Imperfect //
Disclaimer
Short Profile
Dashboard +Follow

The site welcomes colorful and bright people! but if you are RIPPERS! , SPAMMERS or HATERS , i will kick you out of my site! other than that... feel free to roam around!

Extras
Hot Clicks





Tagboard
Talk To Me


Followers
Be My Friends

Instagram
My Other Site

Credits
Big Claps

Template is 100% made by Fazeera Kahar
All rights reserved ® Fazeera Kahar 2011-2013.
Best view in Google Chrome


posted on Sunday, August 14, 2011 | Add comment [0]


oke . tuto faz kali ni bkaitan dgn dropdown tab menu . macam mane tu ?
err . sorry la . bole nak printscreen .

try je buad dulu . kalau suka save .


1. Bukak Dashboard > Design > Page Elements > Add a Gadget > HTML/ Java Scripts.

2. Tanpa ragu, korang copy segala macam kod di bawah ni di dalam HTML/Java Scripts tadi.

<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:#FF6699;
margin:1px;
}
.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">


MASUK KOD KORANG


</div>

<h5 class="msg_head">TAJUK 2</h5>
<div class="msg_body">


MASUK KOD KORANG


</div>

<h5 class="msg_head">TAJUK 3</h5>
<div class="msg_body">


MASUK KOD KORANG


</div>

</div>


3. Masukkan kod Shout box, Formspring box or lain2 lagi dekat MASUK KOD KORANG . Tajuk boleh letak di TAJUK 1, 2 dan 3.
4. kod warna bole picit SAYA COMELL haha.
5. Save. Dah siap.


Post a Comment