Membuat Read More di Blogger...

Readmore atau baca selengkapnya biasa digunakan untuk memperpendek suatu artikel pada blog agar tidak terlihat panjang pada halaman utama blog itu sendiri.

Langkah pertama:

1. Login Blogger anda, masuk ke dashboard > Layout (tata letak) > Edit HTML > beri tanda centang pada "expand widget templates"
2. Letakkan kode di bawah ini sebelum kode </head>

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

3. Letakkan kode di bawah ini setelah kode <p><data:post.body/></p>

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

kata "Read More.." bisa diganti sesuai dngan keinginan anda misalnya"Baca Selengkapnya" atau "Baca Selanjutnya"

4. Lalu Save Template
5. Setelah itu klik settings/pengaturan, lalu klik formatting/format. Di bagian paling bawah halaman tersebut ada field "post template". Isi kotak kosong tersebut dengan kode berikut:

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

6. Dan langkah terakhir "Save Setting"

Langkah kedua:

Setelah script untuk membuat readmore selesai dibuat, kali ini akan dijelaskan cara memotong artikelnya agar terlihat lebih singkat dan tidak memenuhi halaman.

1. Sebelum mulai nulis artikel lakukan hal berikut, pilih edit html lalu cut kata <span class="fullpost"> </span> lalu paste ke compose

artikel awal :

2. Pada compose, atur posisi <span class="fullpost"> untuk awal kata yang akan di potong. Setelah itu taruh </span> pada akhir kata yang akan dipotong. Contohnya seperti di bawah ini


hasilnya :

Related Posts by Categories

Widget by Hoctro | Jack Book