Mendengarkan permintaan banyak penggunanya, pengelola Blogger secara resmi akhirnya mengeluarkan fitur terbaru mereka yaitu Post Summaries dengan Read More (apaan tuh? Singkatnya – potongan artikel dengan penggunaan link berupa teks ‘baca lanjutan’ yang akan memperpendek posting di halaman utama). Dengan adanya fitur ini kita tidak lagi membutuhkan trik penggubah template untuk menampilkan post summaries dan penggunaan read more jadi-jadian di halaman utama. Blogger memperkenalkan apa yang disebut Jump Breaks (Lompatan patah-patah? Yang jelas bukan goyang poco-poco, heheheh…). Jump Breaks adalah tag special yang bisa diletakkan dimanapun di halaman post dengan menggunakan text editor Blogger. Jika anda memasukkan Jump Breaks ke dalam post maka bagian atas dari post (atau bagian sebelum Jump Breaks) akan menjadi bagian potongan atau penggalan artikel.
Gimana tuh cara memasukkan Jump Breaks? Jika anda menggunakan text editor versi baru, anda bisa dengan mudah memasukkan Jump Breaks melalui text editor dengan langsung klik tombolnya. Tapi jika anda menggunakan text editor versi lama maka anda harus mengetikkan tag jump break secara manual ke dalam post. Caranya mudah saja, letakkan <!-- more --> pada post untuk memenggal artikel (Perhatikan bahwa ada tambahan spasi setelah kata more).
Sayangnya jika anda menggunakan template mutakhir versi lama yang sudah diutak-atik sedemikian rupa sehingga, kemungkinan anda akan mengalami masalah. Mungkin dengan penyelesaian berikut masalah bisa diatasi: masuk ke halaman layout blogger anda. Pilih edit HTML dan centang expand Widget templates. Lalu cek kode berikut:
<data:post.body/>
Kalau sudah anda temukan, masukkan kode berikut di bawah kode yang tertera di atas.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Lalu coba untuk memenggal post terbaru anda dan cek halaman depan. Taraaa… post anda sudah terpotong dan muncul kalimat Read More yang berisi link menuju halaman post. Tunggu-tunggu… "Read More"? Bisa diganti nggak tuh... saya ingin menggantinya menjadi "Okelah Kalau Begitu"? Oho! Mudah sekali, masuk ke halaman Layout Blogger, pilih menu Page Elements. Edit bagian Blog Post pada kolom Post Page Link Text dan anda bisa memasukkan kata yang anda pilih di sana.
Bagaimana kalau kata Read More diganti dengan menggunakan gambar? Bisakah? Bisa juga… anda bisa mengganti
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src="ganti_dengan_url_gambar_anda" border="0" alt="keterangan gambar" /></a>
</div>
</b:if >
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src="ganti_dengan_url_gambar_anda" border="0" alt="keterangan gambar" /></a>
</div>
</b:if >
Tentunya anda harus mengubah kalimat "ganti_dengan_url_gambar_anda" dengan url gambar anda dan "keterangan gambar" dengan keterangan tambahan untuk gambar.
Mudah-mudahan berhasil!
Bahasan tentang Post Summaries dan Read More ini masih belum selesai, tapi berhubung saya belum sarapan – saya cari makan dulu. Disambung di post berikutnya yaa? Hihihi…
0 komentar :
Posting Komentar