KAWAH PAPANDAYAN

Cara Memasang Read More Otomatis Pada Blog

Cara Memasang Read More Otomatis Pada Blog - Karena di blog sundaboy belum ada tutorial Cara Memasang Read More Otomatis Pada Blog maka sekarang sundaboy akan mencoba share bagaimana cara memasang read more otomatis pada blog, Read More otomatis pada blog berguna untuk memperkecil ukuran dari artikel pada halaman utama, sehingga sahabat bisa menampilkan beberapa artikel sekaligus pada halaman utama. Apabila pengunjung ingin membaca artikel sahabat secara utuh maka pengunjung cukup mengklick tulisan Read More tersebut.


Dengan Memasang Read More Otomatis ini maka sahabat tidak perlu lagi membuat Read More secara manual pada setiap penulisan artikel. namanya juga otomatis, jadi Read More disini akan secara otomatis memenggal artikel sahabat mulai dari gambar dan tulisan yang akan ditampilan. Baiklah sekarang bagaimana caranya memasang Read More (Baca selanjutnya) pada blog. silahkan sahabat ikuti langkah dibawah ini :

1. Login ke Blogger

2. Pilih Rancangan

3. Selanjutnya pilih Edit HTML

4. Download terlebih dahulu template sahabat untuk mengembalikan template asli apabila terjadi eror.

4. Centang Expand Widget Template

5. Cari kode </head> (gunakan Ctrl+F untuk memudahkan pencarian)

6. Letakan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 235;
summary_img = 140;
img_thumb_height = 150;
img_thumb_width = 150;

</script>
<script src='http://sundaboy.googlecode.com/files/sundaboy_readmore.js' type='text/javascript'/>

Keterangan :
-summary_noimg = 235; Jumlah hurup yang akan ditampilkan ketika tidak ada gambat pada postingan
-summary_img = 140; Jumlah hurup yang akan ditampilkan apabila terdapat gambar pada postingan
-img_thumb_height = 150; Tinggi Gambar thumbnail
-img_thumb_width = 150; Lebar Gambar thubnail

7. Selanjutnya cari lagi kode <data:post.body/> hapus kode tersebut dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read More >></b></a></span>
</b:if>

8. Ganti tulisan Read More sesuai dengan keinginan sahabat contohnya Baca Selengkapnya dll

9. Kalau sudah silahkan simpan template dan lihatlah hasilnya, sekarang postingan sahabat sudah ada Read More otomatis nya.

Nah itulah Cara Memasang Read More Otomatis Pada Blog yang dapat sundaboy share, mudah mudahan bermanfaat, apabila terdapat kesulitan silahkan untuk berkomentar pada kotak komentar. terimakasih.

Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Cara Memasang Read More Otomatis Pada Blog. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

15 komentar:

  1. bang apa semua kode pada template harus di ganti

    BalasHapus
  2. wah, tips2nya bagus2. terima kasih

    BalasHapus
  3. Saya coba dulu ya mas, terimakasih atas informasinya.

    BalasHapus
  4. bang gimana nih, blog saya jadi tambah hancur.....

    BalasHapus
  5. Rana :
    yang hancur apanya gan?
    Perlu diperhatikan:
    Apabila blog agan sudah memakai readmore sebelumnya, agan harus menghapus terlebih dahulu kode readmore yang ada pada template.

    Sebelum memakai script yang diatas sebaiknya simpan dulu template agan, dan apabila ada kesalahan maka bisa dikembalikan kembali seperti semula.

    NB : jangan merubah sedikitpun kode script diatas, karena akan mengakibatkan eror. (ini yang sering dilakukan)

    BalasHapus
  6. Balasan
    1. gak bisanya disebelah mana mas?
      kalau ada 2 kode
      coba letakan pada kode yang kedua

      Hapus
  7. Gan, saya sudah berhasil, namun pada artikel untk about us dan product kok ngikut readmore ya mas dan gk bisa di readmore lagi.. :o
    terima kasih gan sebelumnya....

    BalasHapus
    Balasan
    1. coba menuju ke :
      http://www.sundaboy.com/2012/06/cara-memasang-read-more-otomatis-update.html

      Hapus
  8. Autoreadmore memang bisa memperindah home blog kita ya, bahkan dengan template standar dari blogspot sekalipun. Terimakasih bung sundaboy infonya, berguna buat kami semua.
    http//www.gripko.com

    BalasHapus
  9. Autoreadmore memang bisa memperindah home blog kita ya, bahkan dengan template standar dari blogspot sekalipun. Terimakasih bung sundaboy infonya, berguna buat kami semua.
    http://www.gripko.com

    BalasHapus
  10. gan blog ane bacaan nya jadi gini
    Kesalahan saat mengurai XML, baris 1475, kolom 11: The element type "h3" must be terminated by the matching end-tag

    BalasHapus
    Balasan
    1. itu berarti ada kesalahan saat memasang tag H3, coba tambahkan tag /H3 pada akhir script tag h3

      Hapus
  11. di blog saya belum bisa ini kang... boleh dibantu
    http://lanangandwedok.blogspot.com/

    BalasHapus

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================