Jika anda melihat contoh Stripe-Ad diatas pada blog ini, sekilas terlihat hampir serupa dengan standar Navigation Bar (Navbar) Blogger. Pengunjungpun dapat melihat langsung batang navigasi ini ketika pertama kali mereka mengunjungi halaman blog anda. Iklan ini akan tetap tampil walaupun pembaca melakukan Mouse Scroll pada halaman. Jika tertarik kemungkinan besar pembaca akan mengkliknya, jika dirasa mengganggu mereka dapat dengan mudah menutupnya dengan mengklik tombol X pada pojok kanan atas.
Cara Pasang Strip-Ad di Blogger:
1. Log In ke Blogger
2. Tuju ke Edit HTML
3. Copy paste Kode diBawah ini diatas kode ]]></b:skin>
#mta_bar { background: #FFFFE1; border-bottom: 1px solid #808080; 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: #0000FF; 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: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a { text-decoration: none; color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #0000FF; }
4. Copy Paste Kode di bawah ini diatas kode </head>
<script src='http://www.geocities.com/ainoonmuchfoodin/Stript-ad.js' type='text/javascript'/>
5. Copy Paste kode ini, letakkan diatas kode <body>
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://smkn3buduran.wordpress.com' target='_blank'>Apabila anda siswa/guru SMKN 3 BUDURAN silahkan klik disini...</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='iahhaku.blogspot.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://i434.photobucket.com/albums/qq63/muzztainzz/close.png' style='cursor:hand;cursor:pointer;'/></span></div>
Oke yang warnanya biru-biru itu silahkan anda ganti dengan milik anda sendiri.
Oke dah jelas. Kalo belum silahkan komentar di shoutbox disamping atau di bawah ini.
Thankss...=>
Comments :
Posting Komentar