Selamat Datang... Terima kasih telah berkunjung...!!!

Jumat, 25 Mei 2012

Memahami xml:b xml:expr dan xml:data

XML Logo
Jika Wordpress memilih PHP dan MYSQL sebagai bahasa pemrograman utamanya baik internal maupun eksternal (developer), maka Blogger hadir dengan ciri khasnya yaitu XML yang sangat dominan dalam sistem pemrogramannya. Mulai dari tampilan (template) sampai gadget internal dan eksternal (developer) semuanya menggunakan XML. Menurut saya fenomena ini sangatlah unik dan menarik perhatian, karena sepengetahuan saya baru Blogger saja yang menerapkan sistem XML ini. Terlebih karena XML-nya juga merupakan XML pribadi dalam artian bukan XML pada umumnya. XML:b, XML:data dan XML:expr merupakan XML yang menurut saya berjalan di sisi server. Karena jika kita perhatikan semua output blog kita yang ditampilkan pada browser adalah format HTML standar. Dengan kata lain ketiga XML tersebut dijadikan pengganti PHP oleh Blogger utntuk menampilkan data dari server-nya.

Dari pemaparan saya di atas bisa disimpulkan bahwa alangkah baiknya kita memahami terlebih dahulu ketiga XML tersebut, sebelum kita mulai membuat atau merubah template blogger kita. Catatan berikut merupakan rangkuman dan rumusan beberapa inti dari customisasi template yang selama ini banyak menjadi topik pembahasan di berbagai blog pendahulu saya. Semoga dengan catatan ini kita semua bisa improvisasi pada template blog kita. Mungkin tidak banyak dan masih kurang lengkap, tapi mungkin bisa membantu anda yang ingin mulai menciptakan template sendiri ataupun ingin membuat berbagai perubahan pada template anda saat ini.
  • TIPE HALAMAN pada template blogger. yaitu:
    1. INDEX => halaman utama, termasuk halaman pencarian dan halaman label 
    2. SEARCHQUERY => halaman pencarian "..../search?q=......." 
    3. SEARCHLABEL => halaman label "/search/label/........" 
    4. ITEM => halaman posting "...../tahun/bulan/nama-posting.html" 
    5. STATIC_PAGE => halaman statis "..../p/nama-halaman.html" 
    6. ARCHIVE => halaman arsip "..../archive_bulan_tahun.html"
  • Jenis XML:data yang diperlukan dari blog yaitu
    1. <data:blog.title/> judul blog 
    2. <data:blog.pageName/> judul halaman 
    3. <data:blog.pageType/> tipe halaman 
    4. <data.post.title/> judul posting 
    5. <data.post.url/> link posting
    6. <data:post.snippet/> ringkasan posting 
    7. <data:top.authorLabel/> Tampilan kata author
    8. <data:post.author/> Nama Author / penulis
    9. <data:postLabelsLabel/> Tampilan kata label
    10. <data:label.name/>  label posting
    11. <data:post.body/> isi posting keseluruhan 
    12. <data:post.numComments/> jumlah komentar
    13. <data:top.commentLabel/> dan <data:commentLabelPlural/> tampilan kata komentar
    14. <data:post.addCommentUrl/> link ke form komentar
    15. <data:blog.homepageUrl/> link halaman utama 
    16. <data:blog.url/> link halaman aktif
  • XML:b untuk menentukan posisi halaman yaitu
    <b:if cond='data:blog.pageType==&quot;TIPE_HALAMAN-1&quot;'>
    TINDAKAN posisinya di JENIS_HALAMAN-1
    <b:else/>
    <b:if cond='data:blog.pageType==&quot;TIPE_HALAMAN-2&quot;'>
    TINDAKAN posisinya di JENIS_HALAMAN-2
    <b:else/>
    TINDAKAN untuk posisi lainnya
    </b:if>
    </b:if>
    dan seterusnya...
    catatan: jumlah "</b:if>" selalu sama dengan jumlah "<b:if cond='...'>" kemudian jumlah "<b:else/>" adalah jumlah "<b:if cond='...'>" dikurangi satu (1)
    contoh: untuk menampilkan title berbeda pada setiap jenis halaman
    <b:if cond='data:blog.pageType==&quot;INDEX&quot;'>
    <title><data:blog.title/></title>
    <b:else/>
    <b:if cond='data:blog.pageType==&quot;ITEM&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
    </b:if>
  • Untuk menampilkan data menggunakan XML:data dan XML:expr
    1. di dalam variable:
      hilangkan tanda "<" dan "/>" untuk XML:data nya dan tambahkan "expr:" sebelum atribut dari sebiuah tag.
      contoh: <a href expr:href='data:blog.homepageUrl'>Home</a>
    2. di luar variable.
      cukup tulis XML:data nya
      contoh: <title><data:blog.pageName/></title>
Dari beberapa poin diatas, bisa anda bandingkan dengan kode yang mungkin sebelumnya pernah ada pasang pada template blog anda. seperti kode untuk membuat META TITLE otomatisDescription otomatis atau menu navigasi BREADCRUMB. dan inilah inti dari kode-kode tersebut.

Salam Blogger Indonesia..!!

0 komentar:

Posting Komentar

Bebas berkomentar selama tidak merugikan orang lain.
Terima kasih.