Cara Membuat Read more Otomatis dengan Mudah di Blogger ~ Dewan Komputer

Cara Membuat Read more atau Baca Selengkapnya Otomatis dengan Mudah di Blogger atau Blogspot - Hai sobat ketemu lagi dengan saya dewan komputer dan kali ini saya akan membahas tantang cara membuat readmore atau baca selengkapnya yang biasanya ada pada beranda blog sobat. Dengan readmore ini maka hanya sepotong saja postingan yang ditampilkan karena jika terlalu banyak maka tidak enak dipandang karena terlalu panjang dan juga pengunjung langsung bisa melihat banyak postingan sehingga kita hanya mendapatkan 1 klik saja dari pengunjung yang seharusnya 5 misalkan.

Namun jika untuk para newbie pasti pertama-tama akan kebingungan terlebih saat baru mengunggah tema baru yang tidak ada fasililtas readmorenya. Saya dulu juga sempat kebingungan tetapi setelah mencari-cari akhirnya saya sudah bisa dan tidak kebingungan lagi.

Cara Membuat Read more Otomatis dengan Mudah di Blogger

Cara ini sangatlah mudah, simple, dan sederhana karena tidak memerlukan gambar atau tanpa gambar sehingga lebih ringan. Langsung saja menuju langkah-langkahnya yaitu :

1. Buka Dashbor blogger sobat.

2. Kemudian masuk ke Template => Edit HTML

3. Patekan kode di bawah seperti gambar pas dibawah <head>

Kodenya :

Keterangan :
Sobat bisa ganti tulisan yang berwarna merah sesuai yang sobat inginkan.
- summary_noimg = banyaknya huruf jika tidak ada gambarnya.
- summary_img = banyaknya huruf jika ada gambarnya.
- img_thumb_height = ukuran tinggi dari gambarnya.
- img_thumb_width = ukuran lebar dari gambarnya.

4. Cari lagi kode <data:post.body/> dan pastekan seperti gambar dibawah pada pembuka sampai penutupnya atau lebih pas disebut MENGGANTI <data:post.body/>

Pada gambar yang diblok semua bisa dihapus dan langsung pastekan kodenya dan jadinya seperti gambar dibawah masih dibawah </Post Header>

Kodenya :

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'> <a expr:href='data:post.url'><b>Readmore</b> → <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>


    <div class='entry-utility'>
    <div class='post-footer-line post-footer-line-1'>

        <b:if cond='data:top.showReactions'>
        <span class='reaction-buttons'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span> </td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </span>
        </b:if>

Keterangan :
Tulisan Readmore yang berwarna merah bisa sobat ganti dengan tulisan lainnya seperti "Baca Selengkapnya", Lanjutkan Membaca", dan lain-lain.

5. Selanjutnya Simpan Templates

Jika sobat buka seharusnya sudah jadi Readmore-nya. Sekian postingan tentang Cara Membuat Read more Otomatis dengan Mudah di Blogger. Apabila ada pertanyaan bisa ditanyakan pada kotak komentar yang telah disediakan dibawah. Semoga bermanfaat dan sampai ketemu lagi di postingan saya selanjutnya...

About Admin

Saya senang berbagi ilmu agar semua orang tidak lagi asing terhadap ilmu-ilmu yang ada pada dunia komputer. Selain itu saya juga memberikan ilmu-ilmu tentang pemrograman ke blog ini khususnya untuk yang kuliah jurusan komputer ;) ;) ;)