Membuat Iklan Yang Menarik Menyerupai Google Adsense
Thursday, November 14, 2013
Add Comment
Membuat Iklan Yang Menarik Seperti Google Adsense - Menurut sahabat apa yang menciptakan sebuah iklan dalam blog atau web akan di klik oleh pengunjung ? Pertama yaitu penempatan iklan tersebut, Kedua isinya memang menarik, dan yang ketiga mungkin salah satunya yaitu bentuk iklan tersebut menarik atau unik. Kesempatan kali ini aku akan share cara menciptakan iklan di blogspot penampakan nya menyerupai iklan Google Adsense. Trik ini aku sanggup dari blog nya kang ismet. Seperti apa penampakanya, silahkan lihat demo dibawah ini :
Langkah 1 : Simpan isyarat ini di atas
</head> <script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/iklan-teks-ga.js' type='text/javascript'/>
Langkah 2 : Simpan isyarat 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;
} Langkah 3 : Simpan isyarat ini pada Widget 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='http://blog.kangismet.net' target='_blank'>Blogger Tutorial</a>
<a href='http://blog.kangismet.net' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Blogger Tutorials and Free Blogger Templates.</span>
<a class='panah-besar' href='http://blog.kangismet.net' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4lljRhcsKdOskg9RB105Y51vDcRBLJkXaYtlLrSrcDxGXLtWfsxYWRo-UnjbBNlik8h4wgy7TMACgMeIPRv0rRCvSFIN8r3fNLzRy7wgQhvubmqoumrUQMD9VlJxi2mHmViMcPVov-RQ/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='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'>Pasang Iklan di Sini</a>
<a href='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Pasang iklan Anda di sini, hanya 35 ribu / bulan.
<a class='panah-besar' href='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4lljRhcsKdOskg9RB105Y51vDcRBLJkXaYtlLrSrcDxGXLtWfsxYWRo-UnjbBNlik8h4wgy7TMACgMeIPRv0rRCvSFIN8r3fNLzRy7wgQhvubmqoumrUQMD9VlJxi2mHmViMcPVov-RQ/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='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'>Pasang Iklan di Sini</a>
<a href='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Pasang iklan Anda di sini, hanya 35 ribu / bulan.
<a class='panah-besar' href='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4lljRhcsKdOskg9RB105Y51vDcRBLJkXaYtlLrSrcDxGXLtWfsxYWRo-UnjbBNlik8h4wgy7TMACgMeIPRv0rRCvSFIN8r3fNLzRy7wgQhvubmqoumrUQMD9VlJxi2mHmViMcPVov-RQ/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='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'>Pasang Iklan di Sini</a>
<a href='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Pasang iklan Anda di sini, hanya 35 ribu / bulan.
<a class='panah-besar' href='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4lljRhcsKdOskg9RB105Y51vDcRBLJkXaYtlLrSrcDxGXLtWfsxYWRo-UnjbBNlik8h4wgy7TMACgMeIPRv0rRCvSFIN8r3fNLzRy7wgQhvubmqoumrUQMD9VlJxi2mHmViMcPVov-RQ/s1600/icon_chevron_white.png'/></a></span>
</span>
</div>
<!-- isu -->
<span class='info-iklan'>Iklan oleh Kang Ismet</span>
<span class='info-icon'><a href='https://mas-basir.blogspot.co.id//search?q=iklan-teks-ala-adsense' target='_blank'><img alt='info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghk1-EhbKTuSRLsE-riiJvzkDOPecNfWbY5mKhAtsBOVtVR-U82YPqRiv4FXm_5Gr_B_x2Ql5A6YBwl2W9Me4DWa1qDMfsiqpRHIR4GyKU7fLQua4vyOj6ur0sM0LYk6WYwQjVK8S3iUA/s1600/info-iklan.png'/></a></span>
</div>
Silahkan sahabat edit judul dan link sesuai keinginan.
Cukup sekian tips Membuat Iklan Yang Menarik Seperti Google Adsense. Semoga Bermanfaat
Thanks to : kangismet.net
0 Response to "Membuat Iklan Yang Menarik Menyerupai Google Adsense"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda