Pola Hidup Sehat Tips Kecantikan Tips Jerawat
Cerita Lucu Lirik Lagu Gosip Artis Kata Mutiara Bijak Kumpulan Puisi
Bisnis Online Lowongan Kerja Peluang Usaha
Soal Matematika Tugas Sekolah
Resep Masakan Cara Membuat Blog Tips Blog Informasi Tips Rambut Fakta Unik Personal Blog
Saturday, September 10, 2011 | 2:07 AM | 0 Comments

Cara Membuat Read More ( Baca Selengkapnya) di Blogspot


Kali ini saya akan menjelaskan bagaimana cara membuat read more di blogspot.Ini sangat Mudah .Biasanya kita jika memposting suatu artikel maka keseluruhan artikel tersebut pasti muncul di halaman utuma .Namun Kita bisa menyempitkannya dengan menggunakan read more (baca selengkapnya).
Owke langsung ajah ya :
1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu,caranya dengan menggunakan (Ctrl + f ) lalu masukkan kkatanya:
<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga 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".

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", Nha km 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 "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Yupzzz,selesai >selamat read more mu sudah jadi.

0 comments:

Post a Comment

 
Copyright Tips Cara Membuat Blog © 2010 - All right reserved - Using Blueceria Blogspot Theme
Best viewed with Mozilla, IE, Google Chrome and Opera.