29.12.12

Tutorial : Nagivation Bar Mine Version

Author : Nabila Medan Time : 12/29/2012 08:30:00 PM Total Comment : 6 Label :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ Dan Selamat Petang

Live Preview Here

Okay , tutorial ni ada yang dah lama request tapi nabila agak sibuk sikit. Jadi, nabila buatkan hari ni. Nagivation ni nabila pernah guna sebelum ni. If korang nak guna. Ikut langkah yang nabila sediakan ye.

1.Dashboard > Layout > Add a Gadget > HMTL/Javascript
2.Copy code bawah ni dan paste dekat bahagian HTML/Javascript
<style>
.tingtong{
margin-right:-0px;
margin-left:-0px;
background: url(http://i.imgur.com/3xcNH.png);top:0px;
left:0px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
border: #e69fba 3px solid;
}
a.blabla{
background:#e69fba ;
text-decoration:none;
color:#fff;
padding:5px;
font:12px 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;
padding-right:10px;
padding-left:10px;
}

a.blabla:hover{background:#fff;
color:#000;
</style>
<br />
<div class="tingtong">
<a class="blabla" href="YOUR LINK">TITLE</a>
<a class="blabla" href="YOUR LINK">TITLE</a>
<a class="blabla" href="YOUR LINK">TITLE</a>
<a class="blabla" href="YOUR LINK">TITLE</a>
<a class="blabla" href="YOUR LINK">TITLE</a>

</div>
3.Tukar
Biru - Ikut kesesuaian korang
Merah - Link korang.. Link tutorial, freebies dll
Ungu - Tajuk

4.Save

6 comments

Saturday, December 29, 2012 10:34:00 PM Delete! [Reply Comment]

tengs for tutor tp kan cmne nak buang white background tu erh?
btw nice ^^

Saturday, December 29, 2012 11:48:00 PM Delete! [Reply Comment]

Thanks , Nabila :D

Sunday, December 30, 2012 10:47:00 AM Delete! [Reply Comment]

kalau guna blogskin . nak paste kod dekat mne yer ?

Sunday, December 30, 2012 10:48:00 AM Delete! [Reply Comment]

kalau blogskin nak paste code dkt bahagian mne ?

Saturday, February 09, 2013 9:52:00 PM Delete! [Reply Comment]

thanks :)

Monday, September 02, 2013 8:27:00 PM Delete! [Reply Comment]

thanks berjaya pon

Post a Comment
Related Posts Plugin for WordPress, Blogger...