11/23/2008

How to add " Read more " to your blogger homepage posts ?

One good way of increasing your page views is to display summary of your posts and adding a read more link to the end of post summary so that viewers will navigate to the post page and read the complete article . In wordpress , it is quite easy to do that . But How will you do that in Blogger ? So , How to add " Read more " to your blogger homepage posts ?

Follow the steps below to add Read more to your blogger posts !!
  • Login to your Blogger dashboard and navigate as follows : Layout -- > Edit HTML .
  • Now select " Expand widget templates " by putting a tick on checkbox .
  • Click on Download full template and save your Template so that you can restore it if you find any problems .
  • Now find , <data:post.body> </data:post.body>and replace it with the following piece of code .
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'/>
<script type='text/javascript'>
var blogID = "Your Blog id";
function retriveSummaryPost<data:post.id/>(json){document.getElementById("summary<data:post.id/>").innerHTML
= json.entry.summary.$t + "..."}

function CreateSummaryTechnade<data:post.id/>(POSTID){ var script =
document.createElement("script");
script.src = "http://www.blogger.com/feeds/"+blogID+"/posts/summary/"+POSTID+"?alt=json-in-script&callback=retriveSummaryPost<data:post.id/>";
script.type = "text/javascript"; document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<script type='text/javascript'>
CreateSummaryTechnade<data:post.id/>("<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"'>
<div id='post_body'><data:post.body/></div>
</b:if>
  • Now replace Your blog id in the above code with your blog 's id . Dont know how to get your blog ID ?? Its simple . Just see the URL of your page which will look something like this
    http://www.blogger.com/html?blogID=24330859&tpl=true
In the above URL letters in blog is the blog ID .
  • Save your template and you are done . Quite simple right ?
Other Blogger Template tricks :
You might love to read these .
You can get more Blogger Tips and Tricks here .

Looking for more Blogger Tips , Subscribe here or click here to get updates via email

19 comments:

HI, i dont find a "var blogID = "Your Blog id" tag in my xml code. is there any other way of doing it?

www.madbiker.co.nr


Nhân sâm Hàn Quốc nước hồng sâm nhung hươu linh chi
Nhân sâm Hàn Quốc cao hồng sâm tốt cho những ai
Nhân sâm Hàn Quốc sâm tươi Hàn Quốc ngâm rượi như thế nào
Món ăn bổ dưỡng từ nhân sâm Hàn Quốc cho phụ nữ
Nhân sâm Hàn Quốc sâm củ khô hộp thiếc
Cách dùng nhân sâm Hàn Quốc hồng sâm baby Hàn Quốc hiệu quả
Nhân sâm Hàn Quốc cao hồng sâm Hàn Quốc là gì?
Tác dụng của nhân sâm Hàn Quốc cao hồng sâm Hàn Quốc
Cách dùng nhân sâm Hàn Quốc cho nam giới hiệu quả
Nhân sâm Hàn Quốc kẹo sâm không đường .

This comment has been removed by the author.

http://samyenthinhphat.com/tac-dung-cua-hong-sam-voi-benh-ung-thu-huyet-ap.html

Công ty chăn nuôi, dược phẩm thuoc thuy san thu y
Công ty chăn nuôi, dược phẩm thuoc thu y thuy san
Công ty chăn nuôi, dược phẩm thuốc thú y thủy sản
Công ty chăn nuôi, dược phẩm thuốc thủy sản thú y
Công ty chăn nuôi, dược phẩm thuốc thú y thuỷ sản
Công ty chăn nuôi, dược phẩm thuốc thú y thuỷ sản
Công ty chăn nuôi, dược phẩm thuốc thuỷ sản thú y
quà tết khách hàng
quà biếu tết khách hàng 2017
qua bieu tet khach hang 2017

Nước rất cần thiết với sức khỏe con người
click here
nguon
xem them
links

Post a Comment