test

Read More di Blog  

Posted by Unknown in

caranya....

1. Login ke Blogger, Setelah login, pastikan Anda berada di halaman "Panel Kontrol".

2. Klik "Layout" di menu "Manage"

3. Klik "Edit HTML" (submenu dari "Template")

4. Beri tanda centang pada "Expand Template Widget"

5. Cari kode <p><data:post.body></data:post.body></p>
Gunakan Ctrl+F dan masukkan kata kunci post.body untuk memudahkan pencarian.

6. Timpa kode <p><data:post.body></data:post.body></p>
dengan kode berikut :

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>.fullpost{display:inline;}</style>
</b:if><p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>
</b:else><p><data:post.body></data:post.body></p>
<a href="data:post.url">Baca selengkapnya...</a>

7. Hasilnya Potongan kode di class "post-body" adalah sebagai berikut:

<div class="post-body entry-content">
<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>.fullpost{display:inline;}</style>
</b:if><p><data:post.body></data:post.body></p>
<b:else>
<style>.fullpost{display:none;}</style>
</b:else><p><data:post.body></data:post.body></p>
<a href="data:post.url">Baca selengkapnya...</a>

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

Catatan:
Baris pertama dari potongan kode di atas bisa <div class="post-body-entry-content">
atau <div class="post-body">.
8. Klik "Simpan Template"
9. Agar kode ini berfungsi, kita harus menambahkan dua baris kode di postingan, yaitu
<span class="fullpost"> </span>
Tempatkan kata-kata yang akan ditampilkan di muka di atas kedua baris kode tersebut dan
kata-kata sisanya di antara kedua baris kode tersebut.

Catatan:
Jika kamu ingin postingan lama juga mempunyai "read more", lakukanlah hal ini juga terhadap semua postingan tersebut.
Tips:
Untuk memudahkan dan agar tidak lupa, buatlah template posting dengan isi kedua baris kode tersebut. Caranya, masuk ke "Pengaturan" -> "Format" kemudian ketikkan kode tersebut di kolom "Template Posting" dan klik "Simpan Pengaturan".

sumber :

  1. hafnisulun.blogspot.com
  2. Encode / Decode HTML Entities

This entry was posted on Wednesday, November 12, 2008 at 8:16 PM and is filed under . You can follow any responses to this entry through the comments feed .

0 comments

Post a Comment