Membuat Read More (Baca Selengkapnya) dalam Blogspot

ditulis oleh: aswar

Bekerja dengan blog atau memiliki blog memmang menyenangkan. selain GRATIS tempalte_x juga mudah. Tidak perlu membuat disain template secara manual. salah satu keguanaan dari blogger adalah kita dapat mempublikasikan tulisan, ide2, kreatifitas dsb (dan sebagainya). mengedit dan mempercantik blog menjadi kepuasan tersendiri bagi si pemilik blog.

Namun jika posting/tulisan-nya cukup panjang hingga melebihi area kerja komputer akan mengganggu keindahan blog itu sendiri. Coba bayangkan jika 10 tulisan yang dibuat dengan volume masing-2 sekitar seribu karakter atau katakanlah 5 paragraf. Maka halaman utama Blog akan sangat panjang. Hal ini tentunya telah dipikirkan sang pembuat Blogger dan telah memberikan fasilitas untuk menambahkan abstraksi atau pemenggalan entri di blogger atau di kenal dengan istilah read more/baca selengkapnya.
Penulis memberikan sedikit penjelasan mengenai penggunaan fasilitas ini namun untuk jelasnya bisa di akses di [blogger.help]. perlu diketahui bahwa yang akan kami jelaskan hanya berlaku untuk blogger versi beta dengan asumsi; umumnya orang memakai versi ini ketimbang versi klasik. Silahkan ikuti tahapan berikut:

(1) Silahkan login di blogger anda!
(2) Klik tab template/layout kemudian klik Edit HTML dan centang Expand widget templates.
(3) Cari kata "post-header-line" lalu tambahkan kode berikut (yang berwarna merah) :

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More..</a>
</b:if>

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

setelah itu klik simpan template/save template

perhatikan pada kata "read more" di atas!! kata inilah yang ditampilkan pada setiap posting anda dengan link/hubungan pada tulisan utuhnya. anda boleh mengganti dengan "baca selengkapnya" atau "selengkapnya" atau dll (dan lain-lain)

Sampai di sini anda sudah dapat melakukan posting dan setiap posting anda harus menambahkan <span class="fullpost"> </span>

Contoh penggunaan:
pastikan jendela posting anda berada pada jendela edit html

Setiap insan tentunya mendambakan kenikmatan yang paling tinggi dan abadi. <span class="fullpost"> Kenikmatan itu adalah Surga. Di dalamnya terdapat bejana-bejana dari emas dan perak, istana yang megah dengan dihiasi beragam permata, dan berbagai macam kenikmatan lainnya yang tidak pernah terlihat oleh mata, terdengar oleh telinga, dan terbetik di hati. </span>

maka yang akan tampil pada halaman utama adalah:

Setiap insan tentunya mendambakan kenikmatan yang paling tinggi dan abadi.
Read More..


NAMUN untuk memudahkan setiap posting anda. Anda tidak perlu menghafal kode itu. ikuti langkah berikut:

(1) Masih di dashboard, klik Settings/pengaturan, lalu klik Formatting/Format dan perhatikan bagian paling bawah yang menunjukkan "Post Template", lalu isikan kode berikut.

<span class="fullpost">

</span>

simpan/save dan anda dapat memulai posting dengan mudah. setiap membuka posting baru akan tampil gambar berikut:










Anda tinggal menyesuaikan kode itu sesuai keinginan anda, paragraf mana yang ingin di penggal.

SELAMAT MENCOBA!!!!

ANDA PERLU BERHATI-HATI DALAM PEMBERIAN WARNA PADA TEKS KARENA PEMBERIAN WARNA MENGGUNAKAN KODE <span ...> </span>