Cara Membuat Read More atau Baca Selengkapnya

Dear All My Friend’s,,,,,,

Menulis sebuah Postingan atau Artikel kadang kala membuat kita tidak sadar bila Posting tersebut terlalu panjang. Beberapa Blogger berusaha membuat cantik Blog nya dengan mempercantik tampilan yang ada. Karena bila terlalu panjang pada halaman utama membuat posting kita sebelumnya tidak mudah terbaca. Itulah gunanya Code Read More ini, selain itu membuat penasaran pembaca untuk membuka lebih lanjut postingan atau artikel yang kita tulis.

Maka dari itu qu berusaha membuat tutorialnya untuk kalian semua. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya seperti yang ada di Blog qu ini. maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template". Jangan lupa untuk menyimpan Template jaga – jaga bila ada masalah.
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

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

4. 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". Atau bisa sebuah gambar yang kalian inginkan dengan merubah tulisan yang berwarna merah menjadi :

<img src=”Link atau url Gambar atau Picture yang kamu inginkan”/>

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

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", nach kalian pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. 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. Selamat Mencoba...

Buat yang cari gambar untuk read More ini ada beberapa yang bisa kalian pakai. Kalian tinggal copy dan upload aja.....



Mudah bukan, makanya jangan pernah putus asa karena semuanya ada disini…ciieeeee. Makasih buat para Blogger yang sudah melihat tulisan qu ini tapi jangan lupa comment ya…..

Best Regard

Natha Lia

Artikel Lainnya :