Pages

Cara Membuat Read More / Baca Selengkapnya pada Postingan di Blog

 Setiap kita membuka halaman home blog kita, contohnya http://spider-share.blogspot.com , maka akan muncul bebrapa postingan terbaru kita, tergantung berapa banyak yang kita tentukan di settings.


Oleh karena itu ada timbul suatu permasalahan, gimana kalau postingan kita itu terlalu panjang, dan ditampilkan banyak di halaman home, maka hal itu hanya membuat penuh halaman utama/home sampai panjang ke bawah..


nah.. Oleh sebab itu ada salah satu trik, yaitu kita hanya menuliskan abstraksi ataupun sebagian dari isi suatu postingan tersebut, yaitu dengan membuat fasilitas "read more" atau "baca selengkapnya".

Oke, langsung aja..
Langkah-langkah membuat fasilitas "read more" :

  • Buka blogger lalu pilih tab design
  • Pada menu Design, pilih "Edit HTML"
  • Kasih tanda centang pada "expand widget template"
  • Lalu cari kode berikut, supaya lebih mundah tekan ctrl+f pada browser..
<p><data:post.body/></p>
  • 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 bisa diubah sesuai keinginan anda contohnya seperti diganti dengan "baca selengkapnya" atau yang lain..
  • Simpan hasil pengeditan tersebut
  • Kemudian pilih tab Setting lalu Formatting
  • Pada post template, isikan kode berikut
<span class="fullpost">

</span>

  • Kemudian simpan
  • 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>

  • 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>
  • Selesai deh... 
Setelah membaca, Mohon Post-kan komentar Terima Kasih
Yang lainnya :