Cara Membuat Float Untuk Banner, Iklan, Fun Facebook Melayang

Cara membuat float untuk banner, Adsanse, Fun FB, dan sebagainya, adalah model tips blogging seru untuk para lover clicker, namun hal ini sedikit mengganggu visitor blog anda untuk membaca artikel - artikel menarik diblog anda, dan sedikit memperlambat loading page blog. Namun cara membuat float untuk banner, iklan dsb, bagus untuk meningkatkan klik Iklan pada blog anda.

Apa itu Float, dan Bagaimana cara membuat Iklan Floating pada Blog

Very well!! saya akan coba sedikit memberi gambaran kepada kawan blogger yang belum tahu apa itu floting style... he he he, semoga bermanfaat. Float atau floating adalah bahasa inggris yang kalau kita terjemahkan mengapung, bisa juga melayang. Istilah float ini digunakan para Blogger untuk membuat space pada blog baik berupa Ads, Banner yang modelnya melayang. Nah itulah yang akan kita bahas kali ini yaitu cara membuat float untuk banner, iklan dsb. Untuk Demonya silahkan sobat klik Disini.

Terus bagaimana cara membuat floating untuk Banner, Ads dan lain-lain ini!!!
Cara membuat floating ini sangat mudah, dan hampir sama seperti kita belajar cara membuat populer post bergerak dan cara membuat spoiler pada blog pada postingan terdahulu. Anda tinggal mengikuti langkah sederhana membuat float dibawah ini.

1. Login ke Blogger
2. Klik Tata Letak => Klik pada Add Gadget
3. Pilih Gadget HTML/Java Script
4. Dan copy - pastekan kode sript dibawah ini ke gadget HTML/Java Script

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#0CEC0C;
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()">
.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>

LETAK SCRIPT BANNER ADSENSE, IKLAN GAMBAR DAN LAIN2 MILIK ANDA

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Keterangan:

• #000000: adalah code warna untuk garis pinggir disini warnanya hitam, silahkan anda ganti sesuai dengan warna untuk garis pinggir yang anda sukai.
•  background:#0CEC0C adalah warna untuk background float anda, anda bisa ganti sesuai dengan warna yang anda sukai.

Nah!!! mudah bukan cara membuat float banner pada blog, sekarang gilliran anda untuk mencobanya.
Ingat!!! Jangan menggunakan teknis ini untuk iklan Adsense PPC yang melarang cara ini
Selamat mencoba semoga sukses.








Description: Cara Membuat Float Untuk Banner, Iklan, Fun Facebook Melayang Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Membuat Float Untuk Banner, Iklan, Fun Facebook Melayang