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.


Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Buzz It

Artikel Menarik Lainnya



5 komentar:

Beben mengatakan...

mantap....

Anonim mengatakan...

Asik banget penJelasannya !!!

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Thank's...

Semar Mesem mengatakan...

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

Posting Komentar

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.



Emoticon yang dapat digunakan [Tampilkan] [Sembunyikan]



:-))
:-)
:-D
(lol)
:-p
(woot)
;-)
:-o
X-(
:-(
:'-(
:-&
(K)
(angry)
(annoyed)
(wave) | (bye)
B-)
(cozy)
(sick)
(:
(goodluck)
(griltongue)
(mmm)
(hungry)
(music)
(tears)
(tongue)
(unsure)
(highfive)
(dance)
(blush)
(bigeyes)
(funkydance)
(idiot)
(lonely)
(scenic)
(hassle)
(panic)
(okok)
(yahoo)
(cry)
(doh)
(brokenheart)
(drinking)
(girlkiss)
(rofl)
(money)
(rock)
(nottalking)
(party)
(sleeping)
(thinking)
(bringit)
(worship)
(applause)
8-)
(gym)
(heart)
(devil)
(lmao)
(banana_cool)
(banana_rock)
(evilgrin)
(headspin)
(heart_beat)
(ninja)
(haha)
(evilsmirk)
(eyeroll)
(muhaha)
(taser) | (rammi)
(banana_ninja)
(beer)
(coffee)
(fish_hit)
(muscle)
(smileydance)
(fireworks)
(goal)
(bzzz)
(dance_bzz)
(Русский)
(code)
(morning)

Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)


Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.