Membuat " Read More " di New Blogger.

Jika kita rajin googling Banyak  versi script untuk membuat pemengalan artikel  atau yang lebih di kenal dengan istilah " Read More " . Salah satunya code script " read more " yang saya ambil dari  blognya Ramani .

Bagaiamana cara menambahkan script " read more " ke dalam blog kita. ikutilah penjelasanya di bawah ini.

1. Buka Dashboard | Template | Edit HTML | kemudian tandai Expand Widget Templates.

Juga  untuk memudahkan mencari kode yang di inginkan dalam menu file - pilih Find in This Page

 

Maka dalam status bar bawah ( untuk firefox ) ada sebuag kotak Find

1. Setelah itu masukan tag: </head> ini ke dalam kotak Find tersebut.

setelah ketemu sisipkan  kode di page ini  di atas tag </head> tersebut.

 

2.  Setelah itu cari kode di bawah ini.

<data:post.body/>

atau kode keseluruhan-nya

<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Ganti kode di atas dengan kode di bawah ini.

<div class='post-body' expr:id='"post-" + data:post.id' >
<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>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kita bisa saja merubah kata " Read More..." dengan "Baca selangkapnya...." dll.

 

3. Setelah di save tempalate /di simpan tempalate.
Kemudian buka Tab Pengaturan | Format.

 

masukan kode di bawah ke dalam  kotak sebelah kanan  tulisan Template Posting.

<span id="fullpost">
</span>

lihat gambar

 

Cara Mengunakan " Read More " Dalam Artikel.

1. Dalam Editor ( tempat menulis artikel ). - jika kita biasa menulis secara compose. tulis saja dulu artikelnya .

 

 

Setelah beres menulis, tekan tab penulisan secara  Edit Html. kemudian cari dan pindahkan  letak  kode ini :    <span id="fullpost"> di mana kita akan memengal artikel. kemudian di akhir artikel pastikan ada tag penutupnya, yakni :</span>

ilustrasi gambar.

 

Atau jika masih binggung coba menulis artikel langsung dalam Edit Html . lihat gambar.

Perhatian

Biasanya yang sering menjadi masalah dalam pemasang read more ini, yaitu ketika dalam penulisan artikel. jadi yang mesti di perhatikan setelah menulis dalam compose editor kita harus memeriksanya dalam Edit Html editor, dan pastikan kode ini

<span id="fullpost"> dan tag penutupnya </span> harus ada dan hanya satu, lebih dari satu akan terjadi error.

Jika blog ini bermangfaat.Ikuti terus update informasinya. Silahkan Klik dan masukan emal anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .
Makasih juga atas kunjungannya.

Technorati tags: New Blogger Tutorial, Read More