Bedah Template

Tulisan ini saya sarikan dari bukunya mbak Fanny Fariasari. Pada dasarnya, tampilan blog yang kita lihat dibentuk oleh susunan kode-kode HTML, kode-kode ini kemudian diproses oleh browser untuk kemudian ditampilkan dalam bentuk teks, gambar atau video. Nah, seperti apa sih kode-kode tersebut, yuk kita bedah bareng-bareng :-)

Masing-masing penyedia layanan blog memiliki kode-kode khusus selain kode HTML yang umum. Untuk wordpress, misalnya, memiliki kode khusus dengan tag <wp_...> sedangkan untuk Blogger memiliki tag <Blogger>, kode khusus di Blogger biasanya diawali dengan tanda <&Blog. Misalnya,

<$BlogPageTitle$> atau <$BlogTitle$>, penanda nama blog.
<$BlogURL$>, alamat blog.
<$BlogMetaData$>, informasi tentang bog kita.
dan lain sebagainya.

Bagi yang merasa asing dengan kode-kode tersebut, tentunya akan menganggap kode-kode tersebut rumit, akhirnya segan bermain ke halaman Edit HTML. Template kita pun akhirnya terlihat standar-standar saja, karena kita jarang menyentuh atau bahkan tidak pernah bermain-main dengan kode HTML template kita, kecendrungannya kita bermain aman dengan memanfaatkan Elemen Halaman.
Berikut bagian-bagian halaman blog kita disertai dengan penanda kode HTML :

a. Header Blog
Biasa ditandai dengan <!- Blog Header -> atau di dalam kode <div id="header>. Di dalamnya terdapat kode khusus untuk menampilkan judul dan deskripsi blog kita : <$BlogTitle$> dan <$BlogDescription$>.

b. Kolom Utama
Biasa dintandai dengan <!- Begin #main -> atau dalam kode <div id="main">. Bagian ini berisi artikel atau posting blog kita. Di dalamnya ada kode wajib blogger, yaitu <Blogger> dan </Blogger>, kode ini jangan sampai terhapus.

c. Kolom Sidebar
Biasa ditandai dengan <!- Begin #sidebar -> atau di dalam kode <div id="main">. Bagian ini berisi profil, arsip, dan beberapa widget atau pernak pernik seperti shoutbox, slide photo, polling dan lain sebagainya.

d. Tanggal Pembuatan Posting.
Biasa ditandai dengan <$BlogDateHeaderDate$>. Bagian ini berisi format penulisan waktu postingan kita.

e. Judul Posting.
Kodenya <$BlogItemTitle$>.

f. Isi Posting.
Kodenya <$BlogItemBody$>

g. Footer Posting.
Biasanya ditandai dengan <p class="post-footer"> dan </p>. Di dalamnya juga terdapat kode-kode untuk menampilkan beberapa keterangan seperti nickname penulis <$BlogItemAuthorNickname$>, link permanen <$BlogItemPermalinkUrl$>, dan komentar <$BlogItemCommentCount$>

h. Profil.
Biasanya ditandai dengan kode <!- Begin #profile-container -> dan diakhiri <!- End #profile ->. Kode khususnya <$BlogMemberProfile$>

i. Bagian Previous Post
Kode khususnya <$BlogPreviousItemTitle$>. Bagian ini berisi link menuju potingan yang lalu.

j. Bagian Arsip.
Biasa ditandai dengan kata Arhives, kode khususnya <$BlogArchiveName$>. Bagian ini berisi link ke arsip postingan.

k. Blog Footer.
Biasa ditandai dengan <!- Begin #footer -> dan diakhiri <!- End #footer ->. Footer terletak pada bagian paling bawah blog kita.

Kode-kode diatas tidak mutlak berada pada semua template blogger. Kode-kode ini secara default dimiliki oleh template standar yang ada pada Blogger. Untuk template hasil download dari pihak ketiga, kode-kode tersebut bisa bervariasi bentuk dan namanya. Ndak usah pusing, karena di setiap template terdapat bagian kode komentar. Kode-kode ini berfungsi sebagai penjelas bagian dari template. Kode ini diawali dengan <!- dan diakhiri ->.

Contoh :
<! Begin Sidebar -> menandakan awal kode sidebar.
<! End Sidebar -> menandakan akhir kode sidebar.

Ok, selamat membedah template anda sendiri..Jangan lupa di-backup dulu templatenya yang sekarang..Hehe..