google-site-verification=4PyO_QSL777Du1Gc1Iq7U5VBurLSMNyd2lW4AvGTCdo Membuat "Read more" pada Blog <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><strong>Kembali ke Atas</strong></a>
Home » » Membuat "Read more" pada Blog

Membuat "Read more" pada Blog

Cara membuat "Read more" atau " Baca selengkapnya" pada blog adalah sebagai berikut:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. memback-up template klik tulisan Download Template lalu simpan.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini: dan taruh tepat diatas kode </head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>

6. Kemudian cari kode seperti di bawah ini:

<div class='post-header-line-1'/>
(biasanya terletak di bagian bawah html blog anda)

7. ganti kode: <div class='post-header-line-1'/> dengan kode di bawah ini:

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


8. di bawahnya ada kode seperti ini: <p><data:post.body/></p> tambahkan di bawah kode tersebut dengan kode di bawah ini:

<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>

Sehingga seluruhnya menjadi seperti ini:


<div class='post-header-line-1'/>
<div class='post-body entry-content' 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: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>


catatan: Tulisan "selengkapnya" dan "Ringkasan" bisa diganti dengan kalimat yang lain.

Lalu simpan template.
9. Pilih menu Setting -->> Formatting
10. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">


</span>

selesai....

jika akan memposting pilih "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span id="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode </span>

Related Posts by Categories



Tidak ada komentar:

Posting Komentar

Tulis komentar anda di sini.

Related Posts with Thumbnails

Loading