Cara Cepat Hamil

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;
border-bottom: 10px solid #f5f5f5;
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:

Poskan Komentar