Membuat Readmore pada blogger

Saya akan menulis sebuah artikel mengenai cara pembuatan readmore pada template jenis baru (xml)

Pembuatan artikel ini berdasarkan pengalaman pribadi saya di tambah “nyontek ” sana sini tapi bukan copy paste suer !!

Langsung saja :

Step #1

Buka menu pengaturan.

klik Format.

Di layar paling bawah terdapat tulisan Template Posting, area tersebut masih kosong ,maka isi dengan kode berikut.

                <span class="fullpost">

                </span>

Simpan perubahan ini.

Penulisan kkode ini dimaksudkan agar kita tidak perlu menulis kode ini manual setiap kali ingin membuat artikel dan readmore.

Step #2

Masuk menu dasbor

Klik Tata letak kemudian pilih Edit HTML.

*catatan : save terlebih dahulu semua kode template kalian (buat backup nya) . hal ini untuk jaga jaga kalau kalau ada kesalahan penulisan kode (pengalaman buruk sendiri nih).

Centang dialog box Expand Template Widget.

Coba cari kode berikut pada template anda (pakai tombol Ctrl + F agar lebih cepat)

<data:post.body/>

atau

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

  

Hapus kode diatas kemudian ganti dengan kode 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/>

<a expr:href='data:post.url'><strong>Read more..</strong></a></p>

</b:if>

Simpan Template.

Step #3

Saat posting sebuah artikel buka tab edit HTML.

Maka akan ada tampilan koding berikut

    <span class="fullpost">

    </span>

*inilah tujuan dari lan gkah #1

Ketikan posting anda dengan format seperti ini.

Ini asal asalan zzzzzzzzzzzzzzzzzzzzz

<span class="fullpost">

blalblabllalblablabla blalblabllalblablabla

blalblabllalblablabla blalblabllalblablabla

</span>

Maka yang akan tampil pada home page anda adalah bagian kalimat sebelum koding <span class=”fullpost”>

Yaitu :

Ini asal asalan zzzzzzzzzzzzzzzzzzzzz

Sekian dari saya jadilah viewer yang ber adab klo kopas tulis asalnya okeh(kasih backlink) and dont forget to leave a comment..