Buat Readmore atau Baca Selengkapnya pada postingan Blog

Buat sobat netter semua yang lagi mulai nge blog mungkin kepikiran gimana caranya ya buat postingan di blog nya tu pake "read more" ato "Baca selengkapnya".
ok..
g susah ko buat nya
Berikut langkah-langkah nya.......

Pastiin sobat netter uda punya acount blog...
truz...
1. Buka template –> edit HTML
2. Centang ato ceklis di menu “expand widget template”

3. Truz cari kode berikut di TEMPLATE blog Anda:


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

<div class='post-body'>


4. Kalo uda ketemu ama tu kode, letakkan 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. Di Bawah kode di atas ada kode html sbb:



<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


6. Nah, di antara kode
<p><data:post.body/></p>

dan kode


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


copas kode html ini:

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


7. Jadi, susunan kode html di template setelah ditambah ama kode READ MORE akan berubah jadi kaya gini (yg warna biru adalah kode tambahan untuk READ MORE, n kode warna merah adalah kode asli template):


<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;'/> <!-- clear for photos floats -->

</div>


Klik Simpan Template.

8. Klik SETTINGS ato Pengaturan, terus klik FORMATTING ato Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tu ama kode berikut:

<span class="fullpost">

</span>


Truz...
Jangan lupa klik SIMPAN PENGATURAN.
Kalo sobat netter pengen ngepost...maka waktu
mo ngepost, klik EDIT HTML. Maka, otomatis akan akan tampil kode


<span class="fullpost">
</span>


Letakkin postingan yg mo sobat tampilin di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode

<span class="fullpost">

dan


</span>


Penting Ne Buat sobat netter semua:
Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, nah,sobat netter bisa mengeditnya ko...
ok..folllow this step...

1. Klik menu EDIT POSTS
2. Klik EDIT di artikel yg mo diedit.
3. copas kode

<span class="fullpost">


di bawah paragraf yg akan ditampilin.

n inget...
copas kode
</span>

di akhir artikel.







  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS