Cara Membuat Iklan Melayang

(IdeNgeblog.Blogspot.Com) Pada kesempatan kali ini saya ingin berbagi widget iklan melayang pada pembuka situs. jadi intinya widget ini bakal keluar kalo pas pengunjung situs kita datang. widget ini bisa menguntungkan juga loh bagi para blogger yang gemar pasang iklan. berikut cara memasangnya:

1) Buka Dasbor Blogger di blogger.com;

2) Pilih Tata Letak Blog;

3) Pilih Tambah Gadget;

4) Pilih HTML/JavaScript;

5) Copy-Pastekan HTML Berikut pada kolom HTML/JavaScript:

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><b>Teks 1</b></center>
<center><b><u>Teks 2</u></b></center>
<center>
IKLAN DI SINI<br/>
<small><a href="http://thsumantri.blogspot.com/2013/12/blogger-membuat-iklan-pembuka-melayang.html" target="_blank">[Get Widget]</a></small>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>

6) Pilih Simpan;
7) Pilih Simpan Setelan. Selesai

Bagikan ke: Facebook Twitter Google+

Terkait