Bagamana? Bagus bukan? Cara membuatnya? Gampang kok.. Silahkan saja lihat caranya dibawah ini
1. Login ke blog anda --> Design --> Edit HTML
2. Cari ]]></b:skin>.
3. Letakkan CSS berikut di atas kode yang tadi anda cari
#footer-fix {4. Nah, kemudian beralih ke sini. Letakkan kode berikut di atas kode </body>.
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #6f6f6f;
background-color: #6f6f6f;
width: 100%;
height: 20px;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}
#footer-fix a {
color: $linkcolor;
}
#footer-fix p.right {
float: right;
padding-right:38px;
line-height: 1.3;
height: 100%;
color: white;
vertical-align: bottom;
}
#footer-fix p {
float: left;
margin: 0px;
padding-top:6px;
padding-left:30px;
color: white;
vertical-align: bottom;
line-height: 1.2;
}
<div id='footer-fix'>5. Save dan lihat hasilnya!
<p><a href='http://kukuhcdh.blogspot.com/'>Kukuh Cakra Darma</a> Indonesia </div></p>
<p class='right'>Optimized for 1024x768 | All Browser </p>
Sekian semoga membantu! "Fixed-Footer"
Artikel Terkait:
Gadget
- Info | Galaxy S diUpdate Jadi Gingerbread, Galaxy 5 dan 3 Akan Gunakan Froyo
- Hide Your Guest Book
- Cara Membuat Sitemap Di Blog
- Cara Membuat Sitemap Accordion Di Blog
- New Gadget : Entri Populer
- New Gadget : Statistik
- Form Above Posts Pada Cbox
- Solusi Handphone Terkena Air
- Perbedaan Antara Layar STN, CSTN, TFT, TFD, UFB, dan OLED
Trick Blog
- Trick Blog | Recent Post With Thumbnail Horizontal
- CSS3 | Transform Rotate : Memutar Text / Gambar
- Trick Blog | Berbagai Macam Cursor
- CSS3 | Create Beautiful Button
- CSS3 | Create Bubble Coda Style
- CSS3 | Membuat Background Pada Web Full Page
- Membuat Facebook Fans (Like Box) Pada Blog
- Membuat Background Efek Gradient Dengan CSS3
- Menyembunyikan Avatar Pada Komentar Blog
- Cara Memberikan Image Verification Pada Komentar
8 Comments:
wah.. boleh nih dicoba.. :)
@secangkir teh dan sekerat roti silahkan
akan dicoba sob
@kisah abu nawas monggo silahkan dicoba
muantaaap , kebetulan template saya udah langsung pkai link footernya sob . hehehe
@Muhammad Chandra yoi gan.. terimakasih
Terima kasih ye tutorial ini. Sangat berguna kepada saya.
I follow ur blog :)
thanx a lot..
its work for me
http://blog.noorjannah.com/
Post a Comment | Classic Comment's Form