Cara Membuat iklan Melayang pada Blog
Membuat Iklan Melayang Pada Blog akan zona-klik jelaskan step by step caranya pada posting kali ini. Mengapa harus membuat iklan melayang pada blog ? Sebagian blogger menggunakan cara ini untuk menghemat ruang pada blog dan merupakan salah satu strategi untuk memperkenalkan sebuah iklan di blog agar mendapatkan klik yang valid dari pengunjung blog. Sebelum membuat iklan melayang di blog terlebih dahulu kita harus menentukan di mana posisi iklan yang tepat untuk ditampilkan agar mendapatkan klik yang valid dari pengunjung blog.
Setelah menentukan posisi yang tepat untuk menampilkan iklan melayang pada blog, langkah selanjutnya adalah memasukkan kode / script iklan yang nantinya akan tampil agar bisa di akses pada blog oleh pengunjung dan langkah-langkahnya adalah sebagai berikut :
1. Login pada account blogger dengan username dan password anda.
2. Pada halaman dasbor pilih Rancangan
3. Pilih Elemen Halaman kemudian klik Tambah Gadget
2. Pada halaman dasbor pilih Rancangan
3. Pilih Elemen Halaman kemudian klik Tambah Gadget
4. Pilih HTML/Javascript untuk memasukkan kode/script iklan dibawah ini agar iklan tersebut melayang pada blog
<a onblur="try {parent.
<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/script iklan anda di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhit8EeCGA2rGuH8_eqHLlOedZ61p_UXZUG1v-v8UcA3qLNNbEyvLhw6lyMOezH44BIeAmSLYtEOXeSiayrXGrrLQLzntdHjrntvvowGfVDGVOf3Ri5az1vwKjHY2vgLNie7iByB6nLIkM/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/AVvXsEhit8EeCGA2rGuH8_eqHLlOedZ61p_UXZUG1v-v8UcA3qLNNbEyvLhw6lyMOezH44BIeAmSLYtEOXeSiayrXGrrLQLzntdHjrntvvowGfVDGVOf3Ri5az1vwKjHY2vgLNie7iByB6nLIkM/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/script iklan anda di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
5. Simpan.
Setelah melakukan langkah-langkah diatas dengan benar coba lihat hasilnya, maka iklan melayang akan tampil pada blog anda. Mudah-mudahan dengan adanya iklan melayang pada blog akan meningkatkan penghasilan dari Bisnis PPC (pay per click) yang diikuti.
sumber: http://zona-klik.blogspot.com/2010/06/membuat-iklan-melayang-pada-blog.html
0 Response to "Cara Membuat iklan Melayang pada Blog"
Posting Komentar