Membuat Iklan Teks ala Google Adsense

Jumat, 28 Maret 2014

Laba-Laba Blog - Pada pagi hari ini kami akan membahas tentang Membuat Iklan Teks ala Google Adsense, bagi anda sudah tidak asing lagi bila mendengar kata google adsense karena kata itu sudah populer didunia website baik itu di blogger, wordpres maupun di joomla. Kami mendapatkan postingan ini setelah mengunjungi website milik Kang Ismet karena websitenya memiliki postingan-postingan yang berkualitas serta sudah tidak diragukan lagi, syarat anda untuk memiliki google adsense adalah anda harus berumur 17 tahun serta anda harus memiliki rekening bank. Berikut langkah-langkah pembuatannya:

1. Masuk ke blogger.
2. Dari dasbor => template => edit html.
3. Cari kode </head>.
4. Salin kode dibawah ini kemudian tempelkan kode yang anda sudah salin diatas kode tadi.

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

5. Kemudian cari kembali kode ]]></b:skin> atau </style>.
6. Salin kembali kode dibawah ini kemudian tempelkan kode tersebut diatas kode nomor 5.

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

7. Simpan kode ini pada Widget HTML / JavaScript.

<div id="iklan-teks">

<div data-header="Blogger Tutorial" style="border-top:none">
<span class='isi-iklan'><a class='judul' href='http://muhammadagielk.blogspot.com' target='_blank'>Blogger Tutorial</a>
<a href='http://muhammadagielk.blogspot.com' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Blogger Tutorials and Free Blogger Templates.</span>
<a class='panah-besar' href='http://muhammadagielk.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/AVvXsEi6mDVqUJupj0mwve0KuZaPvkxOnGolr35eJceJrhUYyjQ2Yzip-hjXGzU96mugJFu5UKgun_9wW1ltWYM1CcvR4cWDtFlMCHRcpWH3V0mpl7N83fOdMJOorD7LjkZuHnkaOBu1kva-gPQ/s1600/icon_chevron_white.png'/></a>
</span>
</div>

<div data-header="Pasang Iklan di Sini">
<span class='isi-iklan'><a class='judul' href='http://muhammadagielk.blogspot.com' target='_blank'>Pasang Iklan di Sini</a>
<a href='http://muhammadagielk.blogspot.com' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Pasang iklan Anda di sini.
<a class='panah-besar' href='http://muhammadagielk.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/AVvXsEi6mDVqUJupj0mwve0KuZaPvkxOnGolr35eJceJrhUYyjQ2Yzip-hjXGzU96mugJFu5UKgun_9wW1ltWYM1CcvR4cWDtFlMCHRcpWH3V0mpl7N83fOdMJOorD7LjkZuHnkaOBu1kva-gPQ/s1600/icon_chevron_white.png'/></a></span>
</span>
</div>

<div data-header="Pasang Iklan di Sini">
<span class='isi-iklan'><a class='judul' href='http://muhammadagielk.blogspot.com' target='_blank'>Pasang Iklan di Sini</a>
<a href='http://muhammadagielk.blogspot.com' target='_blank'>Laba-Laba Blog</a>
<span class='isi'>Pasang iklan Anda di sini.
<a class='panah-besar' href='http://muhammadagielk.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/AVvXsEi6mDVqUJupj0mwve0KuZaPvkxOnGolr35eJceJrhUYyjQ2Yzip-hjXGzU96mugJFu5UKgun_9wW1ltWYM1CcvR4cWDtFlMCHRcpWH3V0mpl7N83fOdMJOorD7LjkZuHnkaOBu1kva-gPQ/s1600/icon_chevron_white.png'/></a></span>
</span>
</div>

<div data-header="Pasang Iklan di Sini">
<span class='isi-iklan'><a class='judul' href='http://muhammadagielk.blogspot.com' target='_blank'>Pasang Iklan di Sini</a>
<a href='http://muhammadagielk.blogspot.com' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Pasang iklan Anda di sini.
<a class='panah-besar' href='http://muhammadagielk.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/AVvXsEi6mDVqUJupj0mwve0KuZaPvkxOnGolr35eJceJrhUYyjQ2Yzip-hjXGzU96mugJFu5UKgun_9wW1ltWYM1CcvR4cWDtFlMCHRcpWH3V0mpl7N83fOdMJOorD7LjkZuHnkaOBu1kva-gPQ/s1600/icon_chevron_white.png'/></a></span>
</span>
</div>

<span class='info-iklan'>Iklan oleh Laba-Laba Blog</span>
<span class='info-icon'><a href='http://muhammadagielk.blogspot.com' target='_blank'><img alt='info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqxYk8EsNztoULpdWqWhkuxOQ0QPve-ipmoM8jqx3kVEhA1VGwaWHSQ9oLbzFN0d2KeIGra85JQXh_G2rvMqThBe8yNXkXkvv83knZKXvjl1ATn9uGtiIKMq1buScoZZw5yaWSQ9HB-k/s1600/info-iklan.png'/></a></span>
</div>

8. Simpan

Sumber: http://blog.kangismet.net