Friday, January 23, 2009

Cara Membuat Readmore (Versi 1)

4 comments

Readmore vesri 1
ini membuka halaman baru (loading halaman). Untuk caranya ikutilah langkah-langkah berikut :

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<div class='post-body entry-content'>


kalo dah ketemu maka dibawahnya ada kode ini :

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


4. Kalau sudah ketemu, Ganti kode yang ini <p><data:post.body/></p> menjadi seperti ini :


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


Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya" atau terserah kamu.

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>


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


<span class="fullpost">


</span>


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

11.Contoh peletakan artikel :

This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger.This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from.
<span class="fullpost">
This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from.

This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from.

This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts like this one or sub-posts as you like and manage all of your content inside of Blogger. This is an example of a Blogger post, you could edit this to put information about yourself or your site so readers know where you are coming from.
</span>


12.Selesai.

13. Untuk melihat contoh silahkan klik disini (klik di bagian Readmore)

Comments

4 comments to "Cara Membuat Readmore (Versi 1)"

Anonymous said...
February 11, 2010 at 3:34 PM

terima kasih banyak nya! berkat info nya saya sekarang bisa membut read more

smk bisa said...
March 27, 2010 at 12:53 AM

makasih bos,sangat membantu

ENTERPRENEUR said...
February 21, 2012 at 11:19 PM

bagaimana cara buat tampilan seperti itu.....
tolong ane...?\

Marianus said...
November 2, 2012 at 2:01 PM

Blog Tempat saya pertama belajar nblog... Trims mas Andie...

Post a Comment

Maaf! Komentar bernada spam / SARA akan saya hapus.

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com