Posts Subscribe to This BlogComments

Follow Us


widget

make widget
Please Vote Us
Enter Yahoo Topsites | Yahoo Rare Sites | Yahoo Booter Sites and Vote for this site !!!
Vote For Us
Top Blogs BOOTER-CENTER - Find me on Bloggers.com
Mau Pasang Iklan Disini? Resize Banner 460X61
ads ads ads peluang usaha

Wednesday, September 28, 2011

Pasang Stripe-Ad Mirip Navbar

Please Vote Us
Enter Yahoo Topsites | Yahoo Rare Sites | Yahoo Booter Sites and Vote for this site !!!
Vote For Us

Pasti banyak di antara sobat blogger yg merasa bahwa saya memiliki navbar keren (hehehe,, tampil beda) Sebenarnya itu bukanlah navbar tapi hanya~lah mirip, untuk lebih jelasnya coba sobat click img pada pojok kanan Stripe-Ad Mirip Navbar, hhh itu baru navbar namanya sob, gimana, udah jelaskan? zzz(kalau belum silahkan ditanya).

Langka-langkah Memasang Stripe-Ad Mirip Navbar :
  1. Seperti biasa Masuk ke Dasbor Blogger
  2. Rancangan
  3. Edit HTML
  4. Beri tanda centang pada Expand Template Widget
  5. Copy dan pastekan kode CSS berikut dan pastekan di atas kode ]]></b:skin>
/*-- (mta bar) --*/
#mta_bar{background:#444 url('http://i1105.photobucket.com/albums/h356/Ozyw42/topnavbar-c.png')
repeat-x; border-bottom:1px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; 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:13px; font-weight:bold; font-style:normal; color:#FFFFFF; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; width:20%}
#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:#FFFFFF; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#80FF00; text-decoration:none}
#left_bar a{background:url('http://i1105.photobucket.com/albums/h356/Ozyw42/check-c.png') no-repeat; text-decoration:none; color:#FFFFFF; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:underline; color:#80FF00}
#left_bar2 a{background: url(http://i1105.photobucket.com/albums/h356/Ozyw42/facebook-c.png)
no-repeat 2px; text-decoration:none; color:#FFFFFF; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:underline; color:#80FF00}
#left_bar3 a{backround:transparent) no-repeat; text-decoration:none; color:#FFFFFF; padding-right:23px; padding-left:0; padding-top:0; padding-bottom:0}}
#left_bar3 a:hover{text-decoration:underline; color:#80FF00}
#to_top{background:transparent url(http://i1105.photobucket.com/albums/h356/Ozyw42/delete.png) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}
#to_top a{padding:8px}
6. Masukan kode dibawah ini, dan letakan diatas kode </head>
<script>
<!--http://www.booter-center.co.tv/-->
document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%27%68%74%74%70%3A%2F%2F%73%69%74%65%73%2E%67%6F%6F%67%6C%65%2E%63%6F%6D%2F%73%69%74%65%2F%61%73%72%69%7A%61%6C%6F%66%66%69%63%69%61%6C%77%65%62%2F%6A%61%76%61%73%63%72%69%70%74%2F%53%74%72%69%70%74%2D%61%64%2E%6A%73%27%20%74%79%70%65%3D%27%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%27%2F%3E'));
<!-- visit http://www.booter-center.co.tv/ -->
</script> 
  7. Letakkan  kode  dibawah  ini dibawah kode <body>, Silahkan
          sesuaikan  settingan  dibawah  dengan  link  dan  deskripsi anda
          sendiri. 
<div id='mta_bar'>
<div id='left_bar3'>
<span class='center'/></div>
<div id='left_bar2'>
<span class='left'>
<a href='http://www.facebook.com/pages/Booter-Center/176969322334920'>B-C Fan Grup</a>
</span></div>
<div id='left_bar'>
<span class='center'>
<a href='http://admin-bootercenter.blogspot.com/'>Ayo..!! Gabung di Profil (Free) - Tempat Berbagi n Belajar</a>
</span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;asrizalwahdanwilsa&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://i1105.photobucket.com/albums/h356/Ozyw42/delete.png' style='cursor:hand;cursor:pointer;'/></span></div> 
8. Save

Jangan lupa untuk menyesuaikan kode dengan keperluan sobat.

Related Post



Get Traffic Like Spam
Loading...

0 Comment:

Post a Comment

Section meetings - Registered
recent entries

users online



ads ads ads ads
 

networkedblogs

B-C ON YAHOO

Trafic

Followers

MyFreeCopyright.com Registered & Protected MyFreeCopyright.com Registered & Protected