January 22, 2008

(39) Comments

How to Create Read More

Kendhin

If you post an articel to your blog it will displayed on a main page, if you have a long post content, your blog will opened more long time. But it can be tricked with a script to short your post or only abstraction post will dispaled on a main page, and the full post will replaced by "Read More" link. Here's the trick to create "Readmore"

1. You have to Login to blogger, then chose Layouts --> Edit HTML
2. Click on "Expand Widgets Template" checkbox.
3. Find the code below in your HTML Codes. ( the short way to find is by copy the code below then press "Ctrl + F" then paste in the box)

<div class='post-header-line-1'/>
<div class='post-body'>

or

<div class='post-header-line-1'/>
<div class='post-body entry-content'>


4. If you have found it, put the code below under the above code.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


5. Under the code, you will find code like this <p><data:post.body/></p> you have to put the code below under it.


<a expr:href='data:post.url'>Read More......</a>
</b:if>


6. You can change the "Read More" text with other.
7. Save your job.
8. Go to Setting --> Formatting Tab menu
9. At the lower page you will found "text area" box beside text "Post Template"
10. Put the code below to the box


<span class="fullpost">



</span>


11. Then click Save the setting.
12. If you want to post, put your short post or description above this code <span class="fullpost">, and the next or full post put between <span class="fullpost"> and </span> code.

GOOD LUCK!!!!!




Related Articles :



39 Responses to "How to Create Read More"
Mohit said :
July 11, 2008 9:28 PM
thanks kendhin
this is excellent information for me

mohit
http://moneyat-home.blogspot.com
Theo said :
July 14, 2008 2:19 PM
hi there,
It's a good post you have.
It works on mine.

Thanks.
blackeclipse said :
July 15, 2008 1:39 PM
Great post, it helps my long post short.

http://tagalogsexstory.blogspot.com
Hello ,I cann't made this How to Create Readmore in my template,I cann't some lable from your way in my template.How can I do ,can you help me?
I cann't find out some Html code like your shown. How sahll I do continue,Help me please.
carz said :
July 23, 2008 4:51 AM
Good Hacks, but need some tests! Thanks!
Kendhin said :
August 6, 2008 1:57 AM

@????????(1), have you checked for "expand widget template" box ?

FERRY said :
August 9, 2008 6:31 PM
Thanks for the tipsss....

http://forex-management-online.blogpot.com
Typhoon said :
August 10, 2008 7:53 PM
Can You Post The Selective Expandable/Read More hack from hackosphere in a new and easy way?
The Ripper said :
August 20, 2008 4:28 AM
Thinks alot man for this tips
i get it on my blog check it out Money-trooper.blogspot.com
Thinks again
mrdaha said :
August 26, 2008 1:05 PM
HEY... FOR POSTING THE LAST CODE

IT ACTUALLY UNDER:



SETTING>>FORMATING


PASTE IT THERE (at the post template code)
AND IT WILL WORK WELL!!

Damn I spend lots of time in finding how to do it...

ANYWAY, THANK FOR THE CODE!!
Dexter said :
September 1, 2008 10:56 AM
Hi, thanks for the post but is there a way to have the 'Read more..." appear only on selected posts that has summaries?

All of my posts seems to have the "Read more..." link even tho they are short entries.

Please help!
Zobbe said :
September 6, 2008 4:58 PM
it doesn't work for me :(
Legacy Daily said :
September 6, 2008 6:22 PM
doesn't work for me either
atokaja said :
September 9, 2008 7:56 PM
emang sanagt berguna nih blog. thx bgt mas
Paijo said :
October 2, 2008 7:56 AM
thanks kendhin for your code, this id helpfull for me... :)
Anyone who need a game or request a game please visit my blog... ;)
October 4, 2008 5:55 AM
Hi I have made the whole code work except for the bit where am supposed to paste after
"[p][data:post.body/][/p]"
When I paste I get the following error
"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "div" must be terminated by the matching end-tag "
and I can't find out which div tag I haven't closed.
Help!
My blog is on http://crazy4footie.blogspot.com check template code if possible.Thanks
October 7, 2008 12:20 AM
JOSERINCUTE69.BLOGSPOT.COM >>>FREE DOWNLOAD 8GB HENTAI,ASIAN SEX VIDEO, PORN VIDEOS, ASIAN SEX PHOTOS,MY PRIVATE NUDE PHOTOS,CRACK,WAREZ,COMPUTER INFO

