Membuat ReadMore Otomatis (Baca Selengkapnya) Pada Postingan Blogspot

Sekedar ingin meramaikan habitat mesin pencari dengan key word "cara membuat readmore" atau "cara membuat baca selengkapnya" pada postingan blog di blogspot, sekaligus menjawab pertanyaan dari sobat blogger tentang cara membuat readmore atau baca selengkapnya pada postingan blog di blogspot yang masuk ke facebook saya, maka saya sengaja membuat postingan ini meski saya tau bahwa trik ini sudah tersebar luas bagai virus di mesin pencari (sebenarnya postingan ini cuma trik SEO).

Namun yang akan saya berikan disini bukan read more biasa, anda tidak perlu untuk masuk ke pengaturan format dan meletakan template postingan blog, anda hanya perlu menulis sesuka hati, sebanyak anda mampu dan fungsi readmore akan berfungsi secara otomatis.
Lebih lanjut silahkan simak tutorialnya di bawah ini :

  1. Log in ke dashboad dengan akun google kamu, pilih blog yang hendak dipasang readmore dan klik PengaturanEdit Html, beri tanda centang pada Expand Template Widget yang terletak di sudut kanan atas notepad.
  2. Temukan kode </head> [tips : Control + F dan masukan kode yang mau dicari]

    Letakan kode script dari kang Jaloe berikut ini dibawah kode </head>

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

  3. Setelah itu cari kode ini <data:post.body/>
    Hapus kode di atas, kemudian ganti dengan kode dibawah 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'> read
    more &#8220;<data:post.title/
    >&#8221;</a></span> </b:if>
    <b:if cond='data:blog.pageType
    ==
    &quot;item&quot;'><data:post.body/
    ></b:if>

  4. Kemudian klik Save Template

Silahkan buat postingan baru untuk melihat hasilnya.

0 komentar:

Posting Komentar

 
Blognya Nack Camba © 2011 | Designed by Chica Blogger, in collaboration with Uncharted 3, MW3 Forum and Angry Birds Online