Fisrt of all , go to the Settings tab , then select Formatting tab and go to the option Show. Now add a number more than 5. ( Here in my blog , I keep about 15-20 posts in homepage )
Now
1. Edit your Template
2. Now find out
<data:post.body/>
( press 'Ctrl' + F to open your browser's search box)
Now Replace
<data:post.body/>
with these codes. Make sure that you REPLACE this line. In some templates , I have seen a line as
<p><data:post.body/></p>
instead of
<data:post.body/>.
If then replace the whole
<p><data:post.body/></p>
line with follwing lines.
1. Edit your Template
2. Now find out
<data:post.body/>
( press 'Ctrl' + F to open your browser's search box)
Now Replace
<data:post.body/>
with these codes. Make sure that you REPLACE this line. In some templates , I have seen a line as
<p><data:post.body/></p>
instead of
<data:post.body/>.
If then replace the whole
<p><data:post.body/></p>
line with follwing lines.
<script type='text/javascript'>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 0;
img_thumb_width = 0;
</script>
<script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
<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'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Now follow the Safety Saving Steps.
And
That's it , now your blog will too get converted to a Magazine type template as following photo.
Do you like to add a Image too ? like in this photo ?
Then change these two lines of codes
img_thumb_height = 0;
img_thumb_width = 0;
to
img_thumb_height = 80;
img_thumb_width = 100;
or any hieght and width that you like to have.
If you want to increase your post's height ,
summary_noimg = 400;
summary_img = 300;
change these to any amount you need !
summary_noimg = 400; stand for the post's hieght without a Image.
summary_img = 300; stand for the post's hieght with the Image.
9 comments:
ela ela digatama karamu :-*
That's what I was looking for. Only my code don't contain such code at all, but something like this
}
.post-body {
Do you know how to make changes in such case?
Thank you!
@Khatia
do you expand the code ?
Thank you. I didn't think it would make such difference. I'll try it out when I get more time. Thanks!
I done everything as you said, but somehow it's not working on my blog http://abgeo.blogspot.com/
First it take way longer to download the page. Second, there is read more, but only after whole Text is displayed. and my 2 sidebars on right side were gone.
I set everything back. Do you know what reason might have been? :(
Dude.. it''s not workin for me too..
help me out!!!
my blog address:
http://purushu.blogspot.com
Yes, the code has errors, It does not work for me also. I too get the same error as Khatia.
wonder full...nice work
i didn't find any of these. pls help me
and