Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Senin, 02 Agustus 2010

Membuat Stripe-ads

Kategori : ,
Uang dan uang, ada pepatah berkata, "gak ada uang abang di tendang". Bahkan uang pun dijadikan judul lagu dangdut yang kalau g salah dinyanyikan oleh Alam. Sebenarnya pada kesempatan kali ini saya bukan menjelaskan tentang uang namun memberikan cara untuk meng-komersilkan blog sobat agar kita bisa mendapatkan uan dari blog kita yaitu dengan memasang Stripe-ads pada blog sobat, mudah-mudahan aja ada yang mau pasang di blog sobat.

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.
  1. Seperti biasa login ke blogger

  2. masuk ke Rancangan >> Edit HTML


  3. 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; }


  4. lalu cari kode </head> dan tambahkan kode di bawah ini

    <script src='http://oketrik.googlecode.com/files/stripe-adstutorial.js' type='text/javascript'/>

  5. 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='http://2.bp.blogspot.com/_C6KkooKXCEw/Si0hpItyl-I/AAAAAAAAEYQ/kmsk9iVM9HM/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.
  6. 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.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

8 Komentar untuk Membuat Stripe-ads

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