Tutorial Blogger Automatic Read More + Thumbnail Image

Just follow the steps below to make it.. Ok

1. Edit HTML">Log in Blogger> on Dasboard select Layout> Edit HTML

2. Check / Check List used to "expand widget templates"

3. Look for the code </head> then copy - paste the following code before the code

<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://coolwebbies.googlepages.com/summarypost.js' type='text/javascript'/>


You also can change the code according to your creativity


summary_noimg = 430; this code to cut / adjust height without images

summary_img = 340; this code to cut / high set with images

img_thumb_height = 100; code for high thumbnailnya image

img_thumb_width = 120; this code for the image width thumbnailnya


4. Now look for the code

<data:post.body/> careful of who was wearing read more automated reply not, usually there are two such code, so choose the first. if you've met a copy - paste the following code and replace with the following code

<b:if cond='data:blog.pageType != "item"'>


<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");

</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>


</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

read more writings there you can change as you wish.. and SAVE

GOOD LUCK..!!!

source http://hitsuke.blogspot.com.... thanks before

Related Post