Cara Membuat Read More Template Klasik

Apa itu Read More? Read More adalah sesuatu, hehehehe. Yang jelas Read More berguna untuk menampilkan sedikit cuplikan dari postingan pada halaman utama. Dalam postingan kali ini saya akan membahas bagaimana CARA BUAT READ MORE pada blog, tapi yang menggunakan template versi klasik. Read More ini berfungsi untuk menampilkan sedikit postingan pada halaman depan dan dibawahnya ada kata Read More atau selanjutnya dan jika diklik baru artikel dari sebuah postingan akan tampil semua. Read More ini juga berguna untuk menghemat halaman depan blog, jadi gak makan banyak tempat walaupun kamu pasang 5-7 artikel pada halaman depan blog kamu. Jaman kaya ginikan pada hemat. Hehehehe

Pengen buat Read More ? Silakan ikuti tutorial Cara Buat Read More berikut ini :

1. Login ke blogger.

2. Klik "Tata Letak" kemudian Klik "Edit HTML". Kemudian beri tanda centang pada tulisan "expand widget tempate".

3. Cari kode </head> lalu copy kode berikut dan paste diatasnya.

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

4. Cari kode <p><data:post.body/></p> lalu copy dan paste kode berikut dibawahnya.

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

5. Klik "Save template".

6. Kemudian klik menu "pengaturan lalu klik "format" cari kotak kosong yang ada dibawah lalu isi kotak tersebut dengan kode berikut.

<span class="fullpost">

</span>

7. Kemudian klik Simpan pengaturan.

8. Pada saat kamu memposting,klik "edit HTML" Nanti akan secara otomatis muncul kode seperti dibawah ini.

<span class="fullpost">
</span>

Letakan postingn yang ingin ditampilkan di atas kata read more atau selanjutnya diatas kode tersebut .dan sisanya/keseluruhan artikel di antara atau ditengah kode tersebut contohnya sebagai berikut :

<span class="fullpost">

posting sisa artikel disini

</span>

9.  Buat postinganmu selesai

Demikian caranya sob, gimana simple bukan?
Untuk CARA MEMBUAT READMORE OTOMATIS TEMPLATE BLOG BARU klik DISINI.
Semoga bermanfaat.

Tweet