Cara Membuat Read More Pada Blogger

Tutorial Blog saya kali ini adalah tutorial yang sangat digemari oleh sebagian besar bloggger, terutama para blogger yang menggunakan jasa dari google (blogspot). Karena tutorial saya kali ini adalah tentang cara bagaimana membuat  Read More  pada blogspot. Keuntungannya adalah dapat memperingan (sedikit) bobot dari blog kita, dan keuntungan untuk pengunjung adalah mereka dapat melihat artikel-artikel kita secara bertahap tanpa melihat seluruh isi dari artikel dengan cara men-scroll hingga akhir/selesei.

OK, langsung saja kita mulai langkah demi langkahnya:

1. Login dulu ke blogger anda.
2. Lalu masuk pada halaman template.
3. Kemudian pilih Edit HTML.
4. Beri centang (box) pada tulisan Expend Widget Templates yang berfungsi agar dapat mengedit template secara keseluruhan.
5. copy kode di bawah ini dan anda paste sebelum tag </head> atau sesudah kode } ]]></b:skin> <style>
   <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
6. Kemudian mangatur agar postingan terpotong, cari kode berikut ini <p>data:post.body></p>. Dan kemudian letakkan (paste) kode berikut tepat di bawahnya.                                                       <b:if cond='data:blog.pageType != "item"'>
   <a expr:href='data:post.url'> Read More..</a>
   </b:if>

Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda  pengen tulisan Read More.. muncul, lalu  ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel  sampai selesai, akhiri dengan mengetik  </span>.  Untuk menmbahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose

Tulisan Read More.. seperti yang berwarna biru pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..

Demikian tutorial saya kali ini. jangan lupa baca juga tutorial blog saya yang lainnya jika anda masih ingin mengedit atau ingin memperindah tampilan blog anda. semoga bermanfat buat anda. Dan jika ada pertanyaan, jangan sungkan bertanya kepada saya langsung dengan cara menuliskan di tabel "komentar" yang terletak di bawah artikel ini.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: