TUTORIAL BLOGGER

Akhirnya berakhir sudah pencarian ku. Beberapa hari ini aku mencari tahu tentang membuat read more/baca selengkapnya di blog. Dan inilah hasilnya. Bagi kamu yang ingin buat read more/baca selengkarnya, aku sediakan cara-caranya disini :



Langkah ke 1
Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

Langkah ke 2
Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

Langkah ke 3
Cari kode dibawah ini
<div class='post-header-line-1'/> <div class='post-body'>

Tips: Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

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>

Kemudian dibawah kode diatas kita akan menemukan kode:
<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code diatas
<a expr:href='data:post.url'>Readmore»»</a>
</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;'/>

Langkah ke 4
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>
DISIMPAN

Langkah ke 5
Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:
<div class="fullpost">

</div>


Jangan dihapus, kode ini akan digunakan apabila kita membuat posting-posting yang baru!!