2 Cara Membuat Read More Versi 1

2 Cara Membuat Read More Versi 1, Trik Bikin Readmore dibagian sekitar bawah Postingan. Tips cara membuat readmore. Setiap postingan baru pasti akan ditampilkan pada halaman utama atau home dari blog kita. Tapi jika postingan itu terlalu panjang maka akan membuat penuh halaman utama karena hanya satu postingan, dan itu sangat tidak efisien Maka sebaiknya kita hanya menampilkan abstraksi atau pembuka dari postingan tersebut. Lalu gimana cara mengatasinya? Mudah sekali, kita cukup membuat link read more  atau baca selengkapnya. Mau tau caranya?

Apa yang sobat tahu tentang readmore?? yap benar sekali.. readmore atau dalam bahasa indonesianya baca selengkapnya adalah fasilitas yang di buat untuk menghemat halaman utama serta memaksimalkan halaman postingan. Mengapa demikian??

Sebelum sobat memasang readmore otomatis di blog, postingan pada halaman utama akan di tampilkan full tanpa ada potongan sama sekali ( diskon kalee ) sedangkan ketika sobat mengklik salah satu artikel, di halamn posting akan muncul artikel yang sama dengan halaman utama, jadi pengunjung tak perlu lagi ke halaman postingan jika dia sudah membacanya di halaman utama. dengan kata lain,akan sedikit kemungkinan pengunjung akan ke halaman posting.

Jadi dapat saya simpulkan bahwa keberadaan Readmore di blog adalah hal yang mutlak di butuhkan. kali ini saya akan berbagi ke pada sobat blogger tentang bagaimana cara memasang readmore di blogspot. Sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang Read More di Blog

1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML, lalu centang Expand Widget Templates. (Jangan lupa backup template sebelum mengeditnya)

3. Cari kode ]]></b:skin>, paste kode berikut dibawahnya:

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

4. Selanjutnya cari kode <p><data:post.body/></p>, paste kode berikut dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Tulisan Read More… bisa anda ganti dengan sesuai keinginan.

Bila langkah 2 – 3 tidak menghasilkan apa-apa, itu karena perbedaan karakteristik setiap template.
Solusinya:

* Cari kode <div class='post-header-line-1'/> <div class='post-body'>, paste kode berikut dibawahnya:

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

* Selanjutnya, cari kode <<p><data:post.body/></p>, paste kode berikut dibawahnya: 

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

5. Klik Save Template

6. Sekarang pilih menu Setting > Formatting

7. Scroll ke bawah dan temukan kotak Post Template, lalu paste kode berikut kedalamnya:

<span class="fullpost">
</span>

8. Klik Save Settings

9. Ketika membuat postingan kan ada 2 tab, yaitu Compose dan Edit HTML. Klik tab Edit HTML maka akan langsung tampak kode yang telah kita masukkan di Post Template tadi.

10. Letakkan pembuka atau prolog postingan anda sebelum kode <span class="fullpost">, dan sisanya letakkan di antara <span class="fullpost"> dan </span>. Ini tahap yang paling penting.

 Sekian dulu Artikel sayafafan tentang 2 Cara Membuat Read More Otomatis 1