Sunday, July 22, 2007

Read More di Blogger Beta

Berikut prosesnya:

1. Buka template --> edit HTML
2. Kasih tanda tik/cek menu "expand widget template"
3. Cari kode berikut di TEMPLATE blog Anda:


<div class="post-header-line-1"> <div class="post-body">



4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:


<b:if cond="data:blog.pageType == "item"">

<style>.fullpost{display:inline;}</style>

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

<b:else>

<style>.fullpost{display:none;}</style>



5. Di Bawah kode di atas ada kode html sbb:

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



<div style="clear: both;"> <!-- clear for photos floats -->

</div>



6. Nah, di antara kode <p><data:post.body></data:post.body></p> dan kode <div style="clear: both;"> <!-- clear for photos floats -->
</div>


pasang kode html ini:
<a href="data:post.url">Read More......</a>




7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini :


<div class="post-header-line-1">

<div class="post-body">

<b:if cond="data:blog.pageType == "item"">

<style>.fullpost{display:inline;}</style>

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

<b:else>

<style>.fullpost{display:none;}</style>

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

<a href="data:post.url">Read More......</a>


<div style="clear: both;"> <!-- clear for photos floats -->
</div>




8. Klik SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:


<span class="fullpost">



</span>


Jangan lupa klik SAVE apabila sudah dipasang.


9. Klik SAVE. Selesai.***

CARA MEMPOSTING

Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class="fullpost">



</span>


Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode
<span class="fullpost"> dan </span>.

Catatan Penting:

(A) Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara sbb:

1. Klik menu EDIT POSTS
2. Klik EDIT di artikel yg akan diedit.
3. Pasang kode <span class="fullpost">
di bawah paragraf yg akan ditampilkan. Dan pasang kode </span>
di akhir artikel.

Ingat kode hanya ada SATU kode <span class="fullpost"> dan </span>. Apabila terdapat lebih dari satu, dan biasanya numpuk di bagian paling bawah artikel, maka dibuang saja.

Selamat menikmati Blogger Baru dg READ MORE!


Sumber : http://kolom-mario.blogspot.com/2006/12/read-more-di-blogger-beta_30.html



0 comments:

 
© Copyright by OLIVER EKACAKRA  |  Template by Blogspot tutorial