Minggu, 05 Juni 2011
12 komentar

Cara Membuat ReadMore Otomatis (Auto ReadMore) di blogspot

6/05/2011
Blogspot merupakan salah satu blog yang paling populer di dunia. Menurut saya pribadi, blogspot merupakan sebuah layanan blog yang sangat mudah di olah. Tetapi itu juga tergantung dari pengetahuan seseorang. Banyak yang mengatakan jika blogspot itu memang sangat mudah untuk di olah tetapi banyak juga yang mengatakan jika blog yang paling mudah di olah itu yaitu Wordpress. Yah, jadi bagaimana menurut anda sendiri.

Banyak sekali blogger pemula yang bermunculan saat ini. Dari beberapa penelitian yang saya lakukan, mereka banyak mengeluhkan tampilan tulisan mereka pada halaman utama. Artikel mereka pada halaman utama terlalu banyak dan itu membuat blog tidak nyaman untuk dilihat. Dari masalah tersebut, sudah pasti karena mereka tidak menggunakan fasilitas ReadMore.

ReadMore sendiri berfungsi untuk memenggal suatu artikel. Tetapi sekarang ReadMore sudah sangat sedikit yang menggunakannya. Mereka lebih memilih ReadMore Otomatis (Auto ReadMore) karena lebih mudah dan praktis karena namanya saja otomatis. Nah, apakah blog anda sudah memakai fasilitas ReadMore Otomatis (Auto ReadMore)? Jika belum dan anda tertarik ikuti langkah-langkah di bawah ini untuk membuatnya :


  1. Login ke blogger
  2. Klik Tata Letak / Rancangan
  3. Klik tab Edit HTML.
  4. Beri tanda centang pada kotak kecil di samping tulisan Expan template Widget.

    expand widget template
  5. Tunggu beberapa saat ketika proses sedang berlangsung.
  6. Cari kode <data:post.body/>. Tekan CTRL + F untuk memudahkan pencarian.
  7. Hapus kode di atas dan ganti dengan kode di bawah ini :

    <script type='text/javascript'>
    summary_noimg = 200;
    summary_img = 140;
    img_thumb_height = 85;
    img_thumb_width = 110;
    </script>
    <script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
    <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 style='float:right;margin-top:16px;'><a expr:href='data:post.url'>Read More</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

    Masukkan widget / iklan disini

    </b:if>
  8. Klik tombol Simpan Template.

Keterangan :
  • summary_noimg : Banyak potongan artikel jika tidak ada gambar.
  • summary_img : Banyak potongan artikel jika ada gambar.
  • Kamu bisa mengganti tulisan berwarna merah dengan kata-kata lain. Misal : baca selengkapnya.
  • Kamu bisa mengganti tulisan berwarna kuning dengan kode widget atau iklan.

Nah, sekian tutorial saya kali ini. Semoga bermanfaat :P

12 komentar:

  1. Wah makasi gan infonya. boleh juga untuk di coba. sukses sllu

    BalasHapus
  2. ini dia nich yang aku cari..untuk melengkapi blog yang satu lagi...

    BalasHapus
  3. cara yang simpel untuk membuat readmore otomatis...
    makasih yach udah dishare ilmunya..

    BalasHapus
  4. wow info yang sangat bermanfaat buat saya,.
    kebetulan saya sedang bingung dengan masalah ini,.
    saya coba gan denga cara agan yang telah infokan,.
    terimakasih infony gan.

    BalasHapus
  5. maksih ya gan udah berbagi pengetahuanya ini sangat bermanfaat bagi saya..nice.

    BalasHapus
  6. sangat membantu kita yang masih newbie dalam ngeblog, salam kenal sob

    BalasHapus

Hey, jika sudah selesai baca and ngeliatnya saatnya untuk memberi tanggapan karena keritik dan saran anda semua sangat berguna bagi saya agar blog ini semakin maju key

 
Toggle Footer
Top