iklan

Selamat datang di yu nge blog. Ingin Req? silahkan kirim pesan facebook ke Yuqbal faza aula dipa. yu nge blog menerima insttal ulang windows 7 XP untuk notebook dan laptop. minat pesan FB!
Home » » Trik Membuat Read more di postingan

Trik Membuat Read more di postingan

Yuqbal faza aula dipa | 04.44 | 0 Minta saran kritik? komentar saja di sini!
nahh sobat yu nge blog sekarang mau ngasih lagi ilmu nih yaitu membuat redmore di postingan.. hmmm pasti sobat blogger pernah liat blog yang postingan nya tuh di klik read more.. Tertarikk pastinya kann Gini nihh cara nya:

. Kasih tanda cek (centang) pada cekbox "expand widget template"
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".

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", Nha km 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>

Gitu sobat caranya semoga bemanfaat :D
Share this article :

0 Minta saran kritik? komentar saja di sini!:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...

Pengikut

 
Support : Creating Website | Yuqbal Faza aula dipa | @yuqbalFD (twitter)
Copyright © 2011. Yu Nge Blog - All Rights Reserved
Template Modify by Yuqbal faza aula dipa
Proudly powered by Twitter Kami