Cara Memasang Read More di Blog

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 blog ini, 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 More nya maka seluruh postingan itu akan terlihat.

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.

<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.

teks yang akan ingin di potong

<div class="fullpost">

Seluruh Teks

</div>

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

3. Klik Publish Post.

4. Selesai deh 



Selamat Mencoba : D

Categories: Trik Blogger