Footer blog biasa terletak pada bagian bawah tampilan blog. Pada umumnya terdapat tulisan copyright, tahun pembuatan template dan nama blog. Fungsi dari footer ini adalah untuk memberitahu pengunjung copyright dari blog yang kita miliki. Sebenarnya footer ini bersifat opsional, tetapi alangkah baiknya untu menambahkan footer ini agar blog tampak lebih resmi dan meyakinkan pengunjung kalau blog kita bukan blog iseng-iseng.
Contoh tampilan footer adalah seperti gambar di bawah ini
Lalu, bagaimana cara membuat footer blog seperti blog
All In Wish ? Berikut adalah kode html dan css yang digunakan.
Untuk kode html
<!--footer-->
<footer id='footer-text'>© 2015 <a href='/'><data:blog.title/></a></footer>
Letakkan kode di atas di atas kode </body>
Kemudian untuk kode css yang diperlukan
#footer-text{
display:block;
overflow:hidden;
text-align:center;
background-color:#212121;
clear:both;
padding:5px 0;
color:white; width:100%;
}
#footer-text a{color:white;}
Letakkan kode di atas tepat di atas kode ]]></b:skin>
Simpan dan lihat perubahannya.
Kode © adalah kode simbol copyright ©. <data:blog.title/> akan menampilkan nama blog anda. Sehingga anda tidak perlu lagi untuk melakukan pengeditan pada kode html di atas.
Demikian cara membuat footer blog. Jika ada yang ingin ditanyakan, silahkan bertanya melalui kolom komentar di bawah.
Related Posts