Sepertinya saya sudah lama ya sudah tidak meng-update blog ini, maaf untuk yang kecewa karena penyebabnya adalah kesibukan offline yang tidak bisa di tunda ataupun di hindari. Mudah-mudahan sobat semua bisa mengerti, oke sekarang kita kembali ketopik Membuat Stripe-Ads. Sebenarnya cara untuk meng-komersilkan blog itu banyak caranya dan di blog ini pun sudah memberikannya diantaranya, Membuat Kotak Banner Iklan, Membuat Kotak Banner dengan CSS Inline, Membuat Banner Iklan Berjalan, dan Membuat Banner Iklan Dengan CSS3 Lalu yang sekarang sedang sobat baca adalah membuat Stripe-ads. Sebelum melihat cara membuatnya lebih baik sobat lihat terlebih dahulu Screenshout Demonya di bawah ini.
Kalau sudah melihat demonya dan ingin membuatnya mari kita lihat cara membuatnya.
- Seperti biasa login ke blogger
- masuk ke Rancangan >> Edit HTML
- lalu setelah berada pada halaman Edit HTML maka sobat cari kode ]]></b:skin> lalu tambahkan kode di bawah ini tepat di atasnya
#mta_bar { background: -moz-linear-gradient(top, #000, #333);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
border-bottom: 1px solid #585858; 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: 16px; font-weight: bold; font-style: normal; color: #00ff00; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 12px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 13px; color: #00ff00; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #CCFFCC; text-decoration: none;}
#left_bar a { text-decoration: none; color: #00ff00; }
#left_bar a:hover { text-decoration: underline; color: #00ff00; } - lalu cari kode </head> dan tambahkan kode di bawah ini
<script src='http://oketrik.googlecode.com/files/stripe-adstutorial.js' type='text/javascript'/> - Setelah itu masukan kode di bawah ini tepat di atas kode </body>
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.oketrik.blogspot.com/' target='_blank'>Tempatnya desain template/blog dan belajar ngeblog terbaik</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIQ5jGl6tLv8Mq-TzDjGvKrx55ozbwmAE9GTFWO5Ztlz5-3uPVul9TRQ1MWESGX5_MtGZW-TwfnLUbzyy-krdkdJF-UsTf-sb53bE2Xxvi_AGRc_EXEOLq2JM4USqwf1oB4gEjqhV1L5C4/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>
Keterangan :- Tulisan yang berwarna merah bisa sobat ganti dengan url yang di inginkan
- Tulisan yang berwarna biru bisa sobat ganti dengan kalimat yang di inginkan
- Apabila kode diatas tidak bisa dipasang di blog sobat maka sebaiknya sobat parse terlebih dahulu baru di pasang.
- setelah itu simpan deh dan sobat bisa lihat hasilnya.
Semoga Stripe-ads ini dapat membantu penghasilan sobat semua dalam ngeblog. Sekarang saya pamit dulu y, oiya sebelum saya pamit, saya minta tolong donk! Tolong klik iklan yang ada di blog ini (matre mode on $_$). Terima kasih dan Happy Blogging.
8 Komentar untuk Membuat Stripe-ads
tengkiu bro atas tricknya.......
semakin lama sekan oke saja trick2'a
Batch File Programming | Keajaiban Om Google | Dunia Tips dan Trick | Free Software
nambah lagi pengetahuan disini.
trims atas ilmunya sudah mo berbagi, sukses selalu n tetap semangat
Lama tidak berjumpa, lama pula tak berkata, namun persaudaraan yang ada diantara kita begitu indah kita rasakan. Dalam menyambut datangnya bulan suci ramadhan, kami mengucapkan SELAMAT MENUNAIKAN IBADAH SHAUM MOHON MA’AF LAHIR dan BATHIN
mantabbbb...
boleh dicoba...
nambah info lagi nih ... btw saya punya kontes kecil2an ....
Hanya dengan menjadi top commentator di http://fireworkslovers.com anda berhak mendapatkan sebuah modem. Hehe, gimana? Tertarik? karena baru dimulai, jadi masih ada banyak waktu ko ... Read more..
wah... udah lama bro w kagak mampir ke blog ini....
pasang strip ads... wah kayaknya belom deh buat blog w....
hihhiihi... sapa yg mo pasang coba di blog w....
tapi nic info bro...
nice post! cek tkp dulu gan hahah btw salam kenal ya, jangan lupa mampir ke postinganku yang judulnya "Minta Tolong" Gees!
akhirnya ketemu juga yg aku cari
Bang pakek apa km buat Hand itu, apa ada software Editor ya