Advertisemen
Setelah sebelumsa saya bahas cara buat readmore pada template klasik, kali ini saya akan ulas bagaimana cara membuat ReadMore Terbaru (part !)Mungkin Sobat blogger yang baru mulai membuat blog masih bingung apa itu readmore? Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya" atau apalah namanya. Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang.
Ikuti langkah-langkah berikut ini :
1. Login terlebih dahulu ke blog Sobat.
2. Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"
3. Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"
Cari kode dibawah ini :
<div class='post-header-line-1'/> <div class='post-body'>
Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit -> Find. pada box find masukan kode ini :
<div class='post-header-line-1'/> <div class='post-body'>
kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual).
4. Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Kemudian dibawah kode diatas kita akan menemukan kode :
<p><data:post.body/></p>
6. Copy-Paste kode dibawah ini dibawah code diatas :
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
</b:if>
Tips : Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")
Kode selengkapnya jika dilihat akan tampak sebagai berikut :
<div class='post-header-line-1'/>
<div class='post-body'>
<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'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>
<div class='post-body'>
<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'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>
7. Lalu simpan template.
Langkah selanjutnya yaitu :
Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini :
<div class="fullpost">
</div>
</div>
Setelah selesai jangan lupa Simpan dan Selesai.
Nah Disini saya juga akan menjelaskan bagaimana cara menggunakan readmore.
Ketika kita melakukan posting pertama kali kita akan melihat kode:
<div class="fullpost">
</div>
</div>
Jangan pernah menghapus kode tersebut, itulah kode yang buat readmore-nya.
Kata/postingan yang akan sobat perlihatkan sebelum Readmore
Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") sebelum kode ini <div class="fullpost">
</div> dan selebihnya letakan sesudah kode <div class="fullpost">
</div> dan sebelum kode </div>
Contoh :
Letakan postingan yang ditampilkan dihalaman utama disini (intisari nya)
<div class="fullpost">
</div>
Dan selebihnya tulis disini.
</div>
Semoga berhasil Sobat... :)
Advertisemen