Cara Buat ReadMore atau Baca Selengkapnya

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jadi Inilah solusinya yang tepat cepat dan akurat.


Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :


1. Silakan Log In di Blog kamu dulu tentunya :D
2. Buka menu Layout/Tata Letak, kemudian pilih Edit HTML
3. Kasih cek/centang pada tulisan expand widget template
4. Tekan Ctrl+F dan copy paste/ketik <data:post.body/> 
5. Nah kalo udah ketemu, sekarang minum dulu kalo haus :P haha, becanda!! 
6. Serius nih, skarang kamu ganti kode tersebut dengan kode dibawah 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>


7. Untuk tulisan Read More... bisa kamu ganti sesuai selera kamu
8. Kalo udah, save template/simpan template
9. Kemudian Langsung aja ke Setting/Pengaturan pilih Formatting
10. Pada kotak bawah sendiri post template/template entri isi kode ini

<span class="fullpost">


</span>


11. Kemudian simpan
12. 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>


13. Letakkan 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>




14. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D


Selamat Mencoba...





Tidak ada komentar :

Posting Komentar

silakan berkomentar.. :)