E - Book

BSE DIKNAS, Buku Fiksi dan Nonfiksi

Bank Soal

UH, UAS, UAN, Olimpiade, UM SPMB & Test CPNS

E - Learning

Ilmu Pengetahuan Populer dan Teknologi Informasi
 
TERIMA KASIH TELAH MAMPIR KE BLOG INI.. UNTUK MENDOWNLOAD FILE SILAHKAN KLIK TEXT BERWARNA BIRU.. .

Make Automatic "Readmore" on Blogspot

Dec 22, 2011



Image Source : Google
This post will give a tutorial How To Make Readmore on blog posts automatically. With the automatic readmore, we can determine how the height and width of posting snippets and image that will appear on the first page of our blog so it looks neat and attractive.
This trick may have been many who know and some that do not know. For those of you who do not know how to make automatic readmore, can follow the tutorial below : 

1. First Step, please go to your blogger acount and then choose Edit Html, do not forget to tick marks on the reading "Expand Widget Templates" 
2. Find or look for the code </ head>  
3. Copy and Paste this code.(Bold Text)
========================================================================


<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'/> 

========================================================================


4  Find or look for the following html code:. <data:post.body/>  or  <p> <data:post.body/> </ p>
5. Replace the code with the code below: (Bold Text)

========================================================================


<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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 


========================================================================


  
6. Click Save Template
*Description: The red writing is that you can replace.
==> 430 = high noimg Summary severed articles without image
==> Summar img height = 430 articles severed with image
==> Readmore can be changed with the Read More, full read, etc. ...

*
Next, you can make posts and see the results, or read more Readmore will be automatically installed after your post.

Related Posts [ Jangan lupa berkomentar ea.. ]



0 Comments:

Post a Comment