Belajar Ngeblog Gratis dan Service Laptop/Notebook

SERVICE DAN KURSUS SERVICE LAPTOP, Penjualan SparePart, LCD, KEYBOARD, HDD, VGA, RAM. UNAAHA-KENDARI-SULAWESI TENGGARA

Cara Membuat READ MORE

Setiap kali anda membuat posting baru, maka postingan baru akan tampil pada posisi teratas. Postingan yang terlalu panjang akan membuat penuh halaman utama sehinga halaman utama akan terlihat panjang dan berantakan. 
Untuk mengaatasinya anda bisa memotong sebagian dari postingan tsb agar yang ditampilkan hanya sebahagian saja. Kemudian dibawah tulisan tsb kita buat link Read-More/Baca Selengkapnya, ketika pembaca anda ingin membaca seluruh isi postingan tsb, maka pembaca cukup mengklik link read more tsb.
Bagaimana? 
Apakah anda ingin mencoba hal tsb?


Untuk membuat/memasang read more pada blog anda, ikutilah langkah-langkah berikut :
  • Login ke blogger.com
  • Buka menu template dan pilih edit HTML.
  • <p class=alert><p><data:post.body/></p></p>
  • Ganti kode diatas dengan kode berikut.

<p class=alert><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></p>
Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

  •  Simpan hasil pengeditan.
  • Kemudian pilih menu Setting lalu pilih Formatting
  • Pada kotak Post Template isikan kode berikut:

             <p class=alert><span class="fullpost">


            </span></p>
  • Kemudian Simpan.
  • Ketika hendak membuat postingan, disana ada 2 tab pilihan  yaitu "Compose" dan "Edit Html", silahkan  pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :


             <p class=alert><span class="fullpost">


             </span></p>


  • Letakkan abstraksi postingan atau artikel yang akan ditampilkan pada halaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost">
          sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
Selamat mencoba dan jangan lupa balik lagi ya...
Previous
Next Post »
1 Komentar untuk "Cara Membuat READ MORE"

Terima Kasih Sudah Berkomentar