Cara Memasang Penampil Iklan PopUp di blogspot


Cara Memasang Penampil Iklan PopUp di blogspot

Memiliki blog dengan template berbentuk landing page memang sangat baik untuk SEO, Loading yang cepat dan terlihat lebih rapi dan bersih. Namun jika sobat menggunakan template SEO berbentuk landing page akan mengalami beberapa masalah jika sobat ingin menjadi publisher iklan sobat akan kebingungan dimana iklan akan terpasang namun tidak mengubah struktur tema blog agar terlihat tetap rapi.

Saya akan memberikan solusi buat sobat yang blognya menggunakan tema landing page agar tetap bisa di pasangi iklan. Seperti blog milik saya ada sebuah iklan dari ADNOW yang terpasang disebelah pojok atas.

Pemasangan iklan ini menggunakan popUP agar bisa menampilkan iklan secara rapi. Popup ini akan muncul disetiap halaman blog sobat. Langsung saja sobat ikuti langkah-langkahnya.
  • Login ke dasbor blog
  • pilih tema > EDIT HTML
  • Kemudian copas kode dibawah ini dan letakan diatas kode </head> letakan tepat diatasnya. Berikut kodenya.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js' type='text/javascript'/>
  • Kemudian SAVE
  • Kemudian sobat buat widget baru dengan cara Pilih TATA LETAK > Tambah Widget > Pilih HTML / Javascript kemudian copy semua kode berikut dan pastekan berikut kode nya :
<!-- Start : Iklan Atas -->
<style>
#adstopbar {
height:25px;
cursor:move;
width:auto;
background: #005094 url(http://lh6.googleusercontent.com/-25yI9RdlTQM/TkWH5CaAh3I/AAAAAAAAAd4/tl00tzlBc80/s800/sidebar-h2.jpg);
background-repeat:repeat-x;
text-align:left;
box-shadow: inset 0 0 1px #fff;
-moz-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius:4px 4px 0 0;
background-color:#005094;
}
#adsplace {
height:120px;
margin:0 auto;
width: 120px;
overflow:hidden;
background:transparent;
border-bottom:1px #005094 solid;
border-right:1px #005094 solid;
border-left:1px #005094 solid;
text-align:Center;
padding:2px;
}
#adspace {
opacity:1.0;
height:auto;
width:auto;
position: fixed;
top: 0%;
left:2px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:+99999;
font-size:13px;
}
</style>
<script>
$(document).ready(function() {
$("#adspace").draggable();
$("#adspace").show("clip");
$("#adsClose").click(function(){
$("#adspace").hide("explode");});
});
</script>
<div id='adspace' style="display:none;">
<div id='adstopbar'>
<img align='left' src='http://3.bp.blogspot.com/-FvG5p_ZhI34/VgYziey-DYI/AAAAAAAAAOI/4sPd5E_r2Wc/s1600/ads_1.png' style='width:24px;height:24px;padding-left:2px;'/><span style='color:#fff;font-size:17px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;margin-left:5px;'>Sponsor</span> <span style='color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:2px'>
<img id='adsClose' title="Close" src='http://1.bp.blogspot.com/-HT_c-10J9dI/VgJqQxK-JEI/AAAAAAAAAK8/Se_YAdaCdfA/s1600/close.gif' width="16px" height="16px" style="cursor:pointer;"/>
</span>
</div>
<div id='adsplace'>
<!-- Begin Ads -->
Pasng iklan sobat disini 
<!-- End Ads -->
</div></div>
<!-- End : Iklan Atas -->
  • Kemudian SAVE
Sobat bisa menempatkan kode iklan pada tulisan yang saya beri tanda warna biru, Untuk menentukan panjang & lebar iklan sobat bisa ganti angka yang saya beri warna merah dengan angka yang sobat inginkan. Dengan menambahkan iklan popUP blog sobat akan terlihat rapi sobat bisa menggunakan kode script diatas untuk Memasang Penampil Iklan PopUp di blogspot.
** Sobat Barusan Telah Membaca Postingan Tentang Cara Memasang Penampil Iklan PopUp di blogspot Semoga Bermanfaat Dan Silahkan baca postingan kami yang lain, Terima Kasih.