Pasang Read More atau Baca Selengkapnya Di Blogspot

Kemarin ketika log in dan lihat shoutbox, pembaca setia blog Pak Guru kasih pertanyaan dibawah ini.

Risdianto pak Guru,maaf mau nanya.gimana cara buat "read More" karena saya baru belajar buat blog,thanks

Apa sih read more itu? Saat kita berkunjung ke blog tetangga dan membaca salah satu postingan mereka, biasanya ada tulisan "Read More atau Baca Selengkapnya", contoh; coba lihat postingan Pak Guru, pasti ada bacaan Read More atau lihat gambar dibawah ini (yang di kasih kotak merah).

Itu yang dimaksud dengan read more. Fungsi utama nya adalah untuk memenggal kalimat agar tidak terlihat semuanya dihalaman muka. Kalau kita klik Read Morenya maka seluruh postingan itu akan terlihat. Seperti dibawah ini;

Untuk memasangnya silakan lanjutkan bacanya.

Step Pertama:

1. Log in ke blogger

2. Klik layouts di dashboard

3. Klik Setting

4. Klik formatting

5. Arahkan mouse nya ke bawah dan di kotak Post template, masukan kode dibawah ini

<div class="fullpost">

</div>

6. Klik SAVE SETTINGS

Step kedua

1. Log in ke blogger

2. Klik layouts di dashboard

3. Klik Edit HTML

4. Beri centang pda tulisan Expand Widget Template.

5. Cari kode ini <div class='post-body'>. (Untuk mencarinya gunakan control F)

6. Copy semua kode dibawah ini dan letakan dibawah kode diatas <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>

7. Di bawah kode diatas ada tulisan atau kode seperti di bawah ini

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

8. Letakan kode dibawah ini setelah atau dibawah kode/tulisan <p><data:post.body/></p>

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

9. Klik Save Template.

10. Jadi setelah semua terpasang, nanti susunan nya akan seperti 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/></p>

<a expr:href='data:post.url'>Read More......</a>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Step ke tiga yaitu cara memposting artikel.

1. Ketika kita memposting, klik EDIT HTML bukan Compose. Nanti akan terlihat kode dibawah ini:

<div class="fullpost">

</div>

2. Ketik postingan yang akan kalian munculkan di halaman muka diatas kode <div class="fullpost"> dan sisanya atau yang akan di sembunyikan dibawah <div class="fullpost"> atau di atas kode </div> lihat contohnya dibawah ini.

Kenapa saya gabung dengan uang panas karena uang panas mengajarkan saya bermacam-maca business yang tidak saya ketahui sebelumnya.. Dengan mengetahui online business tersebut saya bisa mendapatkan uang ratusan $$$ perbuannya.

<div class="fullpost">
Walaupun banyak yang meragukan uang panas tapi kenyataan yang saya dapatkan berbeda dengan apa yang mereka ragukan. Jadi kalau kalian mau seperti saya, kenapa tidak gabung dengan uang panas.
</div>

Itu contohnya, gampangkan. jadi setiap kalian memposting caranya seperti diatas.

3. Klik Publish Post.

4. Selesai deh

Happy blogging

Berlangganan via RSS Feed

Enter your email address:

Delivered by FeedBurner

Related Posts on Blogger, Blogging Tips, blogspot tips