Beberapa saat lalu saya berhasil memasang Stripe-ad di blog kesayangan saya ini. Jika anda belum mengetahui apa itu stripe-ad anda bisa melihat yang ada diatas blog ini. Sesuatu yang seperti navbar tersebut sangat cocok untuk mempromosikan sesuatu karena stripe-ad akan terus muncul dihalaman anda walaupun anda melakukan mouse scroll pada halaman anda. Dan anda bisa menutupnya dengan mengklik tombol ( - ) dipojok kanan atas. Stripe-ad sangat cocok untuk menampilkan satu focus informasi yang dirasa penting (bisa berupa iklan baris, pengumuman, Feed atau informasi apa saja sesuai kebutuhan).
Jika anda ingin memasangnya anda dapat mengikuti tutorial
saya, seperti berikut:
1. Simpan kode dibawah ini dengan nama Stript-ad.js lalu upload ke penyimpanan file anda seperti
fileave.com
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";}
2. Sekarang Masuk Pengaturan/Rancangan lalu klik edit HTML. Cari kode ]]></b:skin>. Lalu Copy Paste kode dibawah ini dan letakkan di atas kode tersebut.
/*-- (mta bar) --*/
#mta_bar{background:
#58ACFA; border-bottom:2px 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:7px; padding-bottom:4px;
z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}
* 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:
#FF0080; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:
#FF0080; 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:
#FF0080; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:
#FF0080; text-decoration:none}
#left_bar a{background:url('
http://i806.photobucket.com/albums/yy349/p4ksi/th_fb-1.jpg?t=1277134971') no-repeat; text-decoration:none; color:
#FF0080; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:underline; color:
#FF0080}
#left_bar2 a{background: url(
http://i806.photobucket.com/albums/yy349/p4ksi/th_fb-1.jpg?t=1277134971) no-repeat 2px; text-decoration:none; color:
#FF0080; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar2 a:hover{text-decoration:underline; color:
#FF0080}
#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGUQONMwWGKtjcABPJQ8CSEF6gG4Rks465dHjDtYzN6f_byR-wPdfsqdtyszspNN4gmobf8xkpR7lnUhlabRueKa6MCMVxS7ugFLxP0ov14m2dBGj_13NEXy6IxQk2GYKbw8ITaixzAR1/s400/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}
Catatan :
*Kode warna
merah adalah kode warna. Silahkan sesuaikan dengan keinginan anda. Lihat kode warna html di sini.
*Kode warna
hijau berfungsi untuk membuat warna kelihatan transparant. Anda bisa menghapusnya atau membiarkannya.
*Sedangkan yang berwarna
biru adalah alamt url gambar. Silahkan sesuaikan dengan kebutuhan anda.
3. Masukan kode pemanggilan JS dibawah ini, letakan diatas kode
</head>
<script src='http://www.alamatserveranda.com/Stripe-Ad.js' type='text/javascript'/>
atau jika anda tidak ingin repot anda bisa langsung memakai punya saya ini :
<script src='http://p4ksi.fileave.com/blog/Stript-ad.js' type='text/javascript'/>
4. Cari kode berikut <body> lalu letakkan kode dibawah ini dibawah kode <body>
<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='http://www.facebook.com/profile.php?id=100000103770646' target='_blank'>My Facebook</a></span></div>
<div id='left_bar'>
<span class='center'><a href='http://www.facebook.com/pages/PAKSI-DIRGANTARA/116725541689873' target='_blank;'>Suka Dengan PAKSI DIRGANTARA? Ayo bergabung sekarang......!!!</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='paksi-dirgantara.blogspot.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGUQONMwWGKtjcABPJQ8CSEF6gG4Rks465dHjDtYzN6f_byR-wPdfsqdtyszspNN4gmobf8xkpR7lnUhlabRueKa6MCMVxS7ugFLxP0ov14m2dBGj_13NEXy6IxQk2GYKbw8ITaixzAR1/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>