Tuto : Auto Hide Menu

Step 1 ;-

Go to >> Design >> Edit HTML

Download Full Templates [for backup]

Tick Expands Widget Template

CTRL + F , search =

</head>

• Copy kod dibawah & letak di atas kod </head>.

<style type="text/css">
.texthidden {display:inline}
.shown {display:block}
</style>

<script type="text/javascript">
document.write('<style>.texthidden {display:none} </style>');
</script>

<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="shown") {
whichpost.className="texthidden";
}
else {
whichpost.className="shown";
}
}
</script>

Step 2 ;-

• Go to >> Page Element >> Add a gadget >> Html / Javascript
• Copy & Paste kod berikut :
  

<ul><a href="javascript:void(0);" onclick="expandcollapse('keyword')"> <h4>[+/-] PESANAN SILAMPUNEON</h4></a></ul>
<ul class="texthidden" id="keyword">
<center>* WRITE SOMETHING HERE *</center>
*</center>
</ul>

<ul><a href="javascript:void(0);" onclick="expandcollapse('button')"> <h4>[+/-] CREDIT </h4></a></ul>
<ul class="texthidden" id="button">
<center>* COPY CATS ARE ALLOWES HERE. PLS CREDIT SOME BACKLINKS TQVM*</center>
*</center>
</ul>

• Edit perkataan warna KUNING. Perkataan warna merah ni mesti sama, kalau tak autoslide menu takkan berfungsi. Perkataan warna merah ni jugak tak digalakkan kalau korang letak nombor, guna perkataan je ok.

• Edit perkataan warna HIJAU dengan tajuk menu korang.

• Edit perkataan warna OREN dengan perkataan, code, widget, gambar atau apa sahaja yang korang nak ada dalam auto hide menu ni.
  


• Preview dulu.


• Dah betul pasti. Save. and DONE :D
  

---

Click on LIKE button or leave your comment. TQ

---