Selamat Datang Diblog Andi Riyanto * jadikan hidupmu bermanfaat bagi orang yang kamu sayangi * ingatlah kelemahanmu itu adalah kelebihanmu * masalah itu timbul dari pikiran kita *

Sabtu, 07 Januari 2012

Cara Membuat Read More atau Baca Selengkapnya

Dalam penulisan postingan biasanya kita menulis postingan itu terkadang panjang sekali sampai ke bawah sehingga menambah panjang halaman blog kita, apalagi jika tampilan halaman muka blog kita lebih dari 2 (dua) postingan. maka untuk meminimalisasi tampilan pada blog kita kali ini ade akan memposting bagaimana cara untuk meminimalisasi tampilan posting atau biasa kita kenal dengan nama read more atau baca selengkapnya.

Berikut langkah-langkah yang akan kita pelajari :

1. Buka menu Tata Letak kemudian pilih Edit HTML.
2. klik kotak pada tulisan "expand widget template"
3. Cari kode yang berwarna kuning dibawah ini berikut di Template blog kamu (biasanya tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

Text Box: <p><data:post.body/></p>    atau  <data:post.body/>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:
Text Box: <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.. &#187;&#187; </a>
</b:if>







 


Tulisan "Read More.. " yang berwarna merah itu bisa kita rubah, misalnya jadi "Baca Selengkapnya" atau "Lanjut Baca.. ". terserah kemauan kita.

5. Kemudian klik Simpan Template.
6. Jika sudah kemudian pilih menu Pengaturan lalu pilih Format
7. Pada kotak Template Posting isikan kode berikut:
Text Box: <span class="fullpost">  </span>


8. Kemudian Simpan.
9. Ketika memposting, disana ada 2 tab pilihan yaitu : "Edit Html" dan "Tulis", lalu kita pilih Yang "Edit Html", Maka secara otomatis akan tampak kode seperti berikut :
Text Box: <span class="fullpost">  </span>


10. Tulislah postingan yang ingin kita tulis sebelum atau diatas kode ini :
Text Box: <span class="fullpost">

ket : itu yang akan tampil pada halaman utama blog kita yaitu sebelum tulisan Read More... (untuk eminimalisasi tampilan) lalu tulislah postingan (yang akan tampil setelah kita klik tulisan Read More...) diantara
Text Box: <span class="fullpost"> dan </span>


Selesailah pekerjaan kita mengenai Read More...

Kataku

ketika kita tidak mencoba, maka kita tidak akan mengalami kesalahan, sehingga apa yang disebut keberhasilan juga kita tidak akan mengetahuinya. Sesuatu yang baru itu lebih membuat kita tertantang, sehingga kita dapat menabung dalam bank pikiran kita, sehingga kita dapat mengambilnya suatu nanti apabila kita membutuhkanya.
Andi Riyanto
Template by : kendhin x-template.blogspot.com