Membuat Stripe Bar di Blog

Selamat Siang kawan kawan Blogger.....Setelah kemarin saya memposting "All Pet Mode Hack V.2 Cielovers" dan "Cara Membuat Random Image" Hari ini saya akan memposting Tutorial Blogger "Membuat Stripe Bar di Blog" ... Contoh nya Seperti di bawah ini :                                            





Ok kita langsung ke tutorialnya aja ok..!!

Step-step
  1. Login Akun Blogger dulu
  2. Pilih "Rancangan" atau "Design"
  3. Lalu pilih "Edit HTML"
  4. Cari kode ( ctrl+f ) ]]></b:skin> ,Lalu letakkan kode CSS berikut diatas kode ]]></b:skin>
#mta_bar{background:#444 url('http://4.bp.blogspot.com/_C6KkooKXCEw/TIChde9sutI/AAAAAAAAGzk/5DJ4Cbds91E/s200/topnavbar-c.png') repeat-x; z-index:100; top:0; left:0; width:100%; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:6px}* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}       #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:55%}                              #mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:30%}                       #mta_bar .right{font-family:verdana,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:#fff; text-decoration:underline}        #mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}      #left_bar a{background:url('http://1.bp.blogspot.com/_C6KkooKXCEw/TIBf3E-mUfI/AAAAAAAAGwM/EoxAFDlcdr4/s200/feed-c.png') no-repeat; font-weight:bold;text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:10px}                                                          #left_bar a:hover{text-decoration:underline; color:#fff}
     5.    Selanjutnya masukkan kode berikut sebelum kode </head>
<script src='http://nsx-crew-javascript.googlecode.com/files/StripeBarNSX.js' type='text/javascript'/>
     6.    Selanjutnya masukkan kode berikut tepat sebelum kode </body>
<div id='mta_bar'>
<div id='left_bar'><span class='center'><a href='http://feedburner.google.com/fb/a/mailverify?uri=nsxnsx' target='_blank'>Gratis Berlangganan NSX Blog Article Via Email, Join Now!!!
</a></span> </div>

<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;www.nsx-hax.co.cc&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://2.bp.blogspot.com/_C6KkooKXCEw/Si0hpItyl-I/AAAAAAAAEYQ/kmsk9iVM9HM/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>
NOTE!! Ganti tulisan warna biru menjadi sesuai nama blog dan Feed anda
  
      7.    Langkah Terakhir .......... SIMPAN TEMPLATE..!!

Selamat Mencoba...

3 Responses to "Membuat Stripe Bar di Blog"