Jika kita kesulitan dalam mengedit template, mungkin karena kita belum mengenal bagian template Blogger. Berikut ini tutorial untuk mengenal bagian-bagian template Blogger
Pada Postingan saya sebelumnya tentang Kode Penyusun sebuah template Bagian I telah dijelaskan tentang struktur dari sebuah template Blog. Nah kali ini saya ingin menjelaskan bagian-bagian dari sebuah template. Sebenarnya sudah banyak sahabat kita mengupas masalah ini, tapi sebagai bahan referensi boleh doong saya ulas lagi, tentunya dengan versi saya.
Pada kesempatan ini saya akan mengupas bagian-bagian dari sebuah template Blog yang sangat simple agar mudah untuk dipahami. Disini saya akan menjelaskan lebih lanjut pengembangan struktur dari sebuah Blog.
Oke, tanpa berpanjang-panjang kita mulai saja. Sebelum itu Simpan dulu template anda untuk menjaga segala kemungkinan yang tidak diinginkan.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<b:include data="blog" name="all-head-content">
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/* </b:skin></b:include>
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
# post
.post{margin-bottom:15px;}
.post-title{color:#333333;margin:0 0 10px 0;padding:0;font-family:'Oswald',sans-serif;font-size:20px;line-height:20px;font-weight:normal;}
.sidebar{margin:10px 0;font-family:Arial, Helvetica, Sans-serif;font-size:15px;color:#262626;}
.sidebar{font-family:Arial, Helvetica, Sans-serif;font-size:15px;color:#222;margin: 10px;}
.footer{margin-bottom:15px}
#copyrights{color:#FFF;background:#090909;text-align:center;padding:20px 0}
Sebenarnya masih banyak kode-kode lain sebagai penunjang kode utama diatas, tapi kali ini sampai disini dulu ya, lain waktu disambung lagi. Bye.
Siip Infonya Sob......
BalasHapusBagus sekali infonya gan
BalasHapusTerima kasih Mas Sughan, semoga bermanfaat.
Hapus