Pages

Friday, September 24, 2010

Membuat Read More pada template Classic

Ketika selesai memposting sebuah artikel n lihat hasil postingannya tiba2 aq nanya"koq panjang x y?apa g bisa dipersingkat?Hmm..kemudian terpikir untuk membuat frasa "Read More" atau "Baca Selengkapnya" di blog ini.

Katanya blogger sekarang udah ada fasilitas "read more"nya..tapi koq di blogq g ad y??di-anak tiri-kan kah?hmmm..gpp de..yg penting masih dikasi izin pake blog ne secara GRATIS..hihihihi..

Setelah browsing2 akhirnya nemu beberapa cara..n setelah dicoba ..gagal.. :(
n akhirnya...

1 jam kemudian (*gaya narator di Spongebob..:D)
akhirnya nemu caranya n setelah dicoba BERHASIL!!! plok..plok..
skrg sharing buat teman2 yg jg gagal spt saya..semoga membantu.. :)

Berikut ini caranya:

1. Login ke Blogger Anda seperti biasa..

2. Kemudian masuk ke Menu Design --> Edit HTML kemudian checklist pada Expand Widget Templates.

3. Cari kode berikut ]]></b:skin> dan pastekan kode dibawah ini tepat dibawah kode tadi

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

4. Sehingga kodenya menjadi seperti ini.

]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

5. Kemudian temukan kode

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

atau

<data:post.body/>

kemudian paste-kan kode dibawah ini tepat dibawahnya

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Kemudian Save
NB : Frasa "Read More" dapat diganti sesuai hati kita.

6. Kemudian klik Menu Settings ---> Formatting. Scroll ke bawah dan pada text area Post Templates pastekan kode di bawah ini

<span class="fullpost">

</span>

Kemudian Save..

7. Nah.. ketika kita akan membuat postingan maka akan langsung muncul kode tadi tetapi harus dalam mode "Edit HTML" bukan "Compose:. Untuk postingan yang kita ingin tampilkan dilayar tanpa harus mengklik "Read More" maka ditulis di atas kode <span class="fullpost"> sedangkan untuk postingan yang ingin kita potong ditulis di antara kode <span class="fullpost"> dan </span>


Contohnya:
Ketika selesai memposting sebuah artikel n lihat hasil postingannya tiba2 aq nanya"koq panjang x y?apa g bisa dipersingkat..ato dipasang frasa "Read More" atau "Baca Selengkapnya" di blog ini y?

<span class="fullpost">
Katanya blogger sekarang udah ada fasilitas "read more"nya..tapi koq di blogq g ad y??hmmm..gpp de..yg penting masih dikasi izin pake blog ne secara GRATIS..hihihihi..
</span>

Maka hasilnya akan seperti ini
Ketika selesai memposting sebuah artikel n lihat hasil postingannya tiba2 aq nanya"koq panjang x y?apa g bisa dipersingkat..ato dipasang frasa "Read More" atau "Baca Selengkapnya" di blog ini y?
Read More...

Selamat Mencoba... :)


0 comments: