Cara membuat Read More di Blogspot



Hei sobat ngadu banteng..blog mas bro sudahkah ada readmore nya? Dalam tampilan template blogger standar readmore belum ada, dan dengan readmore ini akan membuat rapi tampilan blog kita!! Mari sobat ngadu banteng yang belum masang readmore di blogspot masang yuks.. aman cepat mudah dan pastinya!! Nanti kalau sudah jadi kaya punya ngadu banteng ini readmorenya oke tertarik ga masbro?? 
Langsung aja masbro make jurus ini dulu yah :
  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </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'/>

  • Selanjutnya masbro cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
  • Jika sudah ketemu masbro silahkan ganti kode tersebut 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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Kalau sudah di save dan selamat mas bro sudah memiliki readmore otomatis di blog masbro

0 Response to "Cara membuat Read More di Blogspot"

Post a Comment