Selengkapnya di: Membuat Sliding Login/Register Form Panel di Blog | Kode Blogger http://kode-blogger.blogspot.com/2011/05/membuat-sliding-loginregister-form.html#ixzz0tfbMaYMP
Custom Search

Senin, 30 Mei 2011

Cara Membuat Iklan Melayang Pada Blog

Ditengah kesibukanku menyelesaikan tugas akhir kuliahku yang membuat aku lelah sekali rasanya, namun masih aku sempatkan waktu untuk memberikan sesuatu yang mungkin bermanfaat untuk rekan blogger, buat para blogger yang doyan banget masang iklan diblognya dengan tujuan untuk mencari tambahan penghasilan atau apapun alasannya, mungkin cara yang satu ini dapat dijadikan cara untuk memamerkan iklan anda dimata pengunjung blog, dengan harapan diklik oleh pengunjung kita, cara ini dengan menggunakan iklan yang melayang pada blog kita, tidak perlu panjang lebar berikut caranya

Kopi kode dibawah ini :

<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>


 Teks yang berwarna merah jangan lupa diganti dengan kode dari iklan anda ya....

- Selanjutnya Login ke Blogger.com dengan akun anda pastinya

- Kemudian masuk ke Rancangan
- Lalu pilih tambah Widget
- Cari Html / Javascript
- Paste Kode diatas di dalam widget tersebut lalu simpan

Selesai sudah langkah-langkahnya, cukup mudah namun semoga memberikan perubahan yang besar bagi pendapatan anda.


1 komentar:

aimyaya mengatakan...

sebelum memasang iklan popup, harap baca dulu TOS si provider iklan, sebab ada kalanya iklan pop up justru dilarang

Posting Komentar

Silahkan tinggalkan komentar anda

Link Sahabat

Twitter Delicious Facebook Digg Favorites More

 

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!

Selengkapnya di: Membuat Sliding Login/Register Form Panel di Blog | Kode Blogger http://kode-blogger.blogspot.com/2011/05/membuat-sliding-loginregister-form.html#ixzz0tfbeC5kG