Jumat, 18 Februari 2011

How to Make "Read More" in the article post for blogspot users automatically

It seems strange if someone entered the front view the first blog you see long articles and have to scroll down, if too much roll up your blog page includes blogspot, visitors certainly be reluctant.
To solve it to automatically cut your articles create an article severed pieces readmore how to make automatic. Where to make Read More on Blogspot just need 2 simple steps by placing 2 pieces of the script just on your Blogger HTML template and automatically all your blog posts articles from the oldest to the newest part of it will be displayed in accordance with the setting on the script Read More that you do as an example in my blog.
In this way you can set how many characters to be displayed on the posts on the front page of your blog, and also you can specify the size of the thumbnail images to be displayed simply by changing a few numerical value contained in the script Read More.
His name is also Read More automated script, which after you plug in your blog templete certainly also automatically display your blog article to be changed to have features such Read More.
Here's how to install the script Read More Auto at Blogspot:
1). Go to your blog dashboard, then select Layout, then select Edit HTML Check the Expand Widget Templates option to open all the code-code hidden in your blog templete. Find and get this code:
</head>

2). Then mark and immediately replace with this code:
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>

The numbers above you can modify to your liking, see the picture below:



3). After that was wrong, now looking for and get this Code: <data:post.body/>

4). Then mark and immediately replace with this code: <b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>


Read More on script writing at the top you can replace with other words, see the example image below:


5). Well, finished already, well please friends tried it, I hope it worked!
:))))

PS; Don't forget to leave comment, Merci Beaucoup!!!

0 komentar:

Posting Komentar