MEMBUAT READ MORE VERSI BARU

J

enis read more ini kita beri judul read more versi baru karena telah ada versi read more sebelumnya. Jika ingin tahu versi sebelumnya coba sobat lihat disini.

Meskipun jenis read more versi ini agak berbeda dengan versi sebelumnya,akan tetapi kegunaannya sama.
Kalau Versi sebelumnya kita harus menunggu beberapa saat untuk membuka,tapi dengan read more versi baru ini sobat tinggal klik tidak begitu lama lanjutan halaman postingan akan terbuka. Sobat tinggal pilih yang mana tergantung selera.

Untuk membuat read more ini kita harus menambahkan beberapa kode pada kode template yang sobat miliki.

Kode apa saja yang harus ditambahkan lihat langkah-langkah dibawah ini:

1.Login di blogger dengan id sobat.
2.Pilih tata letak.
3.Klik edit HTML.
4.Download template lengkap terlebih dahulu.
5.Beri tanda centang pada Expand template widget.
6.Cari kode <head/> kemudian letakkan kode di bawah ini tepat diatasnya.Hingga
hasil kodenya seperti ini:


<script type='text/javascript' src='http://sites.google.com/site/darmasites/javascript/Readmore.js'/>


<head/>

Untuk diketahui bahwa kode yang berwarna merah adalah kode tambahan,sedang yang hitam adalah kode asli.

7.Cari kode <div class=post-body' atau <p><data:post.body/></p>

Tambahkan kode dibawah ini hingga hasilnya seperti berikut:

<div class='post-body' expr:id='"post"+data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;} </style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclik='"javascript:showFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>[+/-] selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclik='"javascript:hideFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>[+/-] Ringkasan saja...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")
</script>
</b:if>
<div style='clear: both;'/> <!--clear for photos floats-->
</div>
</div>

....rest of template code ....

8.Klik simpan.
9.Setelah tersimpan klik pengaturan.
10.pilih menu format.
11.Masukkan kode dibawah ini pada kotak kosong yang bertuliskan Template posting.

<span id="fullpost">

</span>

12.Klik tombol simpan setting.
13.Selesai.

Cara posting pastikan pada Edit HTML jangan pilih Compose,maka akan nampak kode dibawah:

<span id="fullpost">



</span>

Cara meletakkan artikel:

Disini tempat meletak artikel yang akan ditampilkan pada awal posting

<span id="fullpost">

Disini tempat meletakkan artikel kelanjutannya atau seluruhnya

</span>


Jika ingin tanpa read more tinggal hapus kodenya saja.

Moga berhasil !

Artikel Terkait

MEMBUAT READ MORE VERSI BARU

4/ 5

Oleh Ciharu

Ciharu 12:52 Komentar