Blog Mas-Yudha - Google AdSense ? siapa sih yang tidak mengenal google adsense karna sebagian besar para penggemar blogger ataupun dunia internet pasti sudah mengenal salah satu advertising dari google dengan pembayaran yang cukup menarik yaitu dengan US Dollar $ untuk setiap reveralnya.

Tapi .. kali ini saya tidak akan membahas tentang Google Adsense itu, tapi melainkan adalah iklan teks yang dimodifikasi mirip dengan aklan GA tersebut. kira-kira tampilannya akan seperti ini :


Demo
click to view

Berikut langkah-langkah pemasangannya :
simpan kode dibawah ini dan letakkan diatas
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/iklan-teks-ga.js' type='text/javascript'/>

lalu simpan script dibawah ini diatas kode atau
/* Iklan Teks

----------------------------------------------- */

#iklan-teks {

  width:304px;

  height:259px;

  background-color:white;

  position:relative;

  overflow:hidden;

  margin:0 auto;

}

#iklan-teks h2.iklan-header {

  cursor:pointer;

  background-color:white;

  background-image:none;

  font:normal 20px Verdana, Tahoma,Serif;

  color:blue;

  border-top:1px solid #d8d8d8;

  padding:10px;

  margin:0 0;

  position:relative;

  text-transform:none;

  letter-spacing:0;

}

#iklan-teks h2.iklan-header:first-child {

  border-top:none;

}

#iklan-teks h2.active {

  display: none;

}

#iklan-teks h2.iklan-header:before{

  content:"";

  width:0;

  height:0;

  position:absolute;

  top:20px;

  right:15px;

  border:5px solid transparent;

  border-color:#b2b2b2 transparent transparent;

}

#iklan-teks div {

  height:100px;

  padding:10px 70px 10px 10px;

  font:normal 13px Verdana, Tahoma,Serif;

  color:white;

  border-top:1px solid #d8d8d8;

}

.judul {

  font:normal 20px Verdana, Tahoma,Serif;

  color:blue;

  margin:0 0 5px 0;

}

a.judul{

  font:normal 20px Verdana, Tahoma,Serif !important;

  color:blue !important;

  text-decoration:none;

  display:inline-block;

}

a:hover.judul {

  font:normal 20px Verdana, Tahoma,Serif !important;

  color:blue;

  text-decoration:underline;

}

.isi-iklan a{

  font:normal 13px Verdana, Tahoma,Serif;

  color:green;

  text-decoration:none;

  display:block;

  margin-bottom:10px;

}

.isi-iklan a:hover{

  color:green;

  text-decoration:none;

}

.isi {

  padding-top:15px;

  color:#222;

  text-align:left !important;

}

.panah-besar {

  background: #4d90fe;

  border-radius: 50%;

  cursor: pointer;

  height: 34px;

  float: right;

  margin-right: -60px;

  margin-top: -40px;

  width: 34px;

  text-align: center;

  line-height: 34px;

}

.panah-besar:hover {

  background: #4472bd;

}

.info-icon {

  width:15px;

  height:15px;

  position:absolute;

  top:0;

  right:0;

  cursor:pointer;

}

.info-iklan {

  background:#d3d3d3;

  width:100px;

  height:15px;

  border-bottom-left-radius:4px;

  position:absolute;

  top:0;

  right:0;

  color:#000;

  font:normal 11px Arial,Sans-Serif;

  text-align:left;

  overflow:hidden;

  padding-right:19px;

  padding-left:5px;

  display:none;

}

