Cara Membuat Readmore Manual Di Blogger

Cara Membuat Readmore Manual Di Blogger

Read more sudah banyak kita temukan diblogger-blogger yang postingannya banyak, biasanya read more ini digunakan supaya tampilan posting pada blog terlihat tidak sempit dan untuk memperbanyak tampilan posting saat pertama masuk diblog tersebut dengan cara mengatur berapa banyak posting akan kita tampilkan. Nah, jika sobat belum menggunakan read more ini pada blog sobat dan ingin mencobanya, ikuti langkah-langkah di bawah ini. Tapi read more ini tidak otomatis, maksudnya sobat bisa menetukan mana postingan yang akan sobat tampilkan dan yang tidak ditampilkan

Langka-langkahnya sebagai berikut:

• Pertama masuk ke Account Blogger sobat dulu. Terus sobat masuk ke Pengaturan>Format.
• Dan tulis kode yang berwarna biru di bawah ini ke sebuah box di samping Template Entri.

<span class="fullpost">

</span>

Kode ini dimasukan ke box seperti di atas supaya memudahkan sobat untuk tidak menulis kode tersebut setiap membuat postingan, jika sudah memasukan kode tersebut silahkan sobat klik Simpan Setelan.

Setelah sobat menyimpan setelan di atas, sekarang sobat langsung masuk ke Edit HTML untuk memasukan kode berikutnya. kalau sobat sudah masuk ke Edit HTML saya sarankan sobat untuk mendownload template supaya saat terjadi kesalahan dalam memasukan kode dan telah di simpan sobat bisa memasukan template sebelum di edit. atau saat terjadi kesalahan memasukan kode dan telah di simpan, sobat bisa mengklik Kembalikan Template Widget Ke Default.

Setelah sobat mendownload template, saatnya memasukan kode tapi sebelumnya sobat contreng/centang dulu Expand Template Widget yang berada tepat di atas box berisi tempalte. setelah di contreng tunggu beberapa saat.Lalu cari kode berikut ini di box tempalate sobat:

<span class="fullpost">

atau

</span>

Untuk memudahkan sobat mencari kode tersebut coba sobat tekan Ctrl+F, lalu masukan kode yang tadi saya maksud. kalau sudah ketemu ganti kode tersebut dengan kode di bawah ini :

<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/>
<a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>
</b:if>

Kalau sudah masukan kode di atas, jangan lupa klik Simpan Template.

Selamat mencoba dan semoga bermanfaat..