Cara membuat read more tanpa membuka halaman baru

Bookmark and Share


















Read More yang ini berbeda dari Readmore sebelumnya..
Dengan readmore ini kita pengunjung tidak harus membuka halaman lanjutan untuk membaca artikel selengkapnya



Berikut ini langkah-langkahnya "Cara membuat read more tanpa membuka halaman baru"

1. Seperti Biasa Login ke Blogger
2. Pilih Layout –> Edit HTML
3. Jangan Lupa Centang Expand Template Widget
4. Kopi kode berikut ini dan taruh tepat diatas kode </head>

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

5. Seluruh Kodenya Menjadi seperti ini :


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


6. Sudah Belum?
7. Kalo sudah cari kode dibawah ini

<div class='post-header-line-1'/>

(letaknya kira-kira di bagian tengah kebawah. yak terus..terus..Nha disitu ketemu kan kodenya?)

8. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nha ganti kode tersebut menjadi seperti ini:

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

9.Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.

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

11. jadi seluruh kodenya akan 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>

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->&gt; Formatting
15. 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....

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


Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?
gini caranya:

'Read more' yang lama kan kodenya seperti ini :


<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<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>
<a expr:href='data:post.url'>Read More......</a>
</b:if>


hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. 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>


bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".

{ 2 komentar... Views All / Send Comment! }

fahim blog mengatakan...

mantap....
trims.

kunjungi juga bloge putra cherbon
http://fahimmunjul.blogspot.com

angel san mengatakan...

Informasi yang sangat bagus dan bermanfaat gan. ditunggu informasi nya selanjutnya gan:) terima kasih ^^



Selamat Datang di Intanqq

Intanqq menyediakan 7 permainan dalam 1 ID
Berikut permainannya :
- BandarQ
- AduQ
- Bandar poker
- Bandar sakong
- Domino
- Poker
- Capsa

Berikut keuntungan bermain di Agent Poker Intanqq :
- Bonus Turnover 0.3% dibagikan setiap hari
- Bonus Extra turnover setiap minggu
- Bonus referal sampai 20% dan berlaku seumur hidup
- Proses depo dan wd HANYA 1 menit
- Minimal depo dan wd HANYA Rp.15.000
- Win Rate 98%

Ayo tunggu apalagi? segera bergabung bersama kami dan kunjungi website kami bosku ^^. menangkan hadiah nya bosku ^^

Posting Komentar

Silahkan Berkomentar Dan Bertanya, Terima Kasih