Skip to main content

Membuat Read More Blog

Bagi kawan pembaca yang hobi blogging atau hobi membaca postingan di internet, pasti pernah atau bahkan sudah akrab dengan kata "Baca selengkapnya, selanjutnya, read more, dll" yang memjelaskan bahwa postingan yang ada pada halaman itu masih ada lanjutannya. Nah, jika anda ingin membuatnya pada blog anda caranya adalah anda mesti mengutak-atik kode HTML template blog anda atau cara paling mudah adalah dengan memanfaatkan fitur terbaru dari post editor blogger

. Yang pertama akan saya bahas adalah membuat read more postingan dengan kode HTML.
  • Pertama anda mesti login ke akun blogger anda.
  • Kemudian anda cari menu tata letak > edit HTML, kemudian beri tanda cek pada tulisan expand template widget. Jika anda khawatir mengalami kesalahan saat mengubah kode HTML blog, ada baiknya anda simpan kode HTML asli template anda dengan mengklik tulisan donwload template lengkap yang ada pada bagian pojok kanan atas halaman tersebut.
  • Setelah itu anda cari kode </head> dengan bantuan f3 dari keyboard anda agar lebih mudah.
  • letakkan kode berikut tepat di atas kode </head> yang anda temukan sebelumnya:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
  • Temukan kode berikut <p><data:post.body/></p> , letakkan kode berikut tepat di bawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
  • Simpan template.
Ini merupakan tahap awal untuk memasang read more, tahap terakhir adalah memotong isi postingan yang anda inginkan, caranya adalah:
  • Klik posting > entri baru atau edit entri (ini tergantung anda ingin memotong postingan yang sudah ada atau membuat postingan baru dan langsung memotongnya).
  • Letakkan kode berikut ini diantara postingan yang ingin dipotong/disembunyikan. 
<span class="fullpost">

</span>
  • Bagian yang merah anda letakkan tepat di depan kata awal postingan yang ingin disembunyikan.
  • Bagian yang biru anda letakkan di akhir postingan.
  • Terakhir klik terbitkan entri dan lihat hasilnya.
Cara kedua ini relatif lebih mudah daripada anda harus mengutak atik kode HTML template anda. Tapi anda harus menggunakan fitur terbaru dari post editor blogger. Jika anda belum tahu sama sekali tentang itu, sebaiknya anda baca dulu postingan saya sebelumnya tentang new post editor blogger, klik disini!!!
Jika new editor post telah terpasang di akun blogger anda maka tinggal lakukan tahapan berikut:



  • Buat postingan baru atau edit postingan yang sudah ada dengan klik menu Posting.
  • Letakkan kursor di depan kata postingan yang ingin dipotong/disembunyikan.
  • Klik menu dengan icon gambar seperti di bawah  ini tepat di depan kata postingan yang ingin disembunyikan


  • Terbitkan entri dan lihat hasilnya pada blog anda.
Selamat mencoba...........

Popular posts from this blog

Berikut Adalah Daftar Gaji Bos-Bos BUMN

Fenomena Ayam Kampus

Daftar Eco Racing

Mau tau mengenai Eco Racing? Berikut daftar agen eco racing mitra kami.  Cara Bergabung Eco Racing . Cara Daftar Member Eco Racing . Cara Daftar Agen Eco Racing . Agen Eco Racing Batam Center . Agen Eco Racing Batam . Cara Bergabung Eco Racing . Stokis Eco Racing Batam . Distributor Eco Racing Batam . Agen Eco Racing Tegal . Eco Racing Tegal . Distributor Eco Racing Tegal . Eco Racing Batam Distributor Eco Racing Batam . Stokis Eco Racing Tegal . Distributor Eco Racing Tegal . Jual Eco Racing Tegal . Agen Eco Racing Tegal . Stockist Eco Racing Tegal . Agen Eco Racing di Tegal . Agen Eco Racing Tegal . Eco Racing di Tegal . Eco Racing Malaysia . Distributor Eco Racing Malaysia . Eco Racing Johor Bahru . Distributor Eco Racing Johor Bahru . Jual Eco Racing Johor Bahru . Eco Racing Brunei . Agen Eco Racing Brunei . Jual Eco Racing Brunei . Stokis Eco Racing Brunei . Distributor Eco Racing Brunei Eco Racing Brunei . Ejen Eco Racing Brunei . Eco Raci...