Blogger news

Cara membuat Read More Pada Blog

Posted by Muhammad Faisal 13.39, under | No comments



Jika kamu merasa tampilan postingan pada blog mu terlalu panjang sehingga membuat penuh tampilan halaman utama pada blog mu, maka kamu dapat mempersingkatnya sehingga tidak terlalu memenuhi halaman awal blogmu dan sekaligus dapat merapikan dan mempercantik tampilan blogmu.

Dengan memasang skript read more atau selengkapnya, dengan otomatis dapat menjadikan tampilan postinganmu yang panjang menjadi terlihat setengah pada halaman utama blogmu. Dan akan muncul tulisn read more/baca selanjutnay... di bawah postinganmu yang apabila diklik akan membuka penuh seluruh postinganmu.

Nah ikutilah langkah-langkah berikut unruk membuatnya:

1.Buka menu Tata Letak kemudian pilih Edit HTML
2.Beri tanda centang pada cekbox"expand widget template"
3.Klik Ctrl+F untuk membuka kotak pencarian
4.Copy/Pastekan kode berikut kedalam kotak pencarian tersebut

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

5.Jika sudah ketemu, maka gantikan kode tersebut dengan kode berikut:

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

Kamu dapat merubah tulisan read more menjadi baca selengkapnya ataupun dengan kreasimu sendiri..

6.Simpan hasil editan
7.Kemudian pilih menu Pengaturan lalu pilih format
8.Pada kotak Post Template, masukan kode berikut:

<span class="fullpost">


</span>

9. Kemudian Simpan.
10. Ketika memposting, disana ada 2 tab pilihan, yang "Tulis" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

11. Letakkan 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>

Selamat Mencoba..


Sumber : http://hairogeneration.blogspot.com/2009/09/cara-membuat-read-more-pada-blog.html#ixzz1mOX0ftWL

0 comments:

Poskan Komentar

Popular Posts