Membuat Iklan Menyerupai Google Adsense

Iklan Seperti Google Adsense - Google Adsens ialah jadwal perusahaan google yang bergerak di bidang periklanan. Google adsense memberi peluang perjuangan atau bisnis kepada para webmaster untuk menjadi kawan dari google adsense tersebut, yakni menjadi publisher online. Google adsense (GA) akan membayar publishernya menurut klik pada iklan yang muncul di web si publisher tersebut.

Demo   CODE

Sebuah Blog dapat mendaftar Google Adsens sekurang-kurangnya selama tiga bulan dari masa pembuatan Blog, namun jikalau Anda sudah mendaftar Google Adsens namun belum juga di approve solusinya Anda dapat memasang iklan yang menyerupai mirip Google Adsens. Bedanya dalam pemasangan ini Anda tidak dapat mendapat rupiah, untuk pembuatannya berikut ini langkah-langkahnya :

1. Login keakaun Blogger
2. Pilih Layout/Tata Letak
3. Klik add Gadget
4. Lalu pilih HTML/Javascript
5. Kemudian copy arahan dibawah ini dan pastekan pada content yang tersedia :

<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://aak-share.com/" target="_blank">Blogger Tutorial</a>
<a href="http://www.aak-share.com/" target="_blank">blog.aak-share.com</a>
<span class="isi">Blogger Informasi and Tutorial Terbaru.</span>
<a class="panah-besar" href="http://www.aak-share.com/" target="_blank"><img alt=" Google Adsens ialah jadwal perusahaan google yang bergerak di bidang periklanan Membuat Iklan Seperti Google Adsense " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw7pFH-8I7U0wuzKswVi-2DykFdQ0k2Li7SHpLggu9N5jY5YovCHuePWVHZQ7GARv20bFuqfGk3_OQwJ9PsvLd30fuX-u45ytQJsQOzAlOngmcqZskBkwCmXg2NoOfBBfLu1Semq-bsa4/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a>
</span></div>

<!-- iklan ke 2 -->
<div data-header="Pasang Iklan di Sini">
<span class="isi-iklan"><a class="judul" href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank">Pasang Iklan di Sini</a>
<a href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank">blog.aak-share.com</a>
<span class="isi">Pasang iklan Anda di sini, hanya 50 ribu / bulan.
<a class="panah-besar" href="https://www.blogger.com/href=" http:="" iklan-seperti-google-adsense.html="" target="_blank" www.aak-share.com=""><img alt=" Google Adsens ialah jadwal perusahaan google yang bergerak di bidang periklanan Membuat Iklan Seperti Google Adsense " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw7pFH-8I7U0wuzKswVi-2DykFdQ0k2Li7SHpLggu9N5jY5YovCHuePWVHZQ7GARv20bFuqfGk3_OQwJ9PsvLd30fuX-u45ytQJsQOzAlOngmcqZskBkwCmXg2NoOfBBfLu1Semq-bsa4/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a></span>
</span></div>

<!-- iklan ke 3 -->
<div data-header="Pasang Iklan di Sini">
<span class="isi-iklan"><a class="judul" href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank">Pasang Iklan di Sini</a>
<a href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank">blog.aak-share.com</a>
<span class="isi">Pasang iklan Anda di sini, hanya 50 ribu / bulan.
<a class="panah-besar" href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank"><img alt=" Google Adsens ialah jadwal perusahaan google yang bergerak di bidang periklanan Membuat Iklan Seperti Google Adsense " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw7pFH-8I7U0wuzKswVi-2DykFdQ0k2Li7SHpLggu9N5jY5YovCHuePWVHZQ7GARv20bFuqfGk3_OQwJ9PsvLd30fuX-u45ytQJsQOzAlOngmcqZskBkwCmXg2NoOfBBfLu1Semq-bsa4/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a></span>
</span></div>

<!-- iklan ke 4 -->
<div data-header="Pasang Iklan di Sini">
<span class="isi-iklan"><a class="judul" href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank">Pasang Iklan di Sini</a>
<a href="https://www.blogger.com/href=" http:="" iklan-seperti-google-adsense.html="" target="_blank" www.aak-share.com="">blog.aak-share.com</a>
<span class="isi">Pasang iklan Anda di sini, hanya 50 ribu / bulan.
<a class="panah-besar" href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank"><img alt=" Google Adsens ialah jadwal perusahaan google yang bergerak di bidang periklanan Membuat Iklan Seperti Google Adsense " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw7pFH-8I7U0wuzKswVi-2DykFdQ0k2Li7SHpLggu9N5jY5YovCHuePWVHZQ7GARv20bFuqfGk3_OQwJ9PsvLd30fuX-u45ytQJsQOzAlOngmcqZskBkwCmXg2NoOfBBfLu1Semq-bsa4/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a></span>
</span></div>

<!-- informasi -->
<span class="info-iklan">Iklan oleh AakShare</span>
<span class="info-icon"><a href="http://www.aak-share.com/2014/12/iklan-seperti-google-adsense.html" target="_blank"><img alt=" Google Adsens ialah jadwal perusahaan google yang bergerak di bidang periklanan Membuat Iklan Seperti Google Adsense " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ZF9A6DrUzBXfRmXd5NDuJBhZyv2FOpfolK3P-YXmAXQkCQUovvmiJ07_McOlFjoZPqYgWqDN1stjMvh2dLNwjZYPahfo7Ok7A6UX05uIJM_41aTPTW7D4ONQDK6aZZGbZhA8lfwzvZs/s1600/info-iklan.png" /></a></span></div>

6. Selanjutnya Anda cari kode ]]></b:skin>, lalu coly arahan di bawah ini dan terapkan di atasnya.

#iklan-teks {
width:304px;
height:400px;
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;
}

7. Berikutnya Anda cari arahan </head> , copy arahan di bawah ini dan terapkan di atasnya.

<script src="https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/iklan-teks-ga.js" type="text/javascript"></script>

8. Simpan Template, dan silahkan Anda lihat hasilnya.

Mudah bukan, selamat mencoba.

Sumber http://www.websiteedukasi.com/