Home Tutorial Tutorial Menu Tab cute Mine Version
Tutorial Menu Tab cute Mine Version
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
pening tengok kod.
ReplyDeleteheheheheheheh.. nice tutorial... (^_^)
ReplyDeletenice sharing..insyallah kalo berminat nt akk buat ek
ReplyDeletepanjang kod nya..
ReplyDeletenice kak..Saya guna..tapi nampak peliklah..haha..ok tak?
ReplyDeleteAssalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)