Tuesday, June 25, 2013

Floating Bottom Image di halaman web

Untuk membuat Fixed Floating bottom image. Silahkan ikutin petunjuk dibawah ini.
Silahkan cari bagian <HEAD> dan copas kan Script di bawah ini.

KHUSUS untuk Blogspot bagian <Head> section harus didalam <skin>....</skin> bagian paling akhir diatas </skin>

<STYLE>
/* Floating Bottom Banner  http://icodingz.blogspot.com
------------------------------------------------------------------------------ */
#bottombanner {
display:block;
background:#000;
color:#fff;
position:fixed;
bottom:0px;
left:300px;
width:468;
text-align:center;
height:60px;
z-index:999;
}
#bottombanner a {
margin:0 auto;
}
#bottombanner img {
border:none;
}
</STYLE>

Lalu  cari bagian <BODY> dan copas kan script dibawah ini
  <div id='bottombanner'>
      <a href='http://domainanda.com/' target='_blank'><img src='http:/domainanda.com/banner 468x60.gif'/></a>
    </div>
Script ini sdh di test dan berhasil di JOOMLA, WORDPRESS, Blogspot.
  
Silahkan dicoba semoga bermanfaat.

No comments:

Post a Comment