x -tuto TAB menu DROP DOWN | Anys NADHILAH

-tuto TAB menu DROP DOWN

February 27, 2011

sebagai contoh bole tgk dekat side bar yang glitter2 gitu , ^_^(kemalasan na print screen)


1. Bukak Dashboard --> Design --> Page Elements --> Add a Gadget --> Pilih 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 DOAKAN ANYS KURUS HAHA.
5. Save. Dah siap.

*sys . promote la blog anys sekali , hehehe . dush , ~--

16 comments

  1. terima kasih !!!!!! akhirnyaaa dpt jugak buat :D

    ReplyDelete
  2. maybe template xsesuai.. biaq jer laaa ,, huhu

    ReplyDelete
  3. oho... menarik...
    nantilah ada masa baru boleh godeh2 blog OE tu...
    sebab OE buat benda memang makan masa...
    (n_n)

    ReplyDelete
  4. x jadi sgt laa..cube tgok blog sy..

    ReplyDelete

Latest Instagrams

© Anys NADHILAH. Design by FCD.