Membuat Read More

Read More
Taluyk Kuantan. Untuk membuat blog pada http://blogger.com agar lebih enak di lihat dan tampilan postik tidak terlalu panjang, maka kita harus memberi link selanjutnya atau read more, itu seperti pada majalah or Koran…pada kolom utamanya.

Read More or Selanjutnya

Untuk membuat link read more or selanjutnya .., disini saya buat tutorial mrmbuat tulisan read more or selanjutnya.. Adapun caranya sebagai berikut :
1. Login ke http://blogger.com, masukan user name dan password, pada dashboard klik tab Layout kemudian masuk ke Edit HTML
2. Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
3. Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode ]]></b:skin>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Layout-HTML

4. Selanjutnya mengatur supaya postingan terpotong, cari kode

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

dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

5. Tulisan yang berwarna merah bisa diganti dengan selanjutnya….
6. Save kode tersebut, pada save tamplete

7. Dari menu TEMPLATE kita pindah menu; klik Settings (Pengaturan) >Formatting (Format). Dibagian bawah ada tulisan Post Template (Template Posting), isi kotak dipinggirnya dengan kode berikut:

<span class="fullpost">

</span>

Formating

8. Klik SAVE (Simpan Pengaturan)
9. Terakhir, setiap akan mempublish postingan, klik Edit HTML dan sisipkan kode tersebut diantara postingan yang akan ditampilkan dan disembunyikan. Contoh,

posting

Untuk membuat tulisan read more
<span class="fullpost">
Gunakan Kode dibawah ini
</span>

Selamat mencoba