Cara Membuat Read More Baca Selengkapnya di Blog Bagi Blogger

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika ingin supaya postingan yang ditampilkan dihalaman utama Cuma blog abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya. saya juga yach blog pemula n saya baru hobby bermain di blog. Saran saya sih teman-teman ngak usah memakai internet explorer karena biasanya kalo ngedit HTML nya mnggunakan IE biasanya akan sering terdapat eror pada HTML nya dan lebih baik teman-teman memakai firework atau opera aja karena kalo pake firework atau opera di jarang kelihatan error tapi yang akan muncul kata-kata success. Tapi ngk tau juga sih karena aku juga udah ngalaminya kalo kita mengotak atik HTML nya menggunakan internet explorer. Ya kalau ngk percaya teman-teman buktikan aja sendiri biar percaya ^_^
1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"



3. awas jangan lupa yach di back up dulu layout nya biar nanti teman-teman ngk binggung mengedit HTML nya kan kalo misal nya layoutnya di back up jadi kalo layoutnya error kan bisa memakai layout yang lama!!!^_^
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :



4. kalo ketemu maka dibawahnya ada kode ini :
<p><data:post.body/></p>


5. Kalau sudah ketemu lagi kodenya, Ganti kode yang ini <p><data:post.body/></p> 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 diubah, misalnya jadi "Baca Selengkapnya".
Tulisan "Read More....." itu bisa diubah, 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. dan kalo pengaturanya sudah di setting maka dia akan menjadi seperti ini.





10. Kemudian Simpan.

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

<span class="fullpost">

</span>

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

11. Selesai deh tutorialnya.

selamat mencoba yach n semoga berhasil ^_^
(A_A)

ARTIKEL TERKAIT: