Tab Menu Atas Header


CARA LETAK TAB MENU

4. Dashboard - Design - Add a gadget 

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

  
<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/bbipa.png);
border-bottom:5px solid #FFEEEE;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#ffacda;
text-decoration:none;
color:#fa32a9;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}

a.jieun:hover{background:#FFBBBB;
color:#fff;
</style>
<div class="hyosung">
<a class="jieun" href="http://tutorial-bloglist.blogspot.com/">HOME</a>
<a class="jieun" href="http://www.blogger.com/home">DASHBOARD</a>
<a class="jieun" href="http://hairulizacontestga.blogspot.com/">CONTEST</a>
<a class="jieun" href="http://tutorial-bloglist.blogspot.com/search/label/Tutorial%20Blog">TUTOR</a>
<a class="jieun" href="http://www.facebook.com/cherosliza.chemat">FACEBOOK</a></div>

Nota Pink:Selamat Mencuba

No comments: