- Back to Home »
- Tips , Tutorial »
- Strip ad sebagai pengganti menu navbar blogger
Posted by : Trigger
Senin, 23 Agustus 2010
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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAmUa_89SmWJ4N_Ql8dTXzgoqqDVezzuxhi7ZlRaZqu4HDr-w5UltNBK-w3qd3O4Vdr0b5Nyl7_4bEtNArnQyl6UCRQg9WWgLY1e5G68_M7rMwlF660A4xSr2JQBbyfEGaIsKBwBFNbZUi/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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEjNxRS0ENcUrYimwaJRM6ZqiHJLb6WxtkldEYNvicGRMMDj7UOhOqZatRuKCuXZsoAUjSFA15YY22uqde_efhVogrFmmmrv0NJYt0LlqcsYBiSOhxeGTPOcYOmObmsLLSIR0U57t9bVQr9Y/) 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}
-----------*/
/*-- (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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAmUa_89SmWJ4N_Ql8dTXzgoqqDVezzuxhi7ZlRaZqu4HDr-w5UltNBK-w3qd3O4Vdr0b5Nyl7_4bEtNArnQyl6UCRQg9WWgLY1e5G68_M7rMwlF660A4xSr2JQBbyfEGaIsKBwBFNbZUi/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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEgC-yRlxyxCnP-yROX9MqQLr1MyqpdlnY0KWpUAwfT4C_IzOaYdQpc0ycPRm7P2pglfddlZoG8N7VDDNbQNVMcPtLZBtnywu-PdSR1AGVBJjgbn0XBxUhM8H6rRLZdII-PMtT5cFWHZVHC7/) 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/AVvXsEjNxRS0ENcUrYimwaJRM6ZqiHJLb6WxtkldEYNvicGRMMDj7UOhOqZatRuKCuXZsoAUjSFA15YY22uqde_efhVogrFmmmrv0NJYt0LlqcsYBiSOhxeGTPOcYOmObmsLLSIR0U57t9bVQr9Y/) 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=''' onmouseover='self.status='qtabisa.blogspot.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iYNk286GWXIGVKiJz4LSsFjcvR_Wo97DKM9ePjYDaegO-2kv8ZBqTYMo_oD-p4l2qG0SD3AbMXvmVnYlFasvUj4_VLowCdfxBHoN689HSOouesMxFu_OV53i1jbeb53ZkN2mze93G9m-/' 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>
<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=''' onmouseover='self.status='qtabisa.blogspot.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iYNk286GWXIGVKiJz4LSsFjcvR_Wo97DKM9ePjYDaegO-2kv8ZBqTYMo_oD-p4l2qG0SD3AbMXvmVnYlFasvUj4_VLowCdfxBHoN689HSOouesMxFu_OV53i1jbeb53ZkN2mze93G9m-/' 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.
Semoga bermanfaat,terima kasih
- Kode url ganti dengan url blog anda
- Kode berwarna merah ganti dengan Nama yang anda suka
- Selanjutnya modifikasi sendiri
Aku uda coba tapi gak bisa. Kenapa ya????
BalasHapushttp://toplustysae.blogspot.com/
Mohon bantuannya. Thanks
Gak bisa gimana maksudnya bro?
BalasHapus