terakhir simpan kode berikut sebagai
 <div id="iklan-teks">
    <!-- iklan ke 1 -->
    <div data-header="Blogger Tutorial" style="border-top:none">
        <span class='isi-iklan'><a class='judul' href='http://maseyudha.blogspot.com' target='_blank'>Blogger Tutorial</a>
            <a href='maseyudha.blogspot.com' target='_blank'>Blog Mas-Yudha</a>
        <span class='isi'>Share about internet, blogging, and seo tips.</span>
            <a class='panah-besar' href='maseyudha.blogspot.com' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='http://2.bp.blogspot.com/-oIxrG3fvdj4/UnGxCH3EV9I/AAAAAAAAF_I/YBTBdMJO6VM/s1600/icon_chevron_white.png'/></a>
        </span>
    </div>
    <!-- iklan ke 2 -->
    <div data-header="Pasang Iklan di Sini">
        <span class='isi-iklan'><a class='judul' href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'>Pasang Iklan di Sini</a>
            <a href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'>Blog Mas-Yudha</a>
            <span class='isi'>Pasang iklan Anda di sini, Harga Promo
            <a class='panah-besar' href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='http://2.bp.blogspot.com/-oIxrG3fvdj4/UnGxCH3EV9I/AAAAAAAAF_I/YBTBdMJO6VM/s1600/icon_chevron_white.png'/></a></span>
        </span>
    </div>
    <!-- iklan ke 3 -->
    <div data-header="Pasang Iklan di Sini">
        <span class='isi-iklan'><a class='judul' href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'>Pasang Iklan di Sini</a>
            <a href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'>Blog Mas-Yudha</a>
            <span class='isi'>Pasang iklan Anda di sini, Harga Promo
            <a class='panah-besar' href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='http://2.bp.blogspot.com/-oIxrG3fvdj4/UnGxCH3EV9I/AAAAAAAAF_I/YBTBdMJO6VM/s1600/icon_chevron_white.png'/></a></span>
        </span>
    </div>
    <!-- iklan ke 4 -->
    <div data-header="Pasang Iklan di Sini">
        <span class='isi-iklan'><a class='judul' href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'>Pasang Iklan di Sini</a>
            <a href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'>Blog Mas-Yudha</a>
        <span class='isi'>Pasang iklan Anda di sini, Harga Promo
            <a class='panah-besar' href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='http://2.bp.blogspot.com/-oIxrG3fvdj4/UnGxCH3EV9I/AAAAAAAAF_I/YBTBdMJO6VM/s1600/icon_chevron_white.png'/></a></span>
        </span>
    </div>
    <!-- info -->
    <span class='info-iklan'>Iklan oleh Yudhadhesockerz</span>
    <span class='info-icon'><a href='http://maseyudha.blogspot.com/p/pasang-iklan.html' target='_blank'><img alt='info' src='http://2.bp.blogspot.com/--ivaHIgXThk/UnJWU80FLhI/AAAAAAAAF_Y/WrH-8aYijGw/s1600/info-iklan.png'/></a></span>     
</div>
 
terakhir silahkan edit judul dan link sobat

Sekian !! bagaimana ? jika sobat masih bingung sobat bisa ajukan pertanyaan dikotak komentar dibawah

11 komentar:

  1. Balasan
    1. iya gan sebagai Promosi Blog juga
      Silahkan dicoba gan :-bd

      Hapus
  2. kunjungan perdana gan , ijin praktek sob :)

    BalasHapus
    Balasan
    1. silahkan sob,,makasih sudah berkunjung sobat :-bd

      Hapus
    2. ctrl+d dulu kalo blog ane udah kebanjiran pengunjug ane pake trik ini gan :D .
      ditunggu kedatangan ke blog ane ya gan |o|

      Hapus
    3. sip gan :-bd
      langsung ke TKP gan

      Hapus
    4. oke thanks , sering2 mampir ya hehe :D

      Hapus
  3. Wah manteb tutorialnya sangat bermanfaat gan... Blogwalking is done..

    jangan lupa kunjungi Download Lagu Dan Film Gratis

    BalasHapus
  4. wah ,, keren mas kaya iklan adsense
    Jangan lupa ya mas kunjungi dong ke blog ane www.cecepdotcom.blogspot.com

    BalasHapus

 
Top