Membuat Read More Otomatis pada Blogger

Disini akan disajikan bagaimana kita membuat read more .... sehingga tampilan tidak memenuhi layar sehingga kita hanya menampilkan penggalannya aja, inilah tehniknya dari tutorial om Jaloe semoga bermanfaat.

1. Seperti biasanya untuk meng-edit template sobat harus melakukan Log In --> Layout --> Edit HTML --> Centang/tic Expand template widget
2. Cari tag </head>
3. Taruh script seperti dibawah ini diatas tag </head>
   
   <script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>
4. Cari tag <data:post.body/>
5. Ganti tag tersebut diatas (<data:post.body/>) dengan script seperti 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>
6. Save

Sebagai catatan :

• summary noimg= 430 – tinggi artikel terpenggal tampa image
• summary img=340 – tinggi artikel terpenggal dengan image.