Membuat Iklan Teks Seperti Google AdSense

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cZHFJifESQNNoHwY7BEVBr50FdphsFm0kM6Ggh7sIb1VbA91TpDDs5Sg4f5BIuTdx-oV-kT7v7hyqEzeu7lmW6s931ZKTGvlmY6SgepLpaOaqjXLf2bTt6YyfvjsQKLgslkPlelzESo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cZHFJifESQNNoHwY7BEVBr50FdphsFm0kM6Ggh7sIb1VbA91TpDDs5Sg4f5BIuTdx-oV-kT7v7hyqEzeu7lmW6s931ZKTGvlmY6SgepLpaOaqjXLf2bTt6YyfvjsQKLgslkPlelzESo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cZHFJifESQNNoHwY7BEVBr50FdphsFm0kM6Ggh7sIb1VbA91TpDDs5Sg4f5BIuTdx-oV-kT7v7hyqEzeu7lmW6s931ZKTGvlmY6SgepLpaOaqjXLf2bTt6YyfvjsQKLgslkPlelzESo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cZHFJifESQNNoHwY7BEVBr50FdphsFm0kM6Ggh7sIb1VbA91TpDDs5Sg4f5BIuTdx-oV-kT7v7hyqEzeu7lmW6s931ZKTGvlmY6SgepLpaOaqjXLf2bTt6YyfvjsQKLgslkPlelzESo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgODBRBSEzZAGKWjmqqSBFDTlbigEZbHgn2Aemj4mMr5MbZC03tqDkGyEeWqvD81gu1dmIGGQa59QOogutaPDqVvtdaT1bq53PsC9U4Az7qj2lCQfBNq8abzDy_htYx6KYf9QRDUGowpx8/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