Membuat Read More Pada Template Baru

Membuat blog menjadi indah dan dengan mudah dilihat oleh para sobat blogger yang lain salah satunya adalah penggunaan read more pada postingan kita. Yang tertera di halaman index adalah cuplikan dari postingan secara kesluruhan. Apa jadinya bika kita yang mempunyai hobby memposting dan tidak menggunakan read more, mungkin tulisan akan memanjang sampai kebawah, roll blog tersebut akan menjadi sangat panjang. Yang terjadi adalah para pengunjung blog kita akan bosan melihat blog kita secara keseluruhan.

Pada kali ini saya akan membahas penggunaan read more pada template baru. Mungkin sobat blogger juga bertanya bagaimana jika pemasangan read more pada template klasik apakah sama atau berbeda, ternyata walaupun sama-sama template tapi berbeda juga penggunaan kodenya. Pemnngunaan read more mungkin akan saya bahas pada postingan selanjutnya.

Oke… apakah para sobat blogger sudah siap untuk menggunakan read more, jika sudah siap mari kita buat sama-sama.

1.jangan lupa buat masuk dan log in dulu ke blogger.
2.pada tampilan dashboard pilih Pengaturan – Format
3.Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :

<div class="fullpost">

5.klik tombol yang bertuliskan simpan setelan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

6.Kemudian pilih Tata letak – Edit HTML
7.klik tulisan download full template.

Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula

8.PENTING: centang dulu pada kotak Expand Template Widget, bila tidak dilakukan pencentangan, dikhawatirkan langkah-langkahnya tidak akan sesuai dengan perintah yang akan saya sampaikan selanjutnya.
9.silakan cari kode berikut.

<div class="post-body">

10.Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<b:if cond="data:blog.pageType"><style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style>

11.Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :

<p><data:post.body/></p>

12.Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<a href="'data:post.url'">Read More......</a></b:if>

13.Klik tombol bertuliskan simpan template

Selesai dan para sobat blogger sekarang dapat menggunakan read more pada postingan di blog anda.

Sekedar informasi, untuk membuat post agar terlihat cuplikannya saja.

14.Tulisankan artikel yang ingin tampak pada blog sebelum kode :

<div class="fullpost">

15.Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

</div>

16.Klik tombol bertuliskan PUBLISH POST