Pages

Cara Pasang Auto Read More

Cara Pasang Auto Read More - Sobat sudah tahu bukan apa itu read more? iya benar soba, read more adalah baca selangkapnya, widget ini berfungsi untuk memendekkan posting kita ketika berada dihalaman homepage, jadi read more ini menyuruh pembaca untuk melihat selengkapnya tentang artikel tersebut :)

Pada blogger (blogspot) fasilitas read more ini sudah ada, namun harus kita pasang setiap membuat artikel baru jadinya kan repot, apalagi kalau sempat lupa, jadi tampil full posting di homepage. satu lagi kelemahannya adalah posting yang dipotong tidak beraturan alias tidak rapi, tapi itu semua tergantung sama kita juga mau di readmore sampai dimana, :)

Namun sekarang saya akan menjelaskan bagaimana cara membuat auto read more supaya lebih terlihat bagus dan rapi,

- login ke akun blogger
- pilih rancangan => edit HTML => jangan lupa backup dulu templatenya supaya kalau terjadi keselahan dapat dikembalikan, => centang Expand Widget Templates
- Kemudian cari kode berikut :
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
- Copy kode berikut kemudian letakkan sebelum kode diatas
<div class='post-body entry-content'>  
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;ID-Blog&quot;;
function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}

function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement(&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;);
</script>
<div style='float:left; margin-top:10px;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:25px;'/></div>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more...</a></span>
</b:if>
- ganti tulisan Id-blog sobat,
- cara mengetahui ID-blog lihat Screen shot dibawah ini




- Lihat pada Address bar browser sobat,
- jika sudah klik simpan.

Gampang bukan Cara Pasang Auto Read More ?