Membuat Footer Melayang

Pada saat kita membuka web / blog, ada beberapa dari mereka yang membuat footer melayang pada layar webnya, seperti punyaku ini

Bagi kita para blogger baru tentulah penasaran bukan bagaimana sih membuatnya??????
Tidak usah ragu untuk membaca dan belajar, pasti akan menemukannya.....Begitulah kata orang bijak....

Sebenarnya tidaklah terlalu susah untuk membuatnya, asal ada ketekunan dan tentunya pemahaman dalam peracikan/penulisan css-nya.

Mari kita kupas cara pembuatannya :

1. Login blogger,

2. klik Template / Rancangan,

3. klik Edit HTML, cari kode ]]></b:skin> untuk mempermudah pencarian gunakanlah (ctrl + F ) pada keybord bloggers, letakkan kode dibawah ini tepat diatas kode tersebut,

/* Footer Melayang

----------------------------------------------- */

#footer1

{position: fixed;align: left;

border-top: 1px solid #98cefc;

border-bottom: 1px solid #98cefc;

background-color: #FFF000;

float:left;

width: 50%;

height:20px;

text-align: left;

color: #blue;

font-family: Verdana;

font-weight: bold;

font-size: 13px;

bottom:0;

}

#footer2

{position: fixed;align: right;

border-top: 1px solid #98cefc;

border-bottom: 1px solid #98cefc;

background-color: #FFF000;

float:right;

width: 50%;

height:20px;

text-align: right;

color: #ffffff;

font-family: Verdana;

font-weight: bold;

font-size: 13px;

bottom:0;right:0;

}

4. Kemudian cari kode </body>, letakkan kode sibawah ini tapat diatas kode tersebut :

<div id='footer1'>

<marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'>Masukkan tulisan anda </marquee>

</div>

<div id='footer2'>

| <span style='font-size:16px;font-weight:300'/> <a href='http://www.blogger.com'>Blogger</a> | <a href='http://bikomgt.blogspot.com/'>biko</a> | 

</div>

5. Sebelum menyimpan dianjurkan untuk di pratinjau terlebih dahulu, jika dah sesuai,

6. Simpan.

7. Selesai dech.

Catatan: 

• gantilah tulisan warna hijau diatas dengan background / text warna kesukaan bloggers,
• ganti tulisan warna merah pada item ke-4 dengan tulisan atau url sobat..

Selamat Mencoba, Semoga bermanfaat......