Skip to content Skip to sidebar Skip to footer

Cara Membuat Iklan Popup Di Blog

Cara Membuat Iklan Popup Di Blog - Memasang iklan popup banner di blog atau website, biasanya bertujuan untuk memberikan sebuah kartu ucapan, contohnya selamat datang di website atau blog saya dan ditujukan kepada pengunjung yang mengunjungi situs atau blognya sobat, akan tetapi ada juga beberapa pemilik blog ingin membuat popup banner jadi iklan dan bisa menarik perhatian para pengunjung blog sobat.
Cara Membuat Iklan Popup Di Blog - Memasang iklan popup banner di blog atau website, biasanya bertujuan untuk memberikan sebuah kartu ucapan, contohnya selamat datang di website atau blog saya dan ditujukan kepada pengunjung yang mengunjungi situs atau blognya sobat, akan tetapi ada juga beberapa pemilik blog ingin membuat popup banner jadi iklan dan bisa menarik perhatian para pengunjung blog sobat.
Cara Membuat Iklan Popup Di Blog
Membuat iklan popup di blog, bisa juga dapat meningkatkan penghasilan diblog kita, apalagi ketika blog kita tersebut diapproved adsense, dan bisa dengan mudah akan setiap bulan iklan berupa popup banner bisa menghasilkan penghasilan memadai dari blog di google adsense, nah sobat penasaran bukan untuk tampilan iklan popup banner di blog, saya contohkan dan sobat bisa perhatikan seperti tampak pada gambar berikut.
Contoh tampilan iklan popup banner tampil di blog
Contoh tampilan iklan popup banner tampil di blog
Jadi bagaimana sobatku semuanya ? tertarik bukan, nah ditulisan saya kali ini akan membagikan dan membahasnya yang akan dirangkumkan sedemikian rupa untuk beberapa point - point yang dapat sobat pelajari dan terapkan diblog atau situs sobat, dan nantinya bisa meningkatkan mutu penghasilan adsense diblog sobat dengan mudah, sebagai berikut.

Cara Membuat Iklan Popup Banner Di Blog

Berikut ini merupakan langkah-langkah untuk bagaimana cara mudah memasang iklan popup banner di blog atau situs, yang dapat sobat pelajari dan pahami, beserta menerapkan disitus atau blog sobat dengan mudah, untuk itu sobatku, yuk dibaca dan disimak baik-baik yah, sebagai berikut.

Langkah-Langkah

  1. Pertama-tama, sobat terlebih dahulu masuk ke blogger.
  2. Tepat dihalaman dashboard blogger sobat, pilih Theme (tema).
  3. Lalu pilih lagi sobatku Edit HTML.
  4. Untuk sobatku, cari kode </body> di Edit HTML pada blog sobat, untuk mempercepat, saya sarankan sobat memakai keyboard dan tekan tombol CTRL + F dari keyboard di komputer sobat.
  5. Selanjutnya salin kode iklan popup banner dibawah ini dan letakkan diatas kode </body> pada Edit HTML di blog sobat tentunya.

Kode Script Iklan Popup Banner Di Blog

<style>
.hide{display:none;visibility:hidden;}
.popbox{position:fixed;top:0;left:0;bottom:0;width:100%;z-index:1000000;}
.pop-content{width:600px;height:400px;display:block;position:absolute;top:50%;left:50%;margin:-225px 0 0 -425px;z-index:2;box-shadow:0 3px 20px 0 rgba(0,0,0,.5);}
.popcontent{width:100%;height:100%;display:block;background:#fff;border-radius:5px;overflow:hidden}
.pop-overlay{position:absolute;top:0;left:0;bottom:0;width:100%;z-index:1;background:rgba(0,0,0,.7)}
.popbox-close-button{position:absolute;width:28px;height:28px;line-height:28px;text-align:center;top:-14px;right:-14px;background-color:#fff;box-shadow:0 -1px 1px 0 rgba(0,0,0,.2);border:none;border-radius:50%;cursor:pointer;font-size:34px;font-weight:lighter;padding:0}
.popcontent img{width:100%;height:100%;display:block}
.flowbox{position:relative;overflow:hidden}
@media screen and (max-width:840px){.pop-content{width:90%;height:auto;top:20%;margin:0 0 0 -45%}
.popcontent img{height:auto}
}
</style>
<div class='popbox hide' id='popbox'>
<div aria-label='Close' class='pop-overlay' onclick='document.getElementById(&quot;popbox&quot;).style.display=&quot;none&quot;;removeClassonBody();' role='button' tabindex='0'/>
<div class='pop-content'>
<a href='URL TUJUAN' rel='noopener noreferrer' target='_blank' title='box'>
<div class='popcontent'>
<img alt='banner' height='450' src='URL BANNER ' width='850'/>
</div>
</a>
<button aria-label='Close' class='popbox-close-button' onclick='document.getElementById(&quot;popbox&quot;).style.display=&quot;none&quot;;removeClassonBody();'>&amp;times;</button>
</div>
</div>
<script>
//<![CDATA[
setTimeout(function(){
 document.getElementById('popbox').classList.remove('hide');
 document.body.className+=" flowbox"
 }, 5000);
function removeClassonBody(){var element=document.body;element.className=element.className.replace(/\bflowbox\b/g,"")}
//]]>
 </script> 
Catatan
  • Kode ( width:600px;height:400px ) adalah untuk mengatur ukuran banner kalian, silahkan di sesuaikan.
  • Untuk kode URL TUJUAN Bisa sobat isi dengan link tujuan sobat ketika pengunjung mengklik banner yang dipasang.
  • Untuk kode URL BANNER Silahkan sobat isi dengan URL Banner yang akan sobat pasang
  • Terakhir adalah angka 5000 , angka tersebut adalah untuk mengatur waktu kemunculan iklan pop up setelah pengunjung membuka halaman seb/blog sobat.
6. Simpan dan selesai.

Nah, bagaimana sobatku semuanya ? ternyata cukup mudah bukan, begitulah kira-kira untuk tulisan saya diblog sederhana ini yang dapat saya bahas dan rangkumkan sedemikian rupa mengenai cara dan beserta langkah-langkah yang dapat sobat pelajari dan terapkan disitus sobat, agar dapat memasang iklan popup banner di blog dengan mudah tentunya.

Demikianlah untuk tulisan saya diartikel kali ini yang dapat saya tuliskan dan bagikan pada blog sederhana mengenai topik pembahasan saya yaitu Cara Membuat Iklan Popup Di Blog, semoga dengan tulisan ide kreatif bermanfaat dari saya ini, bisa jadi sebuah refrensi (informasi) bermanfaat dan membantu para sobatku dimanapun berada tentunya, semoga bermanfaat dan menambah wawasan, sekian dan terimakasih.

Post a Comment for "Cara Membuat Iklan Popup Di Blog"