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(http://2.bp.blogspot.com/-gsVznbBSPzI/T8wr3Y8nMUI/AAAAAAAABh0/jhidYGCjpz0/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>

3 comments:

Ahsfantasy Ryu said...

Sangat cantik :)

Ana Myhusna said...

Hello! Wlcm visit this entry! http://ana-myhusna-life.blogspot.com/2013/03/promote-blog.html

Idani Aziz said...

tengs akak! sy bnyk pkai tuto akak.. rly helps.. heeee~