This is only for users which has already installed this code on their templates, they need only to update a link.
1. Go to edit HTML --> search for this:
http://kfile.110mb.com/summary-post.js
2. Replace it with:
http://blogergadgets.googlecode.com/files/excerpt.js
Save.
1. Go to edit HTML --> search for this:
http://kfile.110mb.com/summary-post.js
2. Replace it with:
http://blogergadgets.googlecode.com/files/excerpt.js
Save.
NEW USERS READ THIS:
Read more function is used to cut our post on homepage, post will appear fully when we click read more link. It's cut automatically and if we insert image, it appears thumbnail.
This is automatic read more function with thumbnail. We just need to set up our HTML code.
Follow steps:
1. Go to "Layout" click "Edit HTML"
2. Tick on "Expand Widget Templates"
3. Find this code
<data:post.body/>
4. Replace with this code below
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.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>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.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>
5. Save / Check your blog
clarification code above:
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width
- If you need help to install it or to customize it, just leave a comment.
I'm Klodian definitely a Blogger fan. Minimalist designer, Web addicted.
145 comments:
Does this work with free hosting at blogspot.com and if so where do I put it.
Yes, Sure.
dude i cant figure out how the help to do this i have been trying for ever
Hi John,
First check this template, and there check demo, you will understand how this works, if you like this template download and upload, because this template has code enabled, or if you want to keep your template, I will help you to install code above.
sorry can't figue this out i thought i did it right and it didn't work
if you placed code like showed above, this should work
i think i did everything right but when i make a new post does the read more but just pop up.
JOHN
got it to work but how do i make a new page for the link to go to
No code doesn't work OK, I found an error there, I will publish now the new code, it's easy to install.
it shows the link on my blog but can't figure out how to make it when a new posting. I tried it any help
are you saying there was something wrong with the code you made?
Yes, but now I have solution, and I will update this post in few minutes.
did you fix it
Yes, sure. Now works fine.
Wow - how easy was that. Thanks! Though is there any way I can customise which part of the image is thumbnailed rather than squashing the whole image?
Thanks.
Hi Josh,
You can, edit number of words and image size, just change numbers in script and test, that's really easy.
Hey - this would be ideal: Show the full post of the most recent post and cut short the rest. Do-able?
Yes, but not automatically and not with this script, its a hard work, need to edit all posts... if you are interested I will show you.
thanks this is what im looking for..
look at my blog the summary has the code in there what do i do
http://johnhildebrandphotography.blogspot.com/
could i maybe email you my html code and see if you can look at it and fix it for me. this would kick ass. I will donate to you for srue
theres is nothing wrong with the codes.. check my blogs
http://showbiznewsnow.blogspot.com/
http://promdiphilippines.blogspot.com/
http://philippine2010election.blogspot.com/
to all users of this trick, I think you should backup the script..
we'll never know, that script above might be deleted. and the bandwidth..you know that thing...
@Sicky Dicky Productions,
I checked your blog and it's OK, if you want to customize thumbnail size or text, just post a comment.
@John Hildebrand Photography,
I sent your an email :)
@Admin
I use this script and for my other blogs, so I check bandwidth closer.
Will this work with the Classic Template or does someone have a potential solution that does the same thing for the Classic Template?
Thanks,
@innovate
No sorry, this doesn't work in classic. I checked your blog, why you don't move in XML.
I know no javascript at all, nor anything about the template language of Blogspot. How would one alter this so that it would apply only on selected posts, or on more lengthy posts. Perhaps I'm asking what would one change so that medium length posts would not be affected, but long ones would. Oh, hell, I'm confused, but...
My point is I'd like it to apply, but only rarely. It does work nicely on my blog, it just works too often.
@Jayhawk
this code works in all post new and older, after install it no need to do anything else, I can say its excellent javascript. All should donate for this code :)
Absolutely. My point is that it takes a post which is two paragraphs long, cuts it off in the middle of the second paragraph and says "read more." Thus, every single one of my posts, including very short ones, requires clicking, and when you click all you get is one additional line. You read 95% of the item and click to get a mere 5% more.
I would like the cutoff to be longer. I'd like posts that are, say, three paragraphs long not to have any cut off and not any "read more" link, that is to be displayed in their enirety. Only posts longer than three paragraphs would be cut off and have the "read more" link.
This looks nice but it serves no purpose.
Most important thing to shorten articles is to avoid duplicate full text which Google does not like. And this method only hides part of the post. Not really what I was looking for.
@Jayhawk
You can customize this size
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width
just edit and preview.
@Thomas
Don't know what you are looking for, but most important and powerfully bloggers / especially wordpress do this.
Well, I'm not sure what the "image height" and "image width" are, because I don't see any images, and changing the "post cut height" with or without image (and why they would be diggerent), is having no effect whatever. I think I'm missing something; am I supposed to have some sort of image somewhere?
@Jayhawk
Install this code correctly in your blog. After you place a code tell me to take a view of your blog.
i like it, Thanks
this is the one i was searching!thanks a lot!!!aside from making my blog neat it becomes faster too!!!great thanks a lot Klodian!
@Badugiz
Thx for feedback, yes it's a great tool, also you can customize it. Check my comment above I have explain it.
thanx bro
good job
excellent
omg thankyou. lol. I was so hopeless though. I couldnt find that first code so i just copied it into wordpad and hit ctrl + f and what do ya know? I have the code. then i copied it into my html editor and it works brilliantly. thank you for your help.... even if i did have to cheat a little bit (well ok a lot) roflmao. thanks again.
How to change summary text size??
@MD
Is a clarification code above read it, change numbers, preview / save.
How to change summary text size?? it very small size on my layout.
http://tag02.blogspot.com
@tag02.blogspot.com
download template from here and then add read more code.
I see that the JS is hosted somewhere else, does it mean that Blogger can be in danger to loose the function if that file disappear one day?
Is it possible to add text Flot Right or Left, I was think to control this for Hebrew which is RTL rather than LTR.
@DRoshani
Yes file is hosted, but I use for my other blog, so look this closely, but I don't think that will have problem, anyway I recommend to bookmark my blog.
Yes you can change from float right to left, find at code above and edit it.
I cant summarise view in your template even after doing all the suggested changes...help !!!
Excellent! It took me forever to find where to put it, but I eventually found it and it worked perfectly! Genius, thanks a million!!!!
Thank you
Is there a way to make the length selective, depending on the length of the post, rather than automatic? Thanks for your help.
@Editor
No this will do automatically in all posts, but u can customize it. Read code clarification above.
Where is this -> http://kfile.110mb.com/summary-post.js ?
I don't usually like to be beholding to someone else's server - Is this on a Google server of some sort? Or can this be embedded in the template?
@Dr J
I have uploaded there, if you want can upload in your own server.
Hey...
Nice work on this hack, it works prefectly. :)
I want to know, if i can replace the letters "Read More" with an image.
Thank you.
@Xaris
Technically is possible, just need from you to have skills in HTML / CSS code.
OK.
I think that i can do it...
Thank you Klodian, nice templates and hacks. :)
can u help me about this..because it not fully working
@Eve A
Follow steps above and tell in which steps you have problem.
Thank you so much!! it work really good!
Is it possible to use this code with multiple blog contributors?
@asher
Yes, of course.
Klodian -- After I went to HTML and clikked Expand Widget Templates, I did Ctrl F and pasted the data:post.body line above into it. It found that phrase about half way down into the template (which I had saved a copy of to my desktop.)
I put the big chunk of info from above onto my clipboard. I selected data:post.body and pasted the new stuff in. I did Preview to check it out.
I wanted a somewhat longer summary so I changed the 430 & 340 both to 1200. (I found the right place by using the Ctrl F trick and pasting the script type = first line of the new info into it.) Any time I went back to tweak, I had to remind myself to re-clik the Expand Widget Templates box.
It works !great! to make it shorter but removes all bold and italics (tho not on the "main" page when you clik thru from Read More). Any way to keep the paragraph spacing and bold and italic in the summary? It looks bland with no paragraphs and so4th.
http://sickerdick.blogspot.com/
@wfleet
No its not possible this.
The script works like a charm. Finally I found out how to do this. Thanks to you =D.
hi klodian,
It's an excellent piece of JS code. I have used so many different options.. but nothing works like this... the best is of getting image even set.
thanks a million.....
hi. i didn't understand. what should i replace?
Thanks, very useful code!
I used it for my blog:
http://book4fun.blogspot.com/
Have a look!
Hello, I am trying to figure out a way to have all comments visible on a blog page just like you have here. Along with the comment box always open. Is the code above for that purpose?
Thanks,
Joe
Hi,
Thanks for the code, it works great! Is it possible to change the font size to make it larger though? And also, can I change the header colour and add a discription in the "about" box?
Thanks!
@Kelly
No cant change font, its default, but dont know why is small at your blog.
I cannot find data.post.body tagfrom HTML editor panel. any body plz can show me this where i can find this tag?
@University Blog
Follow all steps above correctly also read all comments above.
ya I have found. but i wanna show full image o auto resize. it shows odd size image.
how do you change the font and size of my font? I was able to change the font in "Read More", but not the font in my summary post.
Thanks, works fantastic!
Kyle
Hello, first I apologize for my english, I'm just a stupid French guy.
Here is my blog : http://www.toujoursraison.com
Most of the pictures are movie posters, but not only.
I'd like to have thumbnails with a width of 200 and a height which respects proportions, so that movie posters and other pictures keep their original shape.
I tried that :
summary_noimg = 430;
summary_img = 640;
img_thumb_height = undefined;
img_thumb_width = 200;
But it only works on Mozilla Firefox, not on IE.
i also tried to remove the img_thumb_height line, but it does'nt work.
Do you understand my problem ? Is there a way to solve it ?
Thanks
My Problem is that, I want the read more feature, and I don't mind it displaying the image I am using, but I'm have 2 problems. First, I have ad's in my posts, and the ads are being displayed as the image for by post, but distorted. I want to use the image I select. The 2nd problem is, with sizing. My Pictures get distorted. Please Help.
alex@thegayatheist.com
Hey, I wrote yesterday. I solved that problem, but need your help now. Is their anyway for me to download the Java File so I can upload it to my own file site. Don't want to rely on someone else. Please Help Me.
alex@thegayatheist.com
@Alex
I'm "someone else", so I host JS here
http://kfile.110mb.com/summary-post.js
download and upload on your server.
if you appreciate this, put my link on your blog, and share this post.
Update: I think I got everything fixed. Thanks for the great info. Here is my blog: http://www.thegayatheist.com/
Really BIG help, thanks a lot!!!! It works :))))
My blog came with the read more and I would to like to take it off. Could you help me, please?
Send the answer to my e-mail: goose.bumps@hotmail.co.uk
Thank you
After I changed this to my preferences:
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width
an error massage appeared. How can I solve this?
I can't save my template when I tried to change this :
summary_noimg = 430;
summary_img = 640;
img_thumb_height = undefined;
img_thumb_width = 200;
@fresh freeware download
@admin
start from begin, and change only numbers not text.
it's now work. Thanks
it's work thanks bro
Thank you soooooooooo much!!!!
thank u so much!!!!!!!!!!!!!!!!!!!!!!
I have tried! And it works! Thanks to you Klodian!! :)
Great code and worked on first try. However, I notice that I now have click on the back button twice to get back to the thumbnails from the full post. Anyone else experiencing this?
Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 ...
i m nt getting a part of the post and then read more. i m getting the one that i mentioned above and then after that read more. y is it so? cn u plx help me? :(
Can you help me?
http://daftarpenipu.blogspot.com/search/label/PT%20Penipu
how to short them?
KLODIAN HELP!
This kfile.110mb.com is not working anymore. Now all are full-posts only on my blogs, and my friend's blogs too!
Help me! the file: "http://kfile.110mb.com/summary-post.js" has been deleted
hi klodian, thanks for the trick.
only one problem, the image thumbnail only appear as thin line on IE
www.cottonable.com
@April Lorier
@CEP
No its not deleted.
Everythings fine for me. I use IE. Never tried in Oozilla or Opera yet.
thanx a lot man it is working like a charm
cooooooool man. Works perfectly. Thanks
Can you tell me where to replace the code?
hi,the code is perfect complement with your template!! but i am having some formatting issue here
http://dino-kun.blogspot.com
the formatting is in one straight line,how to get it to replicate exactly as per in the post.please look at the post here
http://dino-kun.blogspot.com/2009/08/canaan-18-pvc-figure.html
notice the formatting is straight down..how to replicate it? I am ok if i can display lesser info out there but would just want it to be in same format
cool..
thanks a lot..
Awesome thank you!
can this be modify to show videothumbnails? If it can please let me know how !Best regards
I don't know what happened, but it seems it's not working for my blog. I would like to have 'Read More' button in the page so that i'm not using the whole text which make the page become longer.
www.dppkps.blogspot.com
@Dewan Pemuda PAS Kawasan Padang Serai
read this,
http://buzz.blogger.com/2009/09/its-date.html
Klodian I love you :P this is the ONLY script that worked on my template ! I must have gone through 13 scripts and then I noticed you had a script here too . Thank you Klodian - youve managed to save another Blogger ! Now I dont know why it isnt working for so many users - I mean the instructions are simple enough - look for the " data:post body" code - erase it and replace with the given code below - geesh ! SAVE & youre done . I dont know what to say - but Thanks again K . tweet tweet :)
@Mark
this is from free server, and I think such things happens.
Hi Klodian, this script was perfectly working until 2-3 days ago when it stopped working and now the whole articles are displayed. Can you help? May this be because of the new read more function of Blogger?
@Админ
no its working, and not related to blogger. Its a js that hosted on free server and sometimes maybe fail because is free.
does anyone have the location of the js file on another server?
Hi, I am using "Revolution Elements" template. The data:post.body/ code appears twice and I replaced both with the above code. The "Read More" link comes out, but the article and images are not summarised/thumbnailed. Help! Thank you.
Hmmm thanks guys....
Hi Klodian, excellent hack! Thanks.
It also worked at my sites very well but 2-3 days ago it stopped working. I understand from your answer to Админ that it is not related to the new 'read more' function from blogger (btw, yours is better! it shows images!) but is related to the free blogger servers. I hope it is temporary and the function will start to work again in the future because I love it!
@Marc De Mesel
Tested now and its working, anyway, I do some edits this post, and will make one that don't need a hosting.
You 've done a great job with the templates! They rock! ;)
About 4 months ago, I installed 2Plus (http://www.deluxetemplates.net/2009/05/2plus-templates-for-blogger.html) template on my blog... I am also using the "read more" feature for more than two months!.....
Until today! I just did a blog post, only to find out that this feature is no longer working! (my previous entry was 10 days ago and everything was working smoothly!). I ought to be more precise: The feature is not vanished, but the "read more" is displayed on the end of post! Kinda pointless! :)
So, I got myself a backup and:
1. I tried to follow the above steps again - didn't work!
2. I tried to re-install the theme and add the code - didn't work!
Since, I loved this template, I hate the idea of not having this feature!.... Some help?
(I can also send you the .xml file, if it can help!)....
@M@t
because is free hosting, I will do a post, that will not require hosting, and so will never have problems.
I will do post as soon as possible.
Hey Klodian!
Thanks for the quick reply and the help!
I will keep my eyes on the blog! ;)
hi klodian
i tried to do that but failed i replaced the code of datapost.body the read more is appearing but i cant change the size or length of the post
i tried changing numbers from 430 to 50 and did change to all but nothing changed.
take a look at http://psychology-n-life.blogspot.com/
i will be waiting for your reply,
and one more thing do you know how to embed myspace video in jw player of longtail.com
thanks for reading
Regards
Shah Faisal
@cryoffalcon
this not works will update this post as soon as possible,
Klodia, i really hope you can fix this code asap! my blog looks suck wo it. :(
Hi....It worked...but the thumbnail is distorted..How do i fix this...thanks!
Klodian,
I am also seeing forward to your code. My website looked awsome with it!
@Marc De Mesel
I have updated, now works fine.
@amoeba
read --> clarification code above
Klodian, thank you very much! You are great!
Thanks for update link..
Hi Klodian!
Just dropped by to say a huge thanks for your efforts and for fixing this!
You really rock! ;)
Thanks, again!
M@t
im not sure if its working or not (you know what i mean)
Hellllpppppp!!!!
thanks alot man!!! :))
thanks very much
Thankxxx really good blog
hey thank you very much for the new code!
i have a question:
the old code didn't thumbnail the images, it was pretty much like previewing a part of the post. is it possible to tell the script to not thumbnail?
thanks again for the code it was really useful!
I replace the first code but it doesn't work at all. I have to write also this?
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width
Where I should write this?
@MedEditor
if you followed all steps above, and this not work for you, than I'm sorry.
hi admin, your site is really helpfull to me , it totally changed the look and also thank you for your support.
Once again thanks alot.
Nice site. Template is God for content. This is your big effort. I like you work.
Best Regards.
Great Template :)...but wondering how could you nicely arrange its content ? currently all sequence in few rolls.......can we make separate some sentences ?
@Moderator
its not possible.
any idea for "add to cart" solution for blogger..
paypal one is quite tedious...
any code that we can simply program and send the value to paypal checkout one ?
Thanks for the easy steps on 'Read More' with thumbnail! Happy Holidays!
ill try..tks...
http://restinrich.blogspot.com
The main issue ive found is that it also affects single pages and when you hit read more it doesn't display the full text it just loops on the same page still saying read more.
it works fine with normal posts.
Works fantastic dude.... Can we somewhat highlight the "read more" link anyway.....plz
anyway thnx for the code
http://blackpearlfreebay.blogspot.com/
First, thank you, Klodian, the great, well-written script. It worked on regular posts at first try. I have the same problem as Megrim above with these two individual pages though:
http://radicalunschooler.blogspot.com/p/created-with-admarkets-flickrslidr_06.html
http://radicalunschooler.blogspot.com/p/who-am-i.html
Any fix? If not, I'll have to revert back to full post. THANK again.
Post a Comment