Tuesday 27 March 2012

Cara Membuat Navibar Tanpa Images

Standard
Cara Pembuatannya sangat gampang Copy Paste Code Ini yaa.

<style type="text/css">
 #navibar{width:600px;margin:0 auto;}
a.navitabs, a.navitabs:link, a.navitabs:visited,  a.navitabs:hover {display: block;width: 102px;height: 30px;background: #444;border: 1px solid #EBEBEB;margin-top: 0px;text-align: center;text-decoration: none;font-family: arial, sans-serif;font-size: 12px;color: white;line-height: 25px;float: right;}
a.navitabs:hover{ background: #eee;color: black;}
</style>
<br />
<div id="navibar">
<a class="navitabs" href="http://www.blogger.com/blogger.g?blogID=2097030633537868148#"><b>Home</b></a>
                <a class="navitabs" href="http://www.blogger.com/blogger.g?blogID=2097030633537868148#"><b>Forums</b></a>
                <a class="navitabs" href="http://www.blogger.com/blogger.g?blogID=2097030633537868148#"><b>Support</b></a>
                <a class="navitabs" href="http://www.blogger.com/blogger.g?blogID=2097030633537868148#"><b>Plugins</b></a>
                <a class="navitabs" href="http://www.blogger.com/blogger.g?blogID=2097030633537868148#"><b>About Me</b></a>
                </div>
Setelah itu  lihat pada Blog anda dan lihat hasilnya akan persis seperti dibawah.


0 komentar:

Post a Comment