Tab Menu Cute

 

 

 

 

1. Dashboard - Design - Add a gadget 

2. Letakkan kod menu tab bawah ni dan paste dekat gadget HTML. 

<style>
a.jeonjin1 {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
display:inline-block;
font:12px tt;
text-align:center;
width:100px;
height:10px;
color:#fa32a9 !important;
padding:5px;
padding-top:15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Yr4t4RRO0atV9REYGEEv18fur-nGvpO81_Td0LaFzFvUc46tDvVgdg8DmbcBCoHFgwJ56c9gC0nHwjC5wtglCJ_InMz64ckAej4XqyA93jLkOed1ng5Zt4N2EJV1Nbh0-zUbJtfcQOc/s1600/red.png);
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border:3px solid #F08080;
border-bottom:none;

}
a.jeonjin1:hover{
background: #fff;
color:#333 !important;
}
@font-face {
font-family:verdana;

}
</style><center>

<a class="jeonjin1" href="http://www.blogger.com/home" title="dashboard">DASHBOARD</a>

<a class="jeonjin1" href="http://hairuliza-anakku.blogspot.com/" title="about">HOME</a>

<a class="jeonjin1" href="http://tutorial-bloglist.blogspot.com/search/label/Tutorial%20Blog" title="tutorial">TUTORIAL</a>

<a class="jeonjin1" href="http://hairuliza-anakku.blogspot.com/search/label/Tempahan" title="tempahan">TEMPAHAN</a>

<a class="jeonjin1" href="http://hairuliza-anakku.blogspot.com/search/label/Design%20Blog" title="my design">MY DESIGN</a>

<div style="background:url(http://www.leeloublogsimages.com/Layouts/2010/I%20Heart%20Spring/IheartPost-2.png);width:600px;height:5px;">
</div>
</center>

---

TERIMA KASIH SUDI BACA DAN KOMEN

---