Pages

bikin format blog lebih simpel dgn "read more atau Baca Selanjutnya ..."

mari belajar bareng ! sesuai judul posting kali ini gua coba share ilmu nih di blog gua. sebagai blogger kelas toge yang ibarat kata generasi muda nya penerus bangsa di dunia maya gua merasa iri hati dan dengki tiap ngeliat blog blog yang bertebaran dimana mana, mereka bisa mengkreasikan blog mereka biar punya nilai jual yang bisa bersaing didunia nyata.

oke biar gabuang buang waktu, langsung aja di cek.

langkah-langkahnya :
1. Buka menu Layout kemudian pilih Edit HTML.
2. 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) :

<div class='post-body entry-content'>

kalo dah ketemu maka dibawahnya ada kode ini :

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

4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p> 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'>Baca Selengkapnya.....</a>
</b:if>

Tulisan "Baca Selengkapnya" itu bisa kamu rubah, misalnya jadi "Read More".

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">

"POSTING NYA TARO DI SINI, dan tanpa tanda petik !"

</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>

Langkah ke 10 Bagian yang paling penting


0 komentar:

Posting Komentar