Hai sobat
blogger... Article kali ini tentang cara Membuat fixed footer
di blogspot. pasti penasaran kan bentuk nya kayak apa. coba anda liat gambar diatas yang di lingkari garis
berwarnah merah. kalau kurang jelas klik gambar untuk memperbesarnya.
nah untuk membuatnya ikuti langkah-langkah di bawah ini........
- Log in dulu ke blogger
- Pada menu Dashboard langsung saja klik Layout
- Edit HTML
- Cari kode ]]></b:skin>
- Kemudian lettak kode berikut di atas kode ]]></b:skin>
#footer img
{/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}
#footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}
#footer a {
color: #333;
}
#footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px 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;
}
- kemudian cari kode </body>
- letakkan kode dibawah ini persis diatas kode </body>
<div id='footer'>
<p><img border='0' src='http://lh3.ggpht.com/_KZO3OJWly2c/SflrfqtvduI/AAAAAAAAAOw/Ykwirvbpdxk/s128/akuj.PNG'/>  <a href='http://jayaputrasbloq.blogspot.com/index.html'>J_Putra's Blog</a> © 2008-2009  </p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> Template by <a href='http://blogtemplate4u.com' target='_blank'>Template 4 U</a><br/>Best viewed in Mozilla Firefox.</p>
</div>
- Jika
anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk fixed
footer diatas, tapi sebelumnya ubahlah kode yang berwarna merah ke
gambar yang anda miliki, kode berwarna hijau diubah ke alamat blog anda
dan ke nama blog anda, kode berwarna kuning bisa anda ubah ke alamat
template anda, dan kode berwarna pink bisa diubah ke nama blog dimana
template anda diperoleh.
- Kemudian simpan
Sumber: jayaputrasbloq.blogspot.com
terima kasih sudah berkunjung gan.
BalasHapus