Senin, 02 Mei 2011

cara membuat read more di blog

membuat read more otomatis di blog
setiap anda melakukan postingan baru pasti akan tampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka akan membuat penuh halaman utama. Jika kamu ingin postingan ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat seluruh postingan anda, maka ikutilah langkah-langkah ala mas Pine berikut :
1. Disini saya anggap anda sudah login di blogg anda tepatnya dasbor dan sudah masuk menu rancangan,langsung saja 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 (untuk mempermudah gunakan ctrl+f,berlaku untuk firefox dan google crome kok) :

<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 ganti,"Baca Selengkapnya".ataupun sesuai keingginan anda.
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 posting, pasti anda menemukan pilihan 2 tab pilihan, 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"> </span>
teru selesai dehh......?
selamat mencoba!!!!!!!!!




Catatan
beri tanda kutip ("") setiap anda mencari di search igine seperti google dan yahoo untuk mendapatkan hasil yang akurat.
"example"

related articles



0 komentar:

Posting Komentar

pine2.blogspot.com