Buat Stripe-Ad

It Me at 3:28:00 PM

Tulisan saya kali ini akan membantu rekan-rekan dalam membuat Strip-Ad (Tulisan mengenai blogger pertama saya nech di blog ini... he..he..he...). Tapi sebelum saya menjelaskan bagaimana cara membuat strip-ad, mungkin kita ingin tahu apa itu strip-ad????? Strip-Ad adalah suatu cara untuk menayangkan iklan anda tanpa Popup Blocker. Strip-Ad 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. Kita langsung aja ke cara pemasangan di Blogger:

Download dulu Script-ad.js nya di sini atau Script-ad.js
Upload File yang telah anda download tadi ke lokasi penyimpanan file anda.
Lalu Masuk ke Blogger milik anda dan masuk ke bagian Edit HTML.
Copi-Paste kode CSS dibawah, letakan 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; }
Masukan kode pemanggilan JS dibawah, letakan diatas kode </head>, jangan lupa sesuaikan dengan alamat lokasi URL dimana anda meyimpan file JS-nya. <script src='http://didiet20002000.yahoo.com/Stripe-Ad.js' type='text/javascript'/>
Letakan kode dibawah ini dibawah kode <body>, Silahkan sesuaikan setingan dibawah dengan link dan deskripsi anda sendiri. <div id='mta_bar'> <div id='left_bar'><span class='left'><a href='http://bux.to/?r=didiet2000' target='_blank'>Ingin Menghasilkan $Dollar$ Hanya Dengan Mengklik Iklan?</a></span></div> <span class='right' onmouseout='self.status=''' onmouseover='self.status='Peternakan';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://http://didiet20002000.yahoo.com/close.gif' style='cursor:hand;cursor:pointer;'/></span></div>
Lalu Simpan Hasil kerja anda

Update:

About It Me

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.