Cara Memasang Read More Otomatis di Blog

Cara Memasang  Read More Otomatis di Blog - Blogger template umumnya tidak semua disertai ‘read more’, tergantung penyesuaian gaya dari sang desainernya. Tanpa ‘read more’ sering ditemui pada template default yang telah  disediakan oleh Blogger. Permasalahannya ketika berada di halaman utama muncul tulisan artikel secara vertikal memanjang sehingga cukup memberatkan loading blog.

Membuat read more pada blog merupakan solusi jitu meringankan proses, blog tertata rapi dan terlihat modis. Menu entri Blogger sebenarnya telah menyediakan aplikasi read more yang dapat dilakukan secara manual, yaitu menambahkan kode <!--more--> dibagian editor HTML.

Ada cara otomatis ‘gak ribet’ membuat read more di blog. Demi memudahkan anda dalam ‘ngeblog’, langsung saja ikuti langkah-langkah cara memasang read more otomatis pada blog di bawah ini:
1. Silahkan login ke akun Blogger,
2. Setelah berada di halaman Dashboard, beralih ke Template,
3. Klik tombol Edit HTML,
4. Cari Kode </head> atau untuk mempermudah tekan Ctrl + F cari kode </head>,
5. Copykan kode berikut di atasnya,

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 350; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

    Sobat dapat mengatur panjang dan lebar readmore dengan mengubah angka berwarna biru,
    berikut keterangannya:
    - summary_noimg = 440: tinggi potongan artikel tanpa gambar. 
    - summary_img = 350: tinggi potongan artikel dengan gambar.
    - img_thumb_height = 100: ukuran tinggi thumbnail.
    - img_thumb_width = 120: ukuran lebar thumbnail.

6. Langkah selanjutnya cari kode <data:post.body/>  Biasanya kode tersebut  ada 2 atau 3
    Cari yang versi web, biasanya yang kedua (ke-2) dengan enter 2x pada kotak pencarian lalu ganti
    tag <data:post.body/> dengan kode script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Read more...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

    Untuk mengubah kata ‘read more’, silahkan ganti tulisan yang berwarna merah.

7. Selesai, klik Simpan Template. Jika langkah-langkah di atas sudah benar, Anda sudah bisa
    melihat hasilnya.

Demikian tutorial Cara Memasang Read More Otomatis di Blog, blogspot, blogger otomatis. Jika ada kendala mengenai ukuran read more, lakukan setelan sampai ukurannya terlihat bagus, atau kirim komentar dibawah. Terima kasih Semoga bermanfaat.


Sumber :  http://www.walman.org

Artikel Terkait: