Cara Membuat Read More

Assalamu'alaikum warahmaatullahi wabarakaatuh,.

Bismillahi Rahmaanir Rahiim,,. Segala puji hanya milik Alloh Rabb pemelihara seluruh alam raya. Aku bersaksi bahwasanya tiada Ilah yang wajib disembah melainkan Alloh swt, yang menguasai, yang Maha benar dan yang menjelaskan. Dan aku bersaksi bahwasanya Muhammad saw adalahhamba-Nya dan utusan-Nya, yang jujur janjinya lagi terpercaya. Semoga keselamatan dan kesejahteraan dan berkah tetap terlimpahkan kepada Rasulullah saw dan beserta keluarga dan para sahabatnya. amin,.

Dulu pas di Smansapati lagi demam blog, ada temen yang tanya, "Hoi coey, carane gawe read more ning ngisor postingan iku py?" Karena pada waktu itu Ana masih newbie, ana langsung tanya pada Mr Rudi Guru TIK (Padahal sampai sekarang ana juga masih newbie, he he ). Tapi, ana malah diajarin bikin read more di Wordpress. Padahal, ana punya blog di Blogger. Ya udah ana langsung minta diajarin sama mas Kendhin nih blognya trik-tips.blogspot.com. Jadi artikel ini rada2 mirip sama punyanya mas Kendhin, ha ha.. O ya bagi yang pengin kursus blog Woedpress sama Pak Rudi, Antum tinggal ngunjungi blognya disini. n' sekarang ana mau njelasin 'misteri Read More' lewat blog yang tercinta ini. Gimana?? yang ikut kursus blog nambah nggak?? he, he.. promosi

Langsung boz,.. Bagi Antum yang pendatang baru di dunia Blogger, pasti masih bingung ketika membuat artikel yang terlalu puaaaanjang. Ya tho?? maka dari itu dalam kursus blog hari ini, Pak Guru mau njelasin dengan singkat, padat, dan MUANTAP!!!

Pada umumnya model yang digunakan di Blogger, postingan terbaru akan muncul dihalaman utama blog. Namun jika artikel yang bikin Antum terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika Antum kepengin artikel yang ditampilkan dihalaman utama cuma cuplikannya doank lalu dibawahnya ada sebuah link Baca Selengkapnya/ Read More, maka Antum butuh resep jitu. Ikuti langkah-langkah berikut:

1. Buka menu Tata Letak kemudian pilih HTML.

2. Klik "download template lengkap", ini sangat Ana sarankan. Karena yang akan kita hack adalah kode2 html, jadi misal kalo gagal masih ada Backupnya.

3. Kasih tanda cek (centang) pada cekbox "expand widget template"

4. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

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

masih ingat nggak? caranya nyari kode biar cepat??? kalo lupa klik disini

5. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<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>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".


6. Simpan hasil pengeditan.

7. Kemudian pilih menu Setting lalu pilih Formatting

8. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

9. Kemudian Simpan.

10. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

11. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :


<span class="fullpost">


sementara sisanya yaitu keseluruhan posting letakkan di antara kode


<span class="fullpost">


dan


</span>


12. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. ~_^

Bagaimana? bisa nggak? jangan pernah malu untuk bertanya bozzz!! OK, selamat mencoba!!!

Wassalamu'alaikum warahmatullahi wabarakaatuh