Senin, 23 Agustus 2010

Strip ad sebagai pengganti menu navbar blogger

Strip-Ad adalah sebuah navigasi pada bagian atas blog saya Alhasil memasang Strip-Ad sangat bagus untuk menampilkan informasi yang anda anggap penting, seperti iklan, feed atau menu-menu yang lainnya. Strip ad memiliki fungsi sebagai pengganti navbar menu horizontal untuk memudahkan pengunjung memilih menu-menu yang ada pada blog dan juga berfungsi untuk menutupi navbar blogger yang selalu ada. Jika teman-teman tertarik memasang navbar strip ad silahkan copy kode-kode css berikut lalu pastekan tepat di atas kode body { :

/*strip_ad
-----------*/
/*-- (mta bar) --*/
#mta_bar { background: #000000; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 5px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:center; text-align:center; font-family: Arial; font-size:13px; font-weight:bold; font-style:normal; color:#fff; width:auto}
#mta_bar .left{float:left; text-align:left; font-family: Arial; font-size:13px; font-weight:bold; font-style:bold; color:#fff; width:auto;padding-top:5px}
#mta_bar .right{float:right; text-align:left; font-family: Arial; font-size:13px; font-weight:bold; font-style:bold; color:#fff; width:auto;padding-top:2px}
#left_bar a{background:url('http://1.bp.blogspot.com/_C6KkooKXCEw/SPyUclWEsEI/AAAAAAAAChM/e6wa1ef3jTQ/s400/stripead-feed.gif') no-repeat; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:none; color:#fff}
#left_bar2 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar3 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar4 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar5 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#E3E3E3; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar6 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#E3E3E3; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar7 a {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar8 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar9 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQ7ckNTg0oFSN9KivIL8KmTqrPGByEu1lP3g-Ii9v6XE0oT9S96uoH8_Nty56GKjeGIzOw4948QWxHjILBONvQLVvIM7o0N1mkVjNb6OM5HgV3HvBWg5wVXtuATgnzgA5hnHv1W7V7ZIZ/) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#right_bar1 a{background: #000000 no-repeat 2px; text-decoration:none; color:#fff; padding-left:0px; padding-right:0px; padding-top:0; padding-bottom:0px}
#right_bar2 a{background: #000000; no-repeat 2px; text-decoration:none; color:#fff; padding-left:0px; padding-right:0px; padding-top:0; padding-bottom:0px}
#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZ7tWDobSWScJSrXp6WfhahMU-nT9Cn7t4EDkJjpxuZIcEZwxMI5Xk3LL7YFN2JipfbzSwq9opMr-hBzlNfUMxFnaGda5PxZnBqSk5fptDajxev4Z99Lk_6u0OY988ECU_Nl4ylQmWhQ5/) 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 990px; /*this was updated*/padding:9px 5px}
#to_top a{padding:8px}


2. Copy code script di bawah kemudian pastekan di bawah kode ]]></b:skin>


<script src='http://seteripad.googlecode.com/files/strip_Ad.js' type='text/javascript'/>

3. Copy kode berikut lalu pastekan tepat dibawah kode <body>


<div id='mta_bar'>
<div id='left_bar2'><span class='left'>
<a href='http://qtabisa.blogspot.com/'>My Blog</a></span></div>

<div id='left_bar3'><span class='left'>
<a href='http://qtabisa.blogspot.com/'>Tips Blogger</a></span></div>

<div id='left_bar4'><span class='left'>
<a href='http://qtabisa.blogspot.com/search/label/Software'>Software</a></span></div>
<div id='left_bar5'><span class='left'>
<a href='http://qtabisa.blogspot.com/search/label/Download/'>Download</a></span></div>

<div id='left_bar6'><span class='left'><a href='http://qtabisa.blogspot.com/search/label/Modal%20dengkul%20hasil%20ngumpul' target='_blank'>Bisnis</a></span></div>

<div id='left_bar7'><span class='left'>
<a href='http://qtabisa.blogspot.com//feeds/posts/default?alt=rss' target='_blank'>Langganan</a></span></div>

<div id='left_bar8'><span class='left'>
<a href='http://qtabisa.blogspot.com'>Tips</a></span></div>

<div id='left_bar9'><span class='left'>
<a href='http://facebook.com/worldpressure' target='_blank'>My Facebook</a></span></div>
<div id='right_bar2'><span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;qtabisa.blogspot.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyYPI_WGatbl4mCojgI_Wt5r2h657khrOm345O9roYeY1CwM7-4-gVhdDIm9CmU3NpVq5Oz0Evn1i7K8vR_rmNFQ9FctjtCcncXwsmKH0wB4skfwl3XNi0vmyWIDBsO6vWCbWFOQi-vjNV/' style='padding-top:5px;cursor:hand;cursor:pointer;'/></span></div>
<div id='right_bar1'><span class='right'>
<form action='http://google.com/search' id='searchthis' method='get' style='display:inline;'>
<input id='b-query' maxlength='400' name='q' size='40' type='text'/><input id='b-searchbtn' type='submit' value='search'/></form></span></div></div>

4. Simpan Template anda,dan lihat hasilnya
Nb.
  •  Kode url ganti dengan url blog anda 
  •  Kode berwarna merah ganti dengan Nama yang anda suka
  •  Selanjutnya modifikasi sendiri
Semoga bermanfaat,terima kasih

2 komentar:

  1. Aku uda coba tapi gak bisa. Kenapa ya????
    http://toplustysae.blogspot.com/
    Mohon bantuannya. Thanks

    BalasHapus
  2. Gak bisa gimana maksudnya bro?

    BalasHapus