Our social:

Adventure | Traveler | Challenge | Lifestyle

Friday, August 14, 2009

Cara Membuat " Read More" di Blogspot

Didalam tampilan depan dari blog kita, apabila postingan kita tampil semuanya dihalaman depan, tentu membuat halaman depan kita menjadi terlalu panjang. Nah berikut ada cara agar postingan yang kita tampilkan hanya sebagiannya saja dan bagi yang ingin membaca lebih lengkapnya dapat mengklik tulisan READ MORE atau SELENGKAPNYA. Nah bagaimanakah untuk membuat fasilitas Read More atau Selengkapnya itu di postingan kita..berikut langkah-langkahnya.

Langkah 1 - Login di blogger anda lalu masuk menu Lay Out - Edit HTML, lalu checklist kolom expand template widget kemudian anda cari kode html seperti ini :

<data:post.body>

Langkah 2 - Lalu hapus kode tersebut lalu ganti dengan kode dibawah 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>

Silahkan ganti text Read More nya terserah anda, bisa tetap atau anda bisa menggantinya menjadi selengkapnya. Jika sudah lalu Save Template

LAngkah 3 - Cara Posting

Setelah bagian edit html selesai, sekarang saatnya kita untuk posting artikel dengan menggunakan Read More atau Selengkapnya.
Pertama, Silahkan buat postingan sampai selesai dulu. Kedua, anda tentukan batas paragraf atau kata yang ingin di tampilkan kemudian pasang kode ini dibawah paragraf tersebut :

<span class="fullpost">

Ketiga, pasang kode berikut di akhir postingan anda

</span>


Nah Langkah lain agar setiap kita posting didalam isi postingan sudah tersedia kode seperti diatas maka langkahnya:
Pilih menu Setting lalu pilih Formatting
Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

Oke semoga bermanfaat.

0 comments:

Post a Comment

Anyone can give the idea, information or question
Dont Be Shy.....