As we know that now Blogger has supported the function to cut off the article or known as Read more function. But recently, the automatic Read more is more popular because the automatic Read more will cut off the posts automatically without doing anything.

If you want your blog has the automatic Read more function, you can follow the easy steps below. Even Kang Rohman has discussed it previously in another blog, at blogtemplate4u.

The following are the steps:



1. Login to blogger with your ID.
2. Click Layout
3. Click Edit HTML
4. Click Download Full Template and backup your template to anticipate if error occurs.
5. Tick the small box beside the words Expand Widget Templates.

expand-widget-templates
6. Copy and paste the JavaScript below exactly above the code

var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120;

//=1) {
imgtag = '';
summ = summary_img;
}
var summary = imgtag + '' + removeHtmlTag(div.innerHTML,summ) + '';
div.innerHTML = summary;
}
//]]>





Or you can download this script: download




7. Find the code on your template (tips: press Ctrl + F on your keyboard then write and hit Enter).


8. Remove the code and change with the code below:








createSummaryAndThumb("summary");


»»  read more







9. Click SAVE TEMPLATE.


10. Done



By installing the script, your posts will be cut off automatically by the Read more function. Something interesting from this script is that it will create a thumbnail from the image that you include in your post.


In additional, you can adjust the value of the code below to fit your posts height.


summary noimg= 430 – the height of article’s cutting without image

summary img=340 – the height of article’s cutting with image





Enjoy!


for further tips visit : bloggingtutorial-aio.blogspot.com

Reply