Selamat Datang
blognyaipank

Membuat Read More pada postingan


Udah pada taukan maksud judul diatas?hehe..buat contohnya kalian bisa liat di artikel ini ada tulisan "Selengkapnya". Coba Kalian klik..hehe..Udah pada tau kan?G usah panjang lebar.. Eitss, tunggu dulu, sebelumnya udah pada tau belum cara buat Related Post..hehe..oke..langsung aja, begini caranya:

1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. Centangin checkbox Expand Widget Template.
3. Cari kode </head>, copy kode berikut sebelum kode </head>


<script src='http://blogipank.fileave.com/readmore2.js'
type='text/javascript'/>
4. Cari kode berikut ini:

<div class='post-body entry-content'>
5. Ganti kode no. 4 dengan kode berikut ini:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
6. Cari kode berikut ini:

<p><data:post.body/></p>
7. Copy kode berikut dibawah <p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

(Anda bisa mengganti teks yang berwarna merah sesuai keinginan Anda)
8. Klik Simpan.
9. Klik Pengaturan, klik Format, pada Template Posting copy paste kode berikut ini:

<span id="fullpost">


</span>
10. Klik Simpan.

Ketika Anda mem posting artikel baru, kan ada 2 menu Tab yaitu Edit HTML dan Tulis. Kalian pilih menu yang Edit HTML. Terus ada kode :

<span id="fullpost">


</span>
Buat tulisan yang tampil di halaman sebelum di klik. Kalian Tulis sebelum kode <span id="fullpost">
Contoh:

(tulis disini teks yang tampil di halaman sebelum di klik)
<span id="fullpost">


</span>

Buat tulisan yang tampil di halaman setelah di klik, kalian tulis di antara kode

<span id="fullpost">

(tulis disini teks yang tampil di halaman setelah di klik)

</span>
Agak ribet yah?hehe.. tapi tetap semangat sob dalam mencari ilmu! Selamat mencoba kawan!hehe..






0 komentar:

Posting Komentar

Silahkan meninggalkan komentar Anda, apabila Anda tidak ingin diketahui identitasnya, Anda bisa memberi komentar sebagai Anonim. komentar yang mengandung SARA tidak akan ditampilkan.