Wednesday, January 6, 2010

Auto Read More Feature for blogger


This post very helpful those blogger who want add auto read more feature and I am sure that you like this post.

1.
Log in your blogger account

2.Download Your Template

3.Go to Edit HTML > Choose Expand Widget Template

4.then Find the code ( press Ctrl+F )

<data:post.body/>

5.Replace it by this whole code


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;YOUR BLOG ID&quot;;
function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}

function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement(&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>

6.YOUR BLOG ID = Go to your blog Edit posts option then see in url box , It will look like this
http://www.blogger.com/posts.g?blogID=195421377415086077
blog id


If you have any question kindlly post comment.

Stumble
Delicious
Technorati
Twitter
Facebook







Related Posts by Categories







9 comments on "Auto Read More Feature for blogger"

This is DoFollow Blog Leave a Comment

vijay on January 10, 2010 at 8:24 PM said...

HI
Nice work done by you,This is working in my blog(atoztestblog.blogspot.com) with small error is this will shrinks all my fonts in same width and height(post body and post lines).

Regards,
vijay
www.bayofblog.blogspot.com

Muhammad Wajid on January 11, 2010 at 3:36 PM said...

@ vijay
Thank you Vijay for posting here comments.
Yes this script shrinks your font because this is auto read more .If you want your font not shrink kindly reply me I will here manual read more posting.

vijay on January 14, 2010 at 6:24 PM said...

Ok please help me to get manual read more hack...
Thanx for your response,

Regards,
vijay
www.bayofblog.blogspot.com

Muhammad Wajid on January 15, 2010 at 12:54 AM said...

@ vijay
Dont say thanks because its my duty check this post I am sure your like and dont forget post here comments.
http://www.latestbloggertricks.com/2010/01/interact-your-visitor-with-read-more.html

vijay on January 16, 2010 at 1:05 PM said...

Im thanking you because of you helping me to improve my site that reflects your genuinity.

Shahrukh Jokhio on March 21, 2010 at 12:10 AM said...

Download Full and Free Softwares - http://fullfree-softwares.blogspot.com

ARSLAN FAROOQ on November 21, 2010 at 6:46 PM said...

thank you
http://arslsoft.blogspot.com

admin on November 24, 2010 at 10:41 PM said...

Thank you for tutorial.

http://hot4news.blogspot.com/

admin on November 25, 2010 at 1:19 AM said...

ehmmm, help how to manage row? how many rows will show before 'read me' . TQ

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 

Latest Blogger Tricks,Tips,Tutorial,Template,Widgets