Menambahkan fungsi Read More automatis (auto Read More) pada blog memang sangat dibutuhkan bagi para insan blog, mengingat sangat pentingnya memasang auto Read More pada suatu blog. Adapun fungsi dari auto Read More sendiri adalah:
* Pertama: Memperingkas tampilan artikel yang akan sobat tampilkan pada blog sobat. Bisa dibayangkan apabila blog kita memuat artikel yang cukup bahkan bisa dikatakan sangat panjang, yang jadi pertanyaan akan seberapa panjang tampilan halaman awal blog kita ?, tentunya kesan yang ada kurang rapi bukan ?
* Kedua: Mempercepat loading pada blog kita. Karena panjang pendeknya artikel juga sangat berpengaruh bagi cepat-lambatnya loading blog.
Dan masih banyak lagi fungsi serta kegunaan auto Read more bagi kelangsungan dalam dunia Blog.
Sebenarnya tata cara tentang pembuatan auto Read More ini telah banyak diterangkan oleh saudara-saudara para Master blog. Tapi tidak ada salahnya bagi saya yang terbilang Newbie dalam dunia blog untuk sedikit ikut berbagi pengetahuan kepada para sobat insan dunia blog. Khususnya bagi para sobat yang belum tahu tentang cara membuat auto Read More.
Berikut langkah-langkah dalam pembuatan auto Read More:
* Login keBlog/Dashbord - Rancangan - edit HTML
* Expand Widged
* Tips: Disarankan sebelum mengEDIT kode Html untuk MemBack Up template sobat, dengan cara klik Download Template Lengkap kalo sudah proses selanjutnya sobat cari kode berikut
<div class='post-header-line-1'/> <div class='post-body'>
supaya mudah dalam proses pencarian sobat bisa gunakan cara Copy kode di atas kemudian klik Ctrl+F, maka akan tampil kolom kecil di sudut layar komputer sobat. Kemudian Pastekan kode yang telah sobat Copy tadi pada kolom tersebut. Kalo sudah ketemu, Copy kode di atas kemudian letakan dibawah kode di atas !
<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 pada bawah kode tersebut akan ditemukan kode seperti ini.
<p><data:post.body/></p>
Setelah itu Copy kode dibawah ini dan letakkan dibawah kode di atas !
<a expr:href='data:post.url'> Readmore </a>
</b:if>
Tulisan Readmore bisa sobat ganti dengan istilah lain seperti: Selanjutnya, Baca selengkapnya, dll...
Untuk kode yang telah digabungkan bisa sobat lihat seperti tersebut:
<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;'/>
kalo langkah di atas sudah selesai jangan lupa Simpan Template
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>
Kalo sudah jangan lupa disimpan pekerjaan sobat
Langkah berikutnya dalam sebuah penulisan posting sobat pasti akan selalu muncul kode: <div class="fullpost">
</div>
Kalo sudah sekarang sobat tinggal melakukan langkah seperti ini.
contoh:
Banyaknya para pemudik yang menggunakan jasa kereta api pada hari lebaran tahun ini,<div class="fullpost">
membuat pihak PT. KAI harus menambah unit gerbong kereta tambahan</div>
Untuk hasilnya seperti ini:
Banyaknya para pemudik yang menggunakan jasa kereta api pada hari lebaran tahun ini,
Readmore
Selesai sudah kerjaan kita, kemudian sobat lihat hasilnya ~>
Semoga Berhasil...!
Jangan lupa beri masukan buat kiat membangun dan kebersamaan...
Terima Kasih!!!