Kerangka dasar sebuah template blogger adalah sebagai berikut :
<?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">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
<!—ISI SKIN—>]]></b:skin>
</head>
<body>
<!—ISI BODY—>
</body>
</html>
Bagian yang berwarna merah adalah bagian yang biasanya dimodifikasi oleh para template designer.
- Bagian Skin yang terletak diantara tag <b:skin><![CDATA[/* dan ]]></b:skin> biasanya berisi kode CSS untuk mengatur tampilan blogger.
- Sedangkan Body yang terletak diantara tag <body> dan </body> berisi section dan Widget yang tampilannya telah diatur dengan kode CSS di bagian Skin.
Mengenal Elemen Body : Section dan Widget
- Section
Section adalah area dari halaman blogger seperti header,sidebar,main, footer dsb. Contoh penulisan tag section untuk header misalnya sbb:
Atribut section adalah sbb :<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
<!—-letak widget disini-->
</b:section>
No. Atribut Sifat Keterangan 1 id wajib sebagai identitas section. Harus identik, tidak boleh ada section dengan id yang sama. id diatur dalam bagian Skin dengan awalan #. 2 Class Optional nama class umumnya navbar,sidebar, header,main dan footer, identitasnya diatur dalam bagian Skin dengan awalan .(titik). 3 maxwidget Optional Untuk mengatur jumlah maksimum widget yang akan dimuat dalam section tersebut. 4 showaddelement Optional nilainya hanya “yes” dan “no”. bila bernilai “yes” maka akan muncul link untuk menambah widget / gadget seperti gambar dibawah, sedangkan jika bernilai “no”, maka link tsb tidak ditampilkan seperti pada contoh section untuk header diatas.
Section dengan Atribut showaddelement bernilai “yes” Section dengan Atribut showaddelement bernilai “no” (setelah diisi widget header) - Widget
widget adalah elemen halaman yang dapat berupa archive, feed, header, gambar, adsense, profil dll.
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<!—isi widget-->
</b:widget>
No Atribut Sifat Keterangan 1 id wajib sebagai identitas widget. Harus identik, 2 type wajib nilainya Blog, Archive, Blog, Feed, Header, HTML, SingleImage, LinkList, List, Logo, BlogProfile, Navbar,VideoBar, atau NewsBar 3 locked optional nilainya hanya “yes” dan “no”. bila bernilai “yes” maka widget dapat dipindahkan ke section yang lain pada elemen halaman. bila bernilai “no” widget tidak dapat dipindahkan atau dihapus pada elemen halaman 4 title optional Judul Widget
8 comments:
Jadi ini tho yang kmaren diutak atik, kerenn...
mantap
sayang aku pake wordpress
byme
nambah pengetahuan bagi saya pengguna wordpress...
Infonya mantaabb.. OK dech Bos Met..
bagus juga tuch...
trims ya atas infonya..kebetulan aku lg belajar nich...sukses ya
mas mau tanya nie... tuh di samping kanan bawah label,ada beletan yang ada linknya.caranya gimana mas?minta tutorialnya donk.(ahmil)
@amirkhan : maksudnya tag cloud ??? kan udah ada tutorialnya disini http://www.kompiku.com/2009/10/menambahkan-animasi-tag-cloud.html
Posting Komentar