Tips Cara Mudah Membuat Iklan Mirip AdSense Blogger

Kali ini saya akan memberikan Tips cara untuk membuat iklan yang mirip seperti google adsense. khusus yang belum mengetahui saja ya, tetapi cara ini saya rasa semua blogger sudah mengetahui nya. Mungkin yang sudah lama bergelut di dunia blogger pasti sudah tidak asing lagi tips seperti tutorial ini.

Jadi pada hari ini saya tidak berlama- lama untuk basa basi, kalau begitu kita langsung saja ke pokok pembahasaanya agar tidak terbuang banyak waktu anda lama-lama untuk membaca artikel ini. Langsung saja anda simak langkah- langkah di bawah ini.

Membuat Iklan Mirip AdSense Blogger

Pertama , pastikan anda sudah masuk di dasbhor milik anda sendiri
Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
Temukan kode seperti ini </head> agar lebih mudah pencarian tekan CTRL+F) dan masukan kode di bawah ini tepat di atas kode bewarna merah
```
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/iklan-teks-ga.js' type='text/javascript'/>
```

Langkah kedua Anda Simpan kode CSS di bawah ini di atasWidget HTML / JavaScript

<div id="iklan-teks">
    <!-- iklan ke 1 -->
    <div data-header="Blogger Tutorial" style="border-top:none">
        <span class='isi-iklan'><a class='judul' href='www.mizipedia.com' target='_blank'>Blogger Tutorial</a>
            <a href='www.mizipedia.com' target='_blank'>www.mizipedia.com</a>
        <span class='isi'>Bukan Sekedar Cara Menjadi Publhiser Dengan Blogger.</span>
            <a class='panah-besar' href='www.mizipedia.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/AVvXsEhe31TlwPDqy5pXZrQQIOEhekKyzRRSJJ6fm60qRYDLx_FpiT9tEFyUnRtavproGp_zl634QzfOsFDPThXvvYLItSmVeHPqueipWx-GCx6Dx3rmlYEY7bASnBLFbMorSbayHOWECNPyf6A/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=''www.mizipedia.com' target='_blank'>Pasang Iklan di Sini</a>
            <a href=''www.mizipedia.com' target='_blank'>beginikey.blogspot.com</a>
            <span class='isi'>Pasang iklan Anda di sini, hanya 25 ribu / bulan.
            <a class='panah-besar' href=''www.mizipedia.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/AVvXsEhe31TlwPDqy5pXZrQQIOEhekKyzRRSJJ6fm60qRYDLx_FpiT9tEFyUnRtavproGp_zl634QzfOsFDPThXvvYLItSmVeHPqueipWx-GCx6Dx3rmlYEY7bASnBLFbMorSbayHOWECNPyf6A/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://beginikey.blogspot.com/p/pasang-iklan-di-beginikey.html' target='_blank'>Pasang Iklan di Sini</a>
            <a href='http://beginikey.blogspot.com/p/pasang-iklan-di-beginikey.html' target='_blank'>beginikey.blogspot.com</a>
            <span class='isi'>Pasang iklan Anda di sini, hanya 25 ribu / bulan.
            <a class='panah-besar' href='www.mizipedia.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/AVvXsEhe31TlwPDqy5pXZrQQIOEhekKyzRRSJJ6fm60qRYDLx_FpiT9tEFyUnRtavproGp_zl634QzfOsFDPThXvvYLItSmVeHPqueipWx-GCx6Dx3rmlYEY7bASnBLFbMorSbayHOWECNPyf6A/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=''www.mizipedia.com' target='_blank'>Pasang Iklan di Sini</a>
            <a href='www.mizipedia.com' target='_blank'>beginikey.blogspot.com</a>
        <span class='isi'>Pasang iklan Anda di sini, hanya 25 ribu / bulan.
            <a class='panah-besar' href='www.mizipedia.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/AVvXsEhe31TlwPDqy5pXZrQQIOEhekKyzRRSJJ6fm60qRYDLx_FpiT9tEFyUnRtavproGp_zl634QzfOsFDPThXvvYLItSmVeHPqueipWx-GCx6Dx3rmlYEY7bASnBLFbMorSbayHOWECNPyf6A/s1600/icon_chevron_white.png'/></a></span>
        </span>
    </div>
    <!-- info -->
    <span class='info-iklan'>judul iklan anda</span>
    <span class='info-icon'><a href='http://mizipedia.com' target='_blank'><img alt='info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6x9jYREXBpAud2_RAQZqWiWdfbR3RFASyo_Xe4-SgJs1UnvFQNO9H9bjQ6lltKz1bJj2E7RyHMi9cfJC86_TSfnVIm7kI3AJxbjn4yoYn7g90FfBHRsuxI4aU1jOOpQzhv0KMGtf0ns0/s1600/info-iklan.png'/></a></span>  
</div>

Langkah Ketiga Anda simpan kode CSS di bawah ini di atas ]]></b:skin> atau </style>


/* 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;

}

Kemudian anda klik Save Template, dan lihat hasilnya.

Note: Ganti Nama judul iklan anda dan alamat www.mizipedia.com' dengan alamat anda. lihat benar- benar alamat kode iklan yang harus di ganti

Demikian penjelasan tentang cara membuat iklan mirip adsense, dan Semoga bermanfaat untuk anda. selamat mencoba. jika masih kurang jelasa bisa anda klik komentar di bawah ini.

KATEGORI

HIBURAN

Tools:

Dukungan:

Channel Youtube

FOLLOW US:

Iklan Semua Halaman

Link Menu Atas

Tips Cara Mudah Membuat Iklan Mirip AdSense Blogger

Tips Cara Mudah Membuat Iklan Mirip AdSense Blogger

Membuat Iklan Mirip AdSense Blogger

Artikel Terkait