Translate Page in

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

PleaSE CLick one ads for donation my blog thanks

Senin, 23 Agustus 2010

22

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