Memahami data:post.body dan JumpLink

Kali ini tidak membahas jQuery, tapi membahas beberapa pertanyaan tentang kode template blogger. Hal ini karena beberapa permintaan pembahasan yang dilayangkan melalui email oleh para teman-teman blogger. Pembahasan akan dimulai dari tengah supaya lebih mudah dipahami daripada dimulai dari kode awal atau kode akhir. Beberapa pertanyaan diantaranya; kenapa ya aku tidak menemukan kode tersebut? Sebenarnya bagaimana kode-kode blogger itu bekerja? Dimanakah kode untuk memanggil database artikel? dan lain sebagainya. 3 pertanyaan tadi mewakili beberapa pertanyaan yang paling banyak dipertanyakan. Mari kita bahas... Let's begin for play with (X)HTML Blogger Template Code...

Kode (X)HTML untuk Me-Load/Memanggil Database Artikel Blogger

Dibawah ini adalah kode (X)HTML Blogger yang digunakan untuk memanggil/me-load kumpulan artikel kita dari server database Blogger:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kode diatas jika kita baca perbaris kurang lebih seperti dibawah ini:

<div class='post-body entry-content'>

Kode diatas digunakan untuk memanggil kode CSS yang digunakan untuk mengatur berbagai hal yang berhubungan dengan artikel, misal; warna dasar, warna huruf, lebar artikel, dan hal lain.

Karena pemanggilan menggunakan class, maka biasanya kode CSS yang dipanggil ditulis seperti dibawah ini:

.post-body { property:attribute; }
.entry-content { property:attribute; }

<data:post.body/>

Kode diatas digunakan untuk memanggil/me-load seluruh database artikel dari server blogger, jika kode ini hilang maka seluruh artikel tidak akan ditampilkan pada blog tapi tidak hilang dari server blogger, hanya tidak ada yang memanggilnya.

<div style='clear: both;'/> <!-- clear for photos floats -->

Kode diatas digunakan untuk mereset/mengembalikan seting tampilan yang telah dipengaruhi oleh kode lain.

</div>

Tag penutup

Kode (X)HTML untuk Memenggal Artikel (Read More)

Dibawah ini adalah kode (X)HTML Blogger yang digunakan untuk memenggal artikel jika kita membuka halaman muka:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Kode diatas jika kita baca perbaris kurang lebih seperti dibawah ini:

<b:if cond='data:post.hasJumpLink'>

Kode logika diatas digunakan untuk memeriksa kode jump break pada artikel. Jika dibaca kurang lebih menjadi, jika kondisinya bahwa artikel mengandung Jump Break maka...

<div class='jump-link'>

Kode diatas digunakan untuk memanggil kode CSS yang digunakan untuk mengatur tampilah Jump Link pada artikel.
Karena pemanggilan menggunakan class, maka biasanya kode CSS yang dipanggil ditulis seperti dibawah ini:

.jump-link { property:attribute; }

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>

Kode diatas digunakan untuk mengambil alamat url (link) dari setiap artikel blog

<data:post.jumpText/>

Memanggil nama tampilan pemenggalan artikel (misal; Read More)

</a>

Tag penutup anchor link

</div>

Tag penutup

</b:if>

Penutup logika

Selamat Belajar... happy Blogging :)