Memasang Stripe-Ad Pada Blogger
Posted by HeriJS on 22 November, 2009
No comments yet
Pada blog-blog dengan platform Wordpress tentu sering kita lihat adanya Stripe-Ad di sebelah atas blog mereka biasanya para pengguna Wordpress menggunakan plugin Stripe-Ad buatan MaxBlogPress yang memang mudah didapat, jika anda ingin tau tentang plugin tersebut silahkan anda kunjungi situs penyedia di http://www.maxblogpress.com/plugins/msa/
Bagaimana dengan pengguna patform Blogger? Nah.. postingan kali ini saya coba share cara Memasang Stripe-Ad Pada Blogger. Trik ini dapet dari googling eh ketemu blognya O-OM di http://www.o-om.com/2008/10/pasang-stripe-ad-ala-navbar-blogger.html trik ini memang agak sedikit berbeda di peletakan javascriptnya aja tuh…
Adapun langkah-langkah Memasang Stripe-Ad Pada Blogger sebagai berikut:
1. Taruh script di bawah ini diatas kode </head>
<script type=’text/javascript’>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!=”BackCompat”) ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = ‘mta_clear['+mtapointer+'] = setInterval(”mtaFloatInit(mta_arr['+mtapointer+'])”,1);’;
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop – mta.mtaoffset + “px”;
}
function closeTopAds() {
document.getElementById(”mta_bar”).style.visibility = “hidden”;
}
//]]>
</script>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!=”BackCompat”) ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = ‘mta_clear['+mtapointer+'] = setInterval(”mtaFloatInit(mta_arr['+mtapointer+'])”,1);’;
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop – mta.mtaoffset + “px”;
}
function closeTopAds() {
document.getElementById(”mta_bar”).style.visibility = “hidden”;
}
//]]>
</script>
2. Copi-Paste kode CSS dibawah ini, letakan diatas kode ]]></b:skin> pada halaman Edit HTML di blogger.
/************************************************
* Stripe-Ad Blogger *
************************************************/
#mta_bar { background: #333357 url(http://i959.photobucket.com/albums/ae71/collection4u/kreasibiz/d_navbar-u2.jpg); border-bottom: 1px solid #ffffff; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode==”CSS1Compat”? document.documentElement.clientWidth+”px” : body.clientWidth+”px”); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #94FF31; width:92%;}
#mta_bar .right {font-family: 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: #FFFFA6; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#left_bar a { text-decoration: none; color: #94FF31; }
#left_bar a:hover { text-decoration: none; color: #FFFFA6; }
* Stripe-Ad Blogger *
************************************************/
#mta_bar { background: #333357 url(http://i959.photobucket.com/albums/ae71/collection4u/kreasibiz/d_navbar-u2.jpg); border-bottom: 1px solid #ffffff; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode==”CSS1Compat”? document.documentElement.clientWidth+”px” : body.clientWidth+”px”); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #94FF31; width:92%;}
#mta_bar .right {font-family: 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: #FFFFA6; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #FFFFA6; text-decoration: none;}
#left_bar a { text-decoration: none; color: #94FF31; }
#left_bar a:hover { text-decoration: none; color: #FFFFA6; }
3. Letakan kode dibawah ini dibawah kode <body> dan rubah alamat link sesuai yang anda inginkan.
<div id=’mta_bar’>
<div id=’left_bar’><span class=’left’><a href=’http://www.kreasibiz.com’ target=’_blank’>Pilihan Cerdas Menghasilkan Uang Melimpah dari Internet</a></span></div>
<span class=’right’ onmouseout=’self.status=''’ onmouseover=’self.status='o-om.com.com';return true;’> <img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’http://i839.photobucket.com/albums/zz314/kreasibiz/icon/close.png’ style=’cursor:hand;cursor:pointer;’/></span></div>
<div id=’left_bar’><span class=’left’><a href=’http://www.kreasibiz.com’ target=’_blank’>Pilihan Cerdas Menghasilkan Uang Melimpah dari Internet</a></span></div>
<span class=’right’ onmouseout=’self.status=''’ onmouseover=’self.status='o-om.com.com';return true;’> <img align=’absmiddle’ border=’0′ onClick=’closeTopAds();return false;’ src=’http://i839.photobucket.com/albums/zz314/kreasibiz/icon/close.png’ style=’cursor:hand;cursor:pointer;’/></span></div>
4. Selesai deh… Memasang Stripe-Ad Pada Blogger Selamat Mencoba 
.jpg)
