Membuat Iklan Sendiri Mirip Iklan Google Adsense

Iklan Mirip Google Adsense

Live Demo

Tutorial
1. Simpan kode ini di atas </head>

<script src='https://kampung-bodoh-x2.googlecode.com/svn/trunk/iklan-adsense.js' type='text/javascript'/>

2. Simpan kode CSS 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;
}

3.Add Gadget Simpan kode ini pada Widget HTML / JavaScript

<div id="iklan-teks">

    <br />
<div data-header="Kampung Bodoh" style="border-top: none;">
<span class="isi-iklan"><a class="judul" href="http://kampung-bodoh.blogspot.com/" target="_blank">Just For Sharing</a>
            <a href="http://kampung-bodoh.blogspot.com/" target="_blank">Kampung Bodoh</a>
        <span class="isi">Just For Sharing</span>
            <a class="panah-besar" href="http://kampung-bodoh.blogspot.com/" target="_blank"><img alt="arrow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiCMKRQxlXyaAhHsW8_fa7p9iFip4JBO7F8806enW0f9sb9NpZJ-o5StMFb0dlGiKHoLxZ5KlXGgysybjdo7FqeRiIudaeCRBOK4XOQsRwwK8qI6DJdhtkb0kVxMEf48PUEH-ZKmCWpU/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a>
        </span>
    </div>

    <br />
<div data-header="Pasang Iklan di Sini">
<span class="isi-iklan"><a class="judul" href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank">Pasang Iklan di Sini</a>
            <a href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank">Kampung Bodoh</a>
            <span class="isi">Pasang iklan di sini, hanya 10 ribu / bulan.
            <a class="panah-besar" href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank"><img alt="arrow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiCMKRQxlXyaAhHsW8_fa7p9iFip4JBO7F8806enW0f9sb9NpZJ-o5StMFb0dlGiKHoLxZ5KlXGgysybjdo7FqeRiIudaeCRBOK4XOQsRwwK8qI6DJdhtkb0kVxMEf48PUEH-ZKmCWpU/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a></span>
        </span>
    </div>

    <br />
<div data-header="Pasang Iklan di Sini">
<span class="isi-iklan"><a class="judul" href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank">Pasang Iklan di Sini</a>
            <a href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank">Kampung Bodoh</a>
            <span class="isi">Pasang iklan Anda di sini, hanya 10 ribu / bulan.
            <a class="panah-besar" href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank"><img alt="arrow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiCMKRQxlXyaAhHsW8_fa7p9iFip4JBO7F8806enW0f9sb9NpZJ-o5StMFb0dlGiKHoLxZ5KlXGgysybjdo7FqeRiIudaeCRBOK4XOQsRwwK8qI6DJdhtkb0kVxMEf48PUEH-ZKmCWpU/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a></span>
        </span>
    </div>

    <br />
<div data-header="Pasang Iklan di Sini">
<span class="isi-iklan"><a class="judul" href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank">Pasang Iklan di Sini</a>
            <a href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank">Kampung Bodoh</a>
        <span class="isi">Pasang iklan Anda di sini, hanya 10 ribu / bulan.
            <a class="panah-besar" href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank"><img alt="arrow" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiCMKRQxlXyaAhHsW8_fa7p9iFip4JBO7F8806enW0f9sb9NpZJ-o5StMFb0dlGiKHoLxZ5KlXGgysybjdo7FqeRiIudaeCRBOK4XOQsRwwK8qI6DJdhtkb0kVxMEf48PUEH-ZKmCWpU/s1600/icon_chevron_white.png" style="height: 19px; margin-left: 2px; margin-top: 7px; width: 12px;" /></a></span>
        </span>
    </div>

    <span class="info-iklan">Iklan oleh Robby</span>
    <span class="info-icon"><a href="https://www.blogger.com/blogger.g?blogID=7483978274746916752#" target="_blank"><img alt="info" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOeMrim5pdG-_LzxMgDdTf6D3huZDmkLSchhg7czj9Nkg_kc9dJPdNgCSCjp1qKRR9IgTmd5vZvOfNjOsv5kW3lbDDvuxlQwLXNnaMW9VDekbCym29BKltRcerwGRbd7__46hyphenhyphenQHeWOW8/s1600/info-iklan.png" /></a></span>
</div>

Secure : blog.kangismet.net

Ditulis Oleh : Robby Armansyah

Anda baru saja membaca artikel dengan judul Membuat Iklan Sendiri Mirip Iklan Google Adsense. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.

https://kampung-bodoh.blogspot.com/2014/10/membuat-iklan-sendiri-mirip-iklan_8.html

✚

Kampung Bodoh

Membuat Iklan Sendiri Mirip Iklan Google Adsense

Ditulis Oleh : Robby Armansyah

Related Post

3 comments