Cara Praktis Buat Read More Di Blog

Iklan
Kali ini saya akan membahas cara membuat Read More di Blog. read More ini berfungsi untuk mengecilkan artikel di halaman blog, dengan artian blog anda tidak akan tampail memanjang kebawah kalau di buka halam utamanya, oce dech berikut caranya :

1. Buka menu Layout kemudian pilih Edit HTML pada blog anda.

2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode berikut di Template blog anda :


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


Untuk mempermudah klik search dengan cara Control+F lalu pastekan kode di atas.

4. kalau sudah ketemu, ganti kode di atas dengan kode berikut :

<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 di kode di atas bisa anda ganti dengan "Baca Selanjutnya" atau terserah anda dech...

5. Simpan hasil editan tersebut.

6. Lalu pilih menu Setting lalu pilih Formatting.

7. Pada kotak "Post Template" yang berada paling bawah biasanya, lalu isikan kode berikut:

<span class="fullpost">


</span>


8. Simpan Settingan anda.

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

<span class="fullpost">

</span>


10. Letakkan posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") sebelum kode ini :

<span class="fullpost">


Sementara sisanya yaitu keseluruhan posting letakkan di antara kode


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

11. Jangan Lupa simpan postingan anda, he..

selamat mencoba cuy...