Pages

Friday, February 19, 2010

Tutorial Blogger : Cara Membuat Read More "PRAKTIS"

Jika tertarik langsung menuju TKP......

1. Masuk ke Dasbor
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Widget Templates
5. Silahkan cari kode]]></b:skin> di dalam template anda
6. Persis setelah kode tersebut, copypastekan script di bawah ini


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

7. Berikutnya, cari kode <p><data:post.body/></p>  atau kode <data:post.body/> di dalam template anda
8. Persis setelah kode tersebut, copypastekan script di bawah ini


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


9. Klik Simpan Template 

Sekarang silahkan anda masuk ke postingan anda, dan pastikan anda berada dalam mode Edit HTML, jangan dalam mode Tulis/Compose.

Selanjutnya agar postingan anda terpotong, maka sisipkan kode <span class="fullpost"> ini di tempat anda ingin memotong tulisan anda. Dan di paling akhir tulisan anda tambahkan dengan kode </span>.

Coba perhatikan contoh berikut, ini adalah sedikit contohnya cara menulis postingan agar terpotong di tempat yang anda inginkan, sesuai teori di atas :


HaLOOO......
<span class="fullpost">


selamat mencoba</span>.

tapi cara penulisan tersebut hanya berlaku untuk template tertentu,untuk template baru atau yang sudah ada kode insert jump break penulisan tidak usah pakai  <span class="fullpost"> dan </span> seperti pada template yang now saya pergunakan...see u....

 

No comments:

Post a Comment