Tips Membuat read more pada blog blogger

Read More atau baca selengkapnya adalah suatu metode yang bisa anda terapkan agar postingan pada blog yang ditampilkan hanya sebagian saja, ini dimaksudkan supaya pengunjung lebih mudah mencari kategori artikel yang dibutuhkan. Tidak semua tampilan blogger terdapat Read More sesuai dengan tampilan template bawaan atau desain pemilik blog. Jika lebih dari 1 postingan yang ditampilkan dihalaman depan tanpa menggunakan Read More maka akan menjadi lebih berat saat mengakses blog oleh karena itu perlu desain yang lebih dinamis dengan cara menggunakan Read More. Dengan menampilkan Read More adalah solusi untuk memendekan postingan dan juga meringankan tampilan blog saat di akses, selain itu juga tampilan blog akan terlihat lebih tertata rapi sehingga pengunjung betah berlama-lama di blog anda. Blogger sendiri sebenarnya sudah menyediakan layanan pemasangan Read More hanya saja dalam setiap postingan harus menambahkan <!--more--> di bagian editor HTML , tapi ada cara yang lebih cepat or gak ribet, karena setiap anda melakukan posting secara otomatis Read More akan tampil di setiap postingan blog anda. Oke langsung saja kita terapkan cara membuat Read More di blog blogger sobat.


Tips dan Trik membuat Read More atau Baca Selengkapnya
1. Kunjungi situs Blogger dan login seperti biasa.
2. Klik menu Template dan tombol Edit HTML pada blogger. Contoh seperti gambar dibawah.

3. Cari kode </head>, untuk mempermudah pencarian gunakan Ctrl + F atau F3 pada keyboard.

4. Copy paste kode berikut tepat diatas kode </head> .

<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'/>

5. Ganti kode yang berwarna biru sesuai dengan keinginan.

Anda bisa mengatur panjang dan lebar Read More 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. Jika sudah silahkan cari kode <data:post.body/> kemudian ganti tag <data:post.body/> dengan kode HTML 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>

7.  Anda bisa mengganti tulisan Read More yang berwarna merah dengan kata-kata sesuai dengan keinginan anda.

8. Simpan dan lihat hasilnya.

Sekian dulu postingan ini yang berjudul Tips Membuat read more pada blog blogger semoga bermanfaat untuk anda, Jika ada yang mau ditanyakan silahkan tinggalkan komentar dibawah ini.

SMS