Spenasa Blogger

Tutorial web design & free blogger template

Buat Navbar !!! di BLOGGER

WeWe.....pada artikel ini saya akan menjawab request dari Zeny,,,Inilah Bunyinya???

Nah...Bagaimanakah Membuat tulisan yang ada tanda silangnya???Navbar kali???
Bagaimanakah???ikuti trik berikut ini!!!
1.Masuk blogger...
2.Buka -Tata Letak-Edit HTML
3.Setelah itu Copi-Paste kode CSS dibawah, letakan diatas kode ]]></b:skin>

#mta_bar { background: #FFFFE1; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; } * html #mta_bar{ /*IE6 hack*/ position: absolute; width: expression(document.compatMode==&quot;CSS1Compat&quot;? document.documentElement.clientWidth+&quot;px&quot; : body.clientWidth+&quot;px&quot;); } #mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;} #mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;} #mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;} #mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;} #left_bar a { text-decoration: none; color: #0000FF; } #left_bar a:hover { text-decoration: underline; color: #0000FF; }


4.Masukan kode pemanggilan JS dibawah, letakan diatas kode </head>, jangan lupa sesuaikan dengan alamat lokasi URL dimana anda meyimpan file JS-nya.

<script src='http://ooms.fileave.com/Stripe-Ad.js' type='text/javascript'/>

5.Letakan kode dibawah ini dibawah kode <body>

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://spenasa-blogger.blogspot.com/2009/03/iklan-di-spenasa-blogger.html' target='_blank'>Inginkah anda beriklan di Spenasa-Blogger?</a></span></div><span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipCMiNPlkONWur9MUA4fYFSP2IDSONQpC5eQoLAJCI8uzN7VCsMCickTuF42zk13SIB-wW5k3j8-SvfnBgme_msxfj6Br_OxB0xg4s2X8PcJX8MsgOIk8ctg6GzIu7Q06aGGnipBt2/s400/close.gif' style='cursor:hand;cursor:pointer;'/></span></div>


Kata yang berwarna biru silahkan disesuaikan sendiri!!!

6.Simpanlah dan lihat hasilnya

Sumber:O-OM


Labels: , ,

1 Comments (Buat Navbar !!! di BLOGGER)

Blogger Hafiz Anas :

aku kok ra mudeng

Wednesday, May 20, 2009 at 10:14:00 AM GMT+7  

Post a Comment

Tinggalkan komentar disini....

Subscribe to Post Comments [Atom]

<< Home