468x60 Ads

1

Cara Membuat (Sticky) Menempel terus di footer

Langsung saja ke rumusnya yah....


Rumus 1

        <center>

        <div style="background: white; border-bottom: 1px blue solid; border-top: 1px blue solid; bottom: 0; color: darkblue; font-size: 13px; height: auto; left: 0; padding: 5px; position: fixed; text-align: center; width: 100%; z-index: 1001;"> 

        Masukkan kode iklan, atau widget, atau kode yang lainnya, bisa juga dimasukkan text, maupun gambar</div>

        </center>


Rumus 2 (yang seperti saya di bawah ini)

<div style="height: 10%; width: 100%; text-align: center; background: url(http://i51.tinypic.com/2f0616b.jpg;) repeat scroll 0pt 0pt transparent; position: fixed; bottom: 0pt; left: 0pt; border-top: 1px solid red; border-bottom: 1px solid red; color: red; padding: 5px; z-index: 1001; font-size: 13px;"> <span class="Apple-style-span" style="color: red;"><b><span class="Apple-style-span" style="font-size: x-large;">

ISI DENGAN KODE APA SAJA



</span></b></span></div>



Rumus 3

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


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#E08328;
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>



Kode IKLAN



</center>

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






Keterangan :

http://i51.tinypic.com/2f0616b.jpg,ganti dengan alamat penyimpanan gambar misal di tinypic
yang tulisan biru bisa kalian edit mau warna apa



Dicabut sama aku ah..soalnya loading blog ama penampilan menggangu!!hehehehe


met nyoba yah...
Related Posts Plugin for WordPress, Blogger...

2 komentar:

{ joinonptc } at: 11 Desember 2010 pukul 17.36 mengatakan...

:) nice posting sob!:)

{ eMingko Blog } at: 28 Maret 2011 pukul 21.16 mengatakan...

klo floating menu melayang ada g'?

Posting Komentar

Hey...silahkan comment yah di blog jason!!!