Setelah beberapa waktu lalu saya memposting artikel Cara Buat Read More untuk template klasik, Kali ini saya akan menjelaskan bagaimana Cara Buat Read More Template Versi Baru. jadi buat kamu yang menggunakan template versi klasik ga bisa ikutin tips berikut ini.hehehe .buat yang belum tau apa itu Read More bisa Klik disini. Kelebihan fasilitas Read More Template versi baru ini adalah jika pengunjung meng-klik kata Read More maka seluruh artikel bisa langsung muncul tanpa mereload ulang halaman blog. Untuk sobat yang menggunakan tempalate versi baru dan ingin membuat Read More silakan ikuti langkah-langkah Cara Buat Read More Template Versi Baru berikut ini.
1.LOGIN ke blogger
2.Kemudian klik tab menu Tata Letak lalu klik Lagi menu Edit HTML
3.Download dulu template blog kamu dengen meng-klik Download Template lengkap,Jadi jika nanti terjadi kesalahan kamu masih punya cadangan template kamu
4.Beri tanda centang pada Expand Template Widget
5.Cari kode </head> lalu copy kode berikut di atasnya.
<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
6.Selanjutnya tambahkan kode berikut pada template kamu,Kode yang warnanya biru adalah kode asli template blog kamu,Dan kode yang berwarna merah adalah kode yang harus ditambahkan ke dalam tempalte blog kamu.
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<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: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 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 ....
7.Kemudian klik SIMPAN TEMPLATE
8.Langkah selanjutnya adalah klik Pengaturan lalu klik Format
9.Lalu copy dan paste kode berikut ini ke dalam kotak yang di sampingnya ada tulisan Template posting
<span id="fullpost">
</span>
10.Setelah itu klik Simpan Setting.
Cara Posting Artikelnya
1.Pada saat kamu memposting sebuah artikel,klik tombol Edit HTML. Maka secara otomatis akan tampil kode yang kaya di atas atau lebih jelasnya seperti ini .
<span id="fullpost">
</span>
2.Sisispkan artikel yang mau kamu tampilkan di atas kode <span id="fullpost"> dan artikel yang ingin di sembunyikan di bawahnya sebelum kode
</span> atau biar lebih jelas kaya gini .
Tulis disini artikel yang ingin ditampilkan
<span id="fullpost">
Tulis disini artikel yang ingin disembunyikan
</span>
Selesaii... selamat mencoba.
1.LOGIN ke blogger
2.Kemudian klik tab menu Tata Letak lalu klik Lagi menu Edit HTML
3.Download dulu template blog kamu dengen meng-klik Download Template lengkap,Jadi jika nanti terjadi kesalahan kamu masih punya cadangan template kamu
4.Beri tanda centang pada Expand Template Widget
5.Cari kode </head> lalu copy kode berikut di atasnya.
<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
6.Selanjutnya tambahkan kode berikut pada template kamu,Kode yang warnanya biru adalah kode asli template blog kamu,Dan kode yang berwarna merah adalah kode yang harus ditambahkan ke dalam tempalte blog kamu.
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<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: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 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 ....
7.Kemudian klik SIMPAN TEMPLATE
8.Langkah selanjutnya adalah klik Pengaturan lalu klik Format
9.Lalu copy dan paste kode berikut ini ke dalam kotak yang di sampingnya ada tulisan Template posting
<span id="fullpost">
</span>
10.Setelah itu klik Simpan Setting.
Cara Posting Artikelnya
1.Pada saat kamu memposting sebuah artikel,klik tombol Edit HTML. Maka secara otomatis akan tampil kode yang kaya di atas atau lebih jelasnya seperti ini .
<span id="fullpost">
</span>
2.Sisispkan artikel yang mau kamu tampilkan di atas kode <span id="fullpost"> dan artikel yang ingin di sembunyikan di bawahnya sebelum kode
</span> atau biar lebih jelas kaya gini .
Tulis disini artikel yang ingin ditampilkan
<span id="fullpost">
Tulis disini artikel yang ingin disembunyikan
</span>
Selesaii... selamat mencoba.
0 komentar:
Posting Komentar