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
RSSMicro FeedRank Results
Active Search Results

arsitekartikelblog directorykitchen cabinets design

RSSMicro FeedRank Results
ANDA SEDANG BERADA DI BLOG WARUNG POJOK USI2506