Cara Membuat Read More yang Mudah 1.
Cara membuat "Read More" sebenarnya sudah banyak yang membuat tutorialnya. Bagi kakak-kakak senior pasti Read More sudah tidak asing lagi. Tapi disini saya hanya ingin membuat Dokumentasi buat Blogku jika Read Moreku rusak atau hilang.
Yang Berminat Yuk Baca,
langkah pertama :
1.Login dulu ke blogger,Kemudian anda Klik pada LAYOUT lalu pilih EDIT HTML. kalau sudah,jangan lupa klick Expand Template Widget terlebih dulu.
2.Cari kode dibawah ini di HTML :
<p><data:post.body/></p>
Jika sudah ketemu, maka hapus kode diatas,ganti dgn kode dibawah ini:
<!-- Read More -->
<b:if cond='data:blog.pageType == "item"'>
<style>div.fullpost{display:inline;} </style>
<p><data:post.body/></p>
<b:else/>
<style>div.fullpost{display:none;} </style>
</b:if>
<!-- End Read More -->
selanjutnya anda cari kode dibawah ini di HTML anda:
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
kalau sudah ketemu,taruh kode dibawah ini tepat dibawah kode diatas :
<!-- Read More -->
<b:if cond='data:blog.pageType != "item"'>
<p><data:post.body/></p>
<a expr:href='data:post.url'><b>Read More... </b></a> </b:if>
<!-- End Read More -->
Untuk text "Read More",bisa diganti dengan kata-kata yang kita sukai. Misalnya: Baca Selanjutnya..., Seterusnya...., Lihat selengkapnya..., dsb. dsb.
3.Simpan template.
Langkah Kedua :
1. Masuk pengaturan ---> klik format ---> lihat kotak paling bawah.
2. Isikan kode ini :
<div class="fullpost">
</div>
contoh :
Beberapa kata postingan kita yang akan tampilkan...
<div class="fullpost">
yang ini adalah lanjutan dari artikel tadi,nah tinggal menutup dengan menaruh kode ini tepat dibawahnya seperti ini.
</div>
selamat mencoba, semoga berhasil dan blognya tambah cantik...koment dong?
Yang Berminat Yuk Baca,
langkah pertama :
1.Login dulu ke blogger,Kemudian anda Klik pada LAYOUT lalu pilih EDIT HTML. kalau sudah,jangan lupa klick Expand Template Widget terlebih dulu.
2.Cari kode dibawah ini di HTML :
<p><data:post.body/></p>
Jika sudah ketemu, maka hapus kode diatas,ganti dgn kode dibawah ini:
<!-- Read More -->
<b:if cond='data:blog.pageType == "item"'>
<style>div.fullpost{display:inline;} </style>
<p><data:post.body/></p>
<b:else/>
<style>div.fullpost{display:none;} </style>
</b:if>
<!-- End Read More -->
selanjutnya anda cari kode dibawah ini di HTML anda:
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
kalau sudah ketemu,taruh kode dibawah ini tepat dibawah kode diatas :
<!-- Read More -->
<b:if cond='data:blog.pageType != "item"'>
<p><data:post.body/></p>
<a expr:href='data:post.url'><b>Read More... </b></a> </b:if>
<!-- End Read More -->
Untuk text "Read More",bisa diganti dengan kata-kata yang kita sukai. Misalnya: Baca Selanjutnya..., Seterusnya...., Lihat selengkapnya..., dsb. dsb.
3.Simpan template.
Langkah Kedua :
1. Masuk pengaturan ---> klik format ---> lihat kotak paling bawah.
2. Isikan kode ini :
<div class="fullpost">
</div>
contoh :
Beberapa kata postingan kita yang akan tampilkan...
<div class="fullpost">
yang ini adalah lanjutan dari artikel tadi,nah tinggal menutup dengan menaruh kode ini tepat dibawahnya seperti ini.
</div>
selamat mencoba, semoga berhasil dan blognya tambah cantik...koment dong?
3 komentar:
Wah... dari dulu aku cari cara buat read more... akhirnya ketemu juga... thanks ya... :)
mantabz bro, di aku ada tuh pasang Aotu Redmore bs dicari di Articelkoe....Kuburan ih sereeeeem
thanks ya. moga2 blog saya juga ikutan cantik
Post a Comment