JOSERIN.CO.CC >> FREE DOWNLOAD 8GB HENTAI,ASIAN SEX VIDEO, PORN VIDEOS, ASIAN SEX PHOTOS,MY PRIVATE NUDE PHOTOS,CRACK,WAREZ,COMPUTER INFO

Join juga ke CEPATDAFTAR.CO.CC untuk mendapatkan rupiah dengan mudah, caranya cukup isi data dirimu di bagian yg kosong saja! Untuk tau caranya lbh lengkap, kmu bs donload ebooknya dari CEPATDAPAT.CO.CC & tinggal di save as aja ebooknya!!! THX! ^_^
Kunjungi juga blog aq di JOSERIN.CO.CC !!! THX!
Ronald said :
October 11, 2008 4:49 PM
There's an error the error is "More than one widget was found with id: Feed1. Widget IDs should be unique." ty.
Coldness said :
October 13, 2008 6:04 AM
Thanks alot for this! It really helped me :)
DHARMiL said :
October 18, 2008 1:31 AM
I want it like yours, u have it.
whn we click on it it opens a new page.
but my one is different one.
whn we click on it , its (+/- show hide post).

i dont want it like that.
my blog dharmil007.blogspot.com

u can contact me on:
dharmil007@gmail.com
Game said :
October 18, 2008 4:22 AM
Hey! your work is so cool, but I have one question! I don't want the read more link to appear when i doesn't need it, i may have some short posts, and i don't want it to appear on every one of the posts! Is there a way i can do that?
October 23, 2008 5:06 PM
^^The XML template it's not same with the classic template. at expand template widget at XML template It's not use...
It's has to be at...setting>>Format>>
and you have to paste it at the post template code.
thanks..
Thanks for the code.
now i'll try the read more button. ^^
I'm just childern 10 years old.
November 1, 2008 4:43 PM
I dun understand the last part HELP ME!~
Pc Formula said :
November 12, 2008 7:21 PM
thanks for u code.very easy to create read more.
aries33 said :
November 12, 2008 9:07 PM
thanks for the tip.
http://www.promdinurses.com
swandana said :
November 14, 2008 10:47 PM
Thaks for your tips..........
Makoto said :
November 18, 2008 9:49 PM
Thank you, comparing to blogger's default help this IS work :)
November 20, 2008 5:46 AM
very informative and educative article. i an glad that i happen to
come across it
tharuntej said :
December 15, 2008 2:19 AM
Sir i have followed this read more but when i am practising there is lot of empty space between the briefing and read more .The amount of space is depending up on the size of the post.If you any one know the solution for this please post me or mail me.tharuntej@gmail.com
December 22, 2008 2:00 AM
:$
SreeRam said :
December 25, 2008 10:42 PM
excellent
http://greetmedaddy.com
January 11, 2009 12:16 AM
nice post i m using this read more option
Shanti said :
March 17, 2009 10:50 PM
Hey its not working for me yar
"read more..." came in my site but i appeared at the end of the post displaying fulling yar....

plz email[vodafone289@gmail.com] (or) leave the comments here...
ianjuve said :
May 31, 2009 12:28 PM
nice info gan,.....;;)
Lobo said :
June 5, 2009 3:40 PM
This post has been removed by the author.
-jin said :
June 17, 2009 7:10 AM
i don't have something like this data:post.body .. this is not working for me.. I use <$BlogItemBody$> instead. what can I do?
-jin said :
June 17, 2009 7:54 AM
okay. I find out how to do it and I'm done. But the problem now is. There's nothing more displayed in the index page for my new posts. It's really none. Not limited. help.
The Doctor said :
September 2, 2009 1:19 AM
thanx...

http://agoesdoctor.blogspot.com

Post a Comment