Tutorial Menu Tab cute Mine Version

, , 5 comments

hye Amirah..mesti amirah peminat PINK kan..actually tutorial ni sha ambil dari salah sorang blogger..tapi ubah2 sikit kod maka jadilah cute seperti yang di atas tu :)

Dashboard > Layout > Add Gadget > HTML

Copy Kod bawah ni
<style>
.hyosung{
width:100%;
background:url(url background);
border-bottom:0px solid #FFf;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 1px ccc;
text-align:center;
padding:4px;}

a.jieun{
background:url(url background);
text-decoration:none;
border:1px solid #000;
border-radius:10px ;
color:#000;
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:90px;}

a.jieun:hover{background:#FFBBBB;
color:#000000;
</style>
<div class="hyosung">
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>
<a class="jieun" href="Link url">Tajuk</a>

</div>

#boleh edit di SINI

Save, dah jadik !! hehe..apa matcam? cute tak? pandai2 lah amirah design sendiri ya :)


5 comments:

  1. heheheheheheh.. nice tutorial... (^_^)

    ReplyDelete
  2. nice sharing..insyallah kalo berminat nt akk buat ek

    ReplyDelete
  3. nice kak..Saya guna..tapi nampak peliklah..haha..ok tak?

    ReplyDelete

Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)