Halaman

Belajar Membikin Read More Siapa Takut

Bookmark and Share
READ MORE yang biasa Kita pakai pada Postingan Blogkita agar Postingan tidak panjang Kali dan terpotong dengan tulisan Read More atau tulisan Baca Selengkapnya, untuk itu Mari Kita bersama belajar Untuk Yang belum Ngerti, Yup Langsung Aja
1. Login Blogspot Tentunya
2. Klik Menu Layout pilih EDIT HTML
3. Backup Template dengan Klik Tombol downloads template
4. Centang dipojok Kanan pada kotak "expand widget template "
5. Cari Kode tersebut ditemplate diblogspot :
<div class='post-body entry-content'>

di bawahnya ada kode: <p><data:post.body/></p> Hapus Code ini
<p><data:post.body/></p>
6. Ganti 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>

Nanti jadinya "Read More..... " , Bisa tulisan Read More kita rubah sesuka kita misal kita rubah "Baca selengkapnya" atau "Lanjut Baca" Terserah Mana yang anda sukai?
7. Save hasil Editan Kita kalau ada pesan error teliti ulang
8. Klik tanda setting lalu klik formatting pada kotak Post Template Kopi Paste

Kode ini
<span class="fullpost">


</span>

Dan Klik Save
9. Sebelum kita menulis Artikel disitu ada dua tab pilihan dipojok atas yaitu "EditHtml" dan "Compose" Kita pilih "EditHtml" Maka akan muncul otomatis kode ini:
<span class="fullpost">


</span>
Letakkan Tulisan Artikel kita diatas kode : <span class="fullpost"> Ini yang nantinya akan Terpotong dan Muncul tulisan "Read More ..." dan sisa artikle dibawah Kode: <span class="fullpost"> Dan diakhir article kode: </span> Kalau hasil Read more masih memanjang Coba edit Post
klik Edit Html cari kode tersebut yang double dan hapus, Okey Semoga bermanfaat

{ 1 comments... Views All / Post Comment! }

irfan mengatakan...

Terimakasih , sedikit membantu

Posting Komentar