Memasang Iklan Melayang Pada Blog
Banyak sekali Blogger yang ingin mendapatkan penghasilan tambahan dari blognya. Untuk mendapatkan penghasilan tambahan melalui Blog salah satu cara adalah dengan memasang iklan. Salah satu bentuk iklan adalah iklan melayang, dimana iklan tersebut akan muncul pada halaman blog dan melayang tentunya.
Ini adalah trik paling mudah untuk membuat iklan melayang di Blogger:
1. Setelah Log In Blogger pilih Rancangan.
2. Pada menu edit Tata Letak pilih Tambah Widget lalu HTML.
3. Masukkan kode berikut:
1. Setelah Log In Blogger pilih Rancangan.
2. Pada menu edit Tata Letak pilih Tambah Widget lalu HTML.
3. Masukkan kode berikut:
onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPK2ujh_EQSfgibst_D4U8tezai6aN0W2lVshCA08pHTeCjbbb-CpoGn9W6jtdLm6kOlfeEhApiYgncxPL9XiPWAE8_57ZAPftXFQ7xjVPO154stOPq3S3mH_ndSFVr0aZE1kx48aTxqI/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPK2ujh_EQSfgibst_D4U8tezai6aN0W2lVshCA08pHTeCjbbb-CpoGn9W6jtdLm6kOlfeEhApiYgncxPL9XiPWAE8_57ZAPftXFQ7xjVPO154stOPq3S3mH_ndSFVr0aZE1kx48aTxqI/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
4. Ganti tulisan berwarna hijau dengan kode HTML iklan anda.
5. Lalu save dan lihat hasilnya!
Gimana,mudah sekali kan?
0 komentar: