1. Dashboard
2. Tata Letak
3. Tambahkan Gadget
4. HTML Java Script
5. Copy kode dibawah ini dan paste-kan
<style>-edit terlebih dahulu, untuk mempermudah klik link ini
.hyun ul{
background:url(URL BACKGROUND);
padding:5px;border:3px solid #ffe5e5;
border-bottom: 10px solid #ffe5e5;
text-align:center;width:225px;color:#555; height:30px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.hyun2 p{
text-align:left;
width:200px;
color:#fea5c2;
font-family: Short Stack;
}
a.lulu{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: url(URL CURSOR HOVER), wait;
background:#ffffff;
font-family:Delius Swash Caps;
font-size:18px;
padding-text:1px;
width:20px;text-decoration:none;
border:3px solid #ffe5e5;
color:#000;
width: 35px;
height:25px;
display:inline-block;text-align:center;
-moz-border-radius-bottomleft: 35px;
border-bottom-left-radius: 35px;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
}
a.lulu:hover{
border:3px dotted #ffe6e5;
color:#000;
background:#fff5f5;
}
</style>
<center><div id="hyun" class="hyun"><ul>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('1').innerHTML" title="TOOLTIP" >1</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('2').innerHTML" title="TOOLTIP" >2</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('3').innerHTML" title="TOOLTIP" >3</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('4').innerHTML" title="TOOLTIP" >4</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('5').innerHTML" title="TOOLTIP" >5</a></ul>
<div id="word" style="width:216px; border: 2px solid #ffe5e5;background:#ffffff;padding: 10px; border-radius: 4px 4px 20px 20px;"><center>YOUR TEXT/CODE </center></center></div>
<div id="1" style="display: none;">
YOUR TEXT/CODE
<div id="2" style="display: none;">
YOUR TEXT/CODE
<div id="3" style="display: none;">
YOUR TEXT/CODE
<div id="4" style="display: none;">
YOUR TEXT/CODE
<div id="5" style="display: none;">
YOUR TEXT/CODE
</div></center>
6. Save
Good luck guys! Ingat ya, repost wajib full credit!
BalasHapusشركة تسليك مجارى براس تنورة
شركة تنظيف موكيت بالخفجى
Click to see the code!
To insert emoticon you must added at least one space before the code.