• Dashboard >>> Tata Letak >>> Tambahkan Gadget >>> HTML/Javascript
• Copy kode di bawah

<style>

a.navigation{
background:#eee;
width:250px;
height: 25px;
display:inline-block;
text-align:center;
color:#000;
margin-bottom:2px;
font:20px Delius;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding:1px;
cursor:pointer;
}

a.navigation:hover{
background:#000;
color:#FFFFFF;
}

 </style>
<div style="width:250px;">


<center><a class="navigation" onclick="document.getElementById('pinkeu').innerHTML=document.getElementById('1').innerHTML" >What 1</a>
<a class="navigation" onclick="document.getElementById('pinkeu').innerHTML=document.getElementById('2').innerHTML" >What 2</a>
<a class="navigation" onclick="document.getElementById('pinkeu').innerHTML=document.getElementById('3').innerHTML" >What 3</a>
</center>

<div id="pinkeu" style="margin-top:5px;width:230px; padding:10px; border:0px dashed #000;">
</div>

<div id="1" style="display: none;">
Put anything here 1
</div>

<div id="2" style="display: none;">
Put anything here 2
</div>

<div id="3" style="display: none;">
Put anything here 3
</div>

• Paste >>> Edit >>> Save

Labels: ♫ Tutorial, navigation