Rabu, 19 Desember 2007

Bikin Read More

Bikin "read more" "selengkapnya..." biasanya yang hobi berat nulis butuh ini, biar tampilan di blog lebih maniees, ra sah kesuween ... gini caranya


Dibagi 2 tahap ya, ini tahap yang pertama


1. Buka menu Template kemudian pilih Edit HTML.

2. Kasih tanda cek (centang) pada "expand widget template"

Tunggu beberapa saat, sabar dab.

3. Cari kode berikut di HTML blog mu


<div class='post-header-line-1'/>

<div class='post-body'>


4. Dah ketemu blooon???, kalo sudah kopi dan pastekan kode berikut DI BAWAH kode html di atas:


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


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


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


<b:else/>


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


5. Berikutnya setelah di kopi lihat di bawahnya, ada kode seperti ini:


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


6. Letakkan kode berikut DIBAWAH kode di atas.


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


</b:if>


7. Hasilnya dari atas akan seperti ini, di check dulu mas :


<div class='post-header-line-1'/>


<div class='post-body'>


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


<div style='clear: both;'/>


8. Jangan lupa save dan selesai tahap pertamax


Tahap Kedua adalah memasang kode pada postingan, biar ga repot nulis lagi kalo pas posting, tapi ntar kalo pas ga pengin pake read more ya tinggal dihapus aja pas posting. ok, siaap....


1. Pilih menu Setting lalu pilih Formatting

2. Pada kotak Post Template isikan kode berikut:


<span class="fullpost">



</span>


3. Kemudian Simpan.

4. Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">



</span>


4. ini PENTING!! Letakkan tulisan postingan yang akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

5. Dah slesai, jangan lupa berdo'a biar ga ada kekeliruan, aku dulu pas bikin sampai lebih dari 5 kali, sempet muntah2 akibat pusing


Salam Ngeblogging,

0 Comments: