Berikut ini saya berbagi cara membuat readmore
1. Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"
2. Sebelum melangkah ke langkah berikutnya backup dulu template blogger dengan mengklik "dowlnoad template lengkap"
3. Cari kode dibawah ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Copy kode dibawah ini
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
Paste Kode diatas dibawah kode <p><data:post.body/></p>
Setelah selesai kemudian Save Template.
4. Setelah kode diatas di Save kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini
<div class="fullpost">
</div>
Kemudian Save :)
selain cara di atas yang lumayan ribet ada cara yang lebih simple dari cara di atas berikut langkah-langkahnya.
1. Tulis atau edit artikel yang akan kita posting
2. Block tulisan kalimat yang akan kita penggal atau Letakkan korsur pada tulisan (sesudah kalimat) yang ingin di masukkan Read More.
3. Klik Icon Insert jump break lihat gambar seperti dibah ini
4. Klik terbitkan entri selesai.
1. Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"
2. Sebelum melangkah ke langkah berikutnya backup dulu template blogger dengan mengklik "dowlnoad template lengkap"
3. Cari kode dibawah ini:
<div
class='post-header-line-1'/> <div class='post-body'>
untuk mempermudah pencarian tekan Ctrl+F masukan kode diatas kemudian enter
Jika sudah menemukan kode diatas, 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>
Copy kode dibawah ini
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
Paste Kode diatas dibawah kode <p><data:post.body/></p>
Catatan: Tulisan
Readmore diatas ganti dengan kalimat yang anda inginkan seperti "Baca
Selanjutnya", "Baca berikutnya", "Selengkapnya"
dibawah ini hasil penyusunan kode yang telah kita lakukan.
<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;'/>
4. Setelah kode diatas di Save kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini
</div>
Kemudian Save :)
Catatan : jangan hapus kode diatas karena kode tersebut merupakan kode yang akan
kita gunakan dalam pemenggalan posting nantinya.
1. Tulis atau edit artikel yang akan kita posting
2. Block tulisan kalimat yang akan kita penggal atau Letakkan korsur pada tulisan (sesudah kalimat) yang ingin di masukkan Read More.
3. Klik Icon Insert jump break lihat gambar seperti dibah ini

..Terimakasih Sudah Berkunjung..


Tidak ada komentar:
Posting Komentar