Cara Membuat Iklan Melayang di Halaman Blog
"Cara Membuat Iklan Melayang di Halaman Blog"
Halloo...... Sahabat Blogger semua, jumpa lagi dengan Dunia Blog - Tempat Belajar dan Berbagi Ilmu Ngeblog. Setelah beberapa postingan sebelumnya kita membahas cara membuat blog kita menghasilkan iklan dengan adsense. Maka pada postingan kali ini kita akan membahas bagaimana cara agar iklan adsense bisa muncul melayang di halaman pembuka blog.
baca juga cara membuat iklan melayang di bawah blog
Bagaimanakah caranya?? Langsung saja berikut cara membuat iklan adsense muncul melayang dihalaman pembuka blog sahabat.
1) Silahkan masuk ke akun blogger sahabat. www.blogger.com
2) Pada Dasbor pilih Tata Letak Blog;
3) Setelah itu Pilih Tambahkan 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://berbagiilmungeblog.blogspot.co.id/2016/01/cara-membuat-iklan-melayang-di-halaman.html" target="_blank">[Get Widget]</a></small>
</center>
<!-- HTML End -->
<a class='close' href='#'>×</a>
</div>
/* 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://berbagiilmungeblog.blogspot.co.id/2016/01/cara-membuat-iklan-melayang-di-halaman.html" target="_blank">[Get Widget]</a></small>
</center>
<!-- HTML End -->
<a class='close' href='#'>×</a>
</div>
6) Pilih Simpan;
7) Pilih Simpan Setelan. dan untuk mengecek pilih lihat blog.
Demikian postingan mengenai cara membuat iklan melayang dihalaman pembuka blog, meskipun singkat mudah-mudahan bermanfaat.
0 komentar:
Posting Komentar