Membuat Footer Melayang atau Strip Footer Statis
Membuat Footer Melayang atau Strip Footer Statis
Tips and Trik Blog : Cara membuat Strip Footer Melayang untuk Blog - Salah satu tips untuk kali ini adalah membuat Strip Bar Footer Melayang di Blogspot. Memikat pengunjung bukan hanya pada artikel anda
tapi penampilan blog anda merupakan pandangan pertama yang dapat memikat
mereka. Jika anda merasa blog anda belum tampil menarik maka trik yang
satu ini akan membuatnya lebih menarik. Pada kesempatan ini saya akan
mengajarkan trik untuk membuat footer bar yang statis. Footer bar akan
selalu muncul walaupun anda men-scroll ke bawah halaman. Pada footer bar
atau strip footer ini anda dapat memasang iklan atau pun pesan kepada
pengunjung. Tentunya pengunjung akan mudah melihat pesan tersebut
apabila mereka mendatangi blog anda. Ada juga Cara membuat Slide Out Navigasi Floating.
Membuat Footer Melayang atau Strip Footer Statis
Jika anda tertarik untuk membuatnya. Maka perhatikan langkah berikut ini:
1. Log in ke blogger
2. Pilih Tata Letak klik Edit HTML
3. Expand widget template
4. Cari kode ]]></b:skin> dan paste kode dibawah sebelum kode ]]></b:skin>
#navbar-footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}
#navbar-footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}
#navbar-footer a {
color: #333;
}
#navbar-footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
background-color: #f5f5f5;
width: 100%;
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;
}
5. Kemudian paste kode berikut sebelum kode </body>
<div id='navbar-footer'>
<p>
Agar <a href='http://www.blogger.com'>Blog Trik dan Tips</a> lebih bermanfaat dan menarik lagi,<br/> diharap anda dapat meninggalkan komentar....
</p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> | Created by <a href='http://www.facebook.com/tipstrikblog?ref=profile' target='_blank'>Tips and Trik</a><br/>Copyright 2008 - 2009 All Rights Reserved: <a href='http://dp-tipstrikblog.blogspot.com/'>Blog Trik dan Tips</a>
<br/>
</p>
</div>
6. Simpan template anda dan lihat hasilnya...
Semoga trik ini bermanfaat...selamat mencoba!
Membuat Footer Melayang atau Strip Footer Statis
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Membuat Footer Melayang atau Strip Footer Statis diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
0 komentar:
Posting Komentar