Senin, 01 Februari 2010

Mempelajari Bahasa XML Template Blogger

Kini mengedit template tidak susah lagi. Cukup mengklik menu Tata Letak > Elemen Halaman untuk merubah tata letak dari widget atau Tata Letak > Font dan Warna untuk merubah font dan warna dari blog. Tapi untuk mempelajari bahasa XML dari template blogger ya tidak ada salahnya.

Pada artikel kali ini kita akan membahas tentang kode <b:if cond="KONDISI">HASIL</b:if>. Arti dari kode tersebut adalah: jika (if) kondisinya (cond) seperti ini (cond="KONDISI") maka hasilnya akan seperti ini (<b:if cond="KONDISI">HASIL</b:if>).

Kali ini kita akan mempelajari kondisi <b:if cond='data:blog.pageType == "item"'>...</b:if> dan <b:if cond='data:blog.pageType != "item"'>...</b:if>. Kondisi <b:if cond='data:blog.pageType == "item"'>...</b:if> artinya kondisi pada halaman postingan blog. sedangkan <b:if cond='data:blog.pageType != "item"'>...</b:if> yaitu kondisi pada halaman muka/halaman selain halaman post.

Misal:
<b:if cond='data:blog.pageType == "item"'>
<title>Muhammad Rizki Fadillah's Blog</title>
</b:if>
Artinya: pada halaman postingan, maka judul halamannya adalah Muhammad Rizki Fadillah's Blog.
<b:if cond='data:blog.pageType != "item"'>
<style type="text/css">
body{background:black;color:white;}
</style>
</b:if>
Artinya: pada halaman selain postingan, maka warna latar belakang adalah hitam dan warna teks adalah putih.

Lalu ada pula <b:else/> yang artinya selain itu (else). Maksudnya adalah hasil selain pada kondisi yang ditentukan. Sintaksnya seperti <b:if cond='data:blog.pageType == "item"'>HASIL<b:else/>HASIL SELAIN KONDISI YANG DITENTUKAN</b:if> atau <b:if cond='data:blog.pageType != "item"'>HASIL<b:else/>HASIL SELAIN KONDISI YANG DITENTUKAN</b:if>.

Misal:
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
body{background:black;}
</style>
<b:else/>
<style type="text/css">
body{background:white;}
</style>
</b:if>
Artinya: Pada halaman postingan, warna latar belakang akan berwarna hitam. Sedangkan pada halaman selain halaman postingan, warna latar belakang akan berwarna putih.

Semoga artikel ini bermanfaat. Silakan komen untuk kemajuan blog ini.

6 komentar:

  1. Asik banget penJelasannya !!!

    BalasHapus
  2. Boleh juga niwh artikle. Om kalo bisa, ini kesulitan say ya. bikin artikel tentang mengenal blog html dan css di blog kita. jadi yang di bahas mulai bahasa html perbagian yang ada di template, seperti yang diatas. intinya menerjemahkan kode perintah bahasa html ke bahasa lumrah ( bahasa kita) jujur Om ku ga ngerti, cz aku sendiri ga pernah belajar di kelas mengenai bahasa html. he he he he apa lagi css ampe bikin blog. ku kenal blog karena ku sering blogging ja. bisa ga Om? ddxrp@ yahoo.co.id

    BalasHapus
  3. Balasan
    1. Mungkin maksudnya seperti ini,membahas tentang bagaimana cara penulisan kode.misalkan kita ingin memasukkan gambar kodenya harus seperti apa,kita mau membuat bar kodenya seperti apa.dg kata lain belajar memahami arti kode2 secara rinci.

      Hapus

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti <b>, <i>, <u>, <a>, <strike>, <sub>, <sup>, dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.