Sabtu, 31 Desember 2011

Membuat read more (baca selengkapnya)

Sebagaimana kita ketahui bahwa Blogspot tidak menyediakan fasilitas read more atau page break dalam penulisan post. Namun, bukan berarti kita tidak bisa membuatnya sendiri, bahkan kita bisa menggantnya dengan tulisan Baca Selengapnya, Detail, Read More, dsb. Inilah uniknya blogspot (blogger), kita bisa edit template bawaan, yang penting kita mau sedikit bersusah-susah mengedit code HTML.

-sigup terlebih dahulu..
-masuk ke tatletak
-pilih edit html pastinya,
-beri tanda centang pada Expand Template Widget
-cari code berikut <p><data:post.body/></p> biar mudah
klo loe pake firefox tekan aja ctrl+f trus masukin code nya..
-trus loe copy kode berikut !! dan letak diatasnya

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

-kata yang berwarna merah " read more.."bisa loe ganti dengan kata terserah loe..misalnya Baca selengkapnya....
-trus simpan template,
-kemudian loe masuk pada "pengaturan" or "setting"
-trus pilih tabmenu format
-copy code berikut !!
<span class="fullpost">

</span>

-letak codenya di dalam Template Posting
-simpan setelan
-Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">

</span>

-Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
-finish.....

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Powerade Coupons