Automatic Read More Hack For Blogger With Thumbnails i.e expandable post hack for blogger with thumbnail of image used in blogger posts and all this work is done by the script automatically,you just dont need to locate your image the script will do all work for you automatically.Just you have to write your post and publish it with one image in post related to post.
If you dont want to add thumbnail image in post summary then i had an post previously on automatic read more hack for blogger,read this.
Now how to install Automatic Read More Hack For Blogger With Thumbnails Demo snapshot is below.
Lets start with its installation:-
Now Login to Blogger Go to Layout > Edit HTML in your Blogger dashboard and check the “expand widget templates” box.
Find the closing </head> tag in your blog template, and paste the following section of code immediately before it:
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type=’text/javascript’>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+’…’;
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = ‘<span style="float:left; padding:0px 10px 5px 0px;"><img src="’+img[0].src+’" width="’+img_thumb_width+’px" height="’+img_thumb_height+’px"/></span>’;
summ = summary_img;
}
var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;
div.innerHTML = summary;
}
//]]>
</script>
Note in above codes we can change the numeric numbers according to our need
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
Now find this code <data:post.body/> in your template and replace it with below codes.
<data:post.body/>
<b:else/>
<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;padding-top:20px;’><a expr:href=’data:post.url’> read more “<data:post.title/>”</a></span>
</b:if>
<b:if cond=’data:blog.pageType == “item”‘><data:post.body/></b:if>
</b:if>
Preview Your template if its showing thumbnail with read more hack Save it.
To show thumbnail it should have one image in your blogger posts and please upload the .js file to your server and dont forget to change the link with yours in codes to make this hack work.
I am sure everybody will love this hack for sure.
Credits:-vietwebguide
HOW TO UPLOAD IT TO THE SERVER IF I AM USING BLOGGER
Thanks
sign up here for an acount and upload here http://ripway.com/
😐
🙂
😉
:))
wow!!its a good hack
Its…Work..Beautiful look
You really Great work…
Thank You very much..Thank you, thank you
I think “Read more” is enough. Don’t need a long sentence like that. Can U fix it?
Just in second part of codes i told to place you you will get this line
<a expr:href='data:post.url'> read more "<data:post.title/>"</a>
Now replace this line wih below one
<a expr:href="data:post.url">Read More..</a>
What about if i want an auto image thumbnail without read more? is it possible? :-/
ya it might be possible but then you ask the author to re-edit the java codes in .js file for you 🙂 and make it only for image thumbnail
What about align text? It’s not look like your picture in this example. I want my text algin justify. Can U fix that for me?
hack works exactly like i have shown in picture..tell me exactly what you want??
it doesnt work for me i tried a couple of times
the text below the /span disappear, although the read more link is way up .
and when i click read more my post doubles.
http://fru1tcak3.blogspot.com/
It works fine in most of templates design as its tested…
Now here is the real ques, I saw the hack on other sites regrading the expandable post summary and implemented this, but the real problem ( for which I was unable to find a solution ) was with my feeds. Can I implement the same outlook of expandable post summaries with image thumbnail on my feeds? I use feedburner and although it has option of summary burner, it truncates all images, and does not allow HTML.Any work around for this would be just out of this world. Thanx. Love your blog.
@free gambling i havent tried it in feedburenr as i am not using it so not any great idea about it.Just let me know what exactly you want the result then iw ill try to see and implement it.
hi thanks for the hack
good explanation
how to replace 'read more' text with an 'read more
image'
i have added the img src after this
span class='rmlink' style='float:right;padding-top:20px;'a expr:href='data:post.url'
but it did not work
@sandeep Just replace read more "<data:post.title/>" in codes with <img src='http://image -url.com'/>
Anshul it did not work.Picture is not displaying.
I have checked the script it did not work. Read more link is coming but its at the end of the post.pl help
@ sandeep just download your template and send me then i will make it work and send you codes.
Anshul
Thanks for ur interest.I really appreciate ur helping nature.i fixed it.The problem is i had pasted the script below data.post.body actually it should be replaced…
Anyway thanks i fixed it and its working.
very nice hack 😀
nice tutorial… thank's for sharing
😉 nice, thank you :">
nice tutorial… thank's for sharing
nice template ..good design..keep it up.
if u dont mind please .. please..can u send me your template to ananth2ananth@gmail.com
reply..please….
Very nice hack! It works fine in my template. Thank you…and I posted it in my blog, in Portuguese, with a link to you.I hope you like it!!! 🙂
hey bro… thx for helping. im using the template from you. chucky template, cmiiw. thx so much. it's so useful.
Question-
I am using the Chucky template and I'm trying to find a way for the Featured Post section (in blue) to auto-update with my latest blog posts instead of having to tediously edit that info manually (and even then, it only gives me room to add one post, not multiple posts like in the demo).
Any help? Everything else is working perfectly.
@jared you might possible can get some widget like for example this one which extract all post from your blog automatically
http://www.anshuldudeja.com/2009/01/all-blogger-posts-slideshow-as-news.html
But you would have to many things to adjust it in template chnage its design and many more as not will as easy until you are good at it.
And in the gallery i provided you just have to keep on addng post manually which you feel is good with time to time.
Thanks for the quick response- I was thinking it would take a brand new widget (or heavy editing of the current one) to make it feed automatically, so that's not a terrible surprise. It's not as tedious as I thought, so I'll definitely give it a shot.
One last question- I tried to make it like in the live demo where it scan scroll between a number of different featured posts, but when I insert the code as directed I just get three of the same blue-templates vertically stacked down the page (instead of where it refreshes or scrolls between different posts). Any ideas on what could be causing this?
Thanks in advance 🙂
No doubt there would have been mistake , just as from my point there are two javascripts for that,one might not work then causes that problem.
good post thanks bro
How do I change the size of the thumbnail images in full page original? I've tried several changes in the html code and could not.
@ galo just add this css in your your blogger html
.post img {
width:200px;
height:200px;
}
now all images itself will get resized to only this fixed size in full page original as you wanted.Change the above sizes as you want.
Hi,
I used your Chucky Template at my blog http://myrezqi.blogspot.com I try to follow your instrution as above. But fail.
Please help me what must I do if I want "flash presentation" as on top of Chucky Template.
My Name: Mahir Saidi
My Email: myrezqi@gmail.com
Form MALAYSIA
Please…
Hi, how can you limit the text that will pull on the front page. It's driving me slightly mad trying to work out how long text should be to align with the image and I can't introduce a break without breaking the whole template.
I have the same problem. How limit the text that will appear in main page?
awesome work dude!!
This hack is the only one that has worked so far and it works perfectly! Thank-you so much. I need some help. I don't understand what you mean by uploading the .js file to my server. I'm a Blogger user. I don't understand that and I don't see a place to replace any links. Could you please explain that in depth? Thank-you.
thanks for the tip. Is there a safe way of removing "removeHtmlTag" so that the summaries retain line breaks?
Is there any way to make just one or two posts not "read more"?
@chris in some hacks you would need javascrips i.e .js files. As blogger has no option to upload files so you need a host to upload them. Just you can upload to your google sites also or other servers like sigmirror.com just have to create account there. No way to make one or two posts not read more as after implementing it all posts get affected.
I still don't understand about uploading the .js files. You have a post about how to host .js files in Blogger and it looks like this hack has already been fixed to work that way. There are no links in the hack so I have no idea how to find what files need to be uploaded, etc. The hack works perfectly and I don't want it to stop working so I want to make sure I do it right. In your post about hosting .js files on Blogger, you say to put the .js file after CDATA. It looks like this hack is already set up to have the .js file hosted in Blogger. I don't think I need to do anything else to it. Am I right?
@chris ya hack will work perfectly and will never get rpoblem as you said right i have made it hosted to blogger itself as this script is small and have no problem.
But in some hacks scripts are more and are very long, in the same way we can host them to blogger also and will work also but the loading of blog gets little slow so in that case you have to upload the scripts to other server to get fast loading else no problem in it.
Thanks for the quick response Anshul. I also wanted to tell you that I love your new template and I think your blog is by far the BEST Blogger tutorial blog around. You have helped me make my blog awesome! Thanks and keep up the great work.
@chris thanks for it i have checked your design you have maintained a nice blog.You have a clean layout which is the thing every reader likes.
Thank-you!
Working in archive and label pages?
if i want to do this only in label e archive pages u know?
Fantastic! A job well done!
tell me anshul how can i have it like this:
tumbnail in center(500×500)
Post description(150)
readmore
Thnx, i am giving you my blog template so you can make the neccessary adjustments.
http://www.mediafire.com/?cdmmvtm3mwt
Hi It does not work for me! Can I send you my template to u?
This is my blog: http://journaldumarketing.blogspot.com/
Hi
Me again (blog: http://journaldumarketing.blogspot.com/)
I just fixed the problem now
Thank you for your nice template!!!!
is it possible to put all your thumbnails(multiple) at the bottom of the summarized post and when you click "read more" you get the bigger versions?
@noriko not understood what exacly you asking.
well, if you go to any celeb blog (let's say dlisted.com for example) the post looks like this:
* lead image (usually larger, but not necessarily
* body text, summarized
* read more link for full article
* small thumbnails of all of the article's pictures, arranged in a row.
it condenses space, but gives people more reason to 'read more' than a single image might provide.
how do I do anything like this? your code almost gets me there, but i want the rest of my photos to be summarized as thumbnails too in the summary..
Hi Anshul,
If my post no image ,I want to show image like this –> "No Image.jpg"
Can you help me please..
Thank you
@nathawud
you can set any other fixed mage to be displayed if yur post doesn't contain any image.
@noriko
all you have to do to arrange images in post as thumbnails is manually.By giving them width and height and open them in target link blank.
I have tried to get this to work, it was suppose to be within the coding for the template "chucky" but did not work. so I tried this hack, it still doesn't work.
Please help.
http://www.synergyhealthnews-amiesugat.com/
@win its installed in chucky template.Why you adding it again.
http://www.fileave.com this links its nice. have up 1gb bandwith/month
nice one buddy…it really helped me a lot
Can someone take a look at http://www.ocreader.com and tell me why the links won;t show on the top bar?
@Stagger Just go to blogger layout > Page elements and you will see the link list at top of layout just open it from edit button and remove its title and just add links and link text in it you want
Thank you so much, a really excellent piece of scripting. Your comment fixed the problem and I've enjoyed tweaking the layout.
Anshul,
Ive been trying to add the codes you provided above to my blog but i'm having a hard time following. You will know my problem if you check my website http://www.watwatworld.com,
any advice to a non-html blogger
@mike your blog is fine good no problems.Just use swap title hack from my blog. Search for it.
Anshul, Im not really good in html, ive been trying for 1 day to edit and ad the automatic read more hack with thumbnail but still I cant get it to work in my blog. Can I download and send you the codes and help me install the automatic hack with thumbnail?
I will really appreciate it.
My email is pinoyads@gmail.com
thanks
@mike just expand your codes and copy them and send me in notepad file at anshulaffprg[at]gmail.com i will see over it.
Thanks very much http://latestnewsissues.blogspot.com
Thanks bro… it works!
Hi, I add the codes on my blog and it worked well but but suddenly stopped working and I do not know why…
Anshul can you help me?
My blog: http://www.milesdepelis.com
thanxx I fix it!!
Is it possible for the thumbnail image to link to the post itself?
@catherine only possible in case we are making gallery where only image is showed on main page not possible for case in with summary else that summary will also get linked.
thanks for share this tips
Nice sharing.. Any ask, how to grouping all with group? That will show like post.
Hi!
Great Hack, but I don't want to use it.
So how can I remove Read more button?
Thanks!
Excellent work i tried this from past 1 months i find good solution here,working in my blog(www.bayofblog.blogspot.com) with small error is it will shrinks all fonts to same width and height.Olease help me to find solution
Thanks for good tips
how to uploald to server.. i am using blogger and wat o upload.. ??
http://www.yuvanesh.blogspot.com
@yuvanesh get list from here to upload
http://www.anshuldudeja.com/2009/05/where-upload-js-files-free-javascript.html
Congratulations! Your blog is wonderful! I'm brasilian and love your work! Thank's.
My English no is good, sorry!
Thanks for this nice hack
this worked for me, finally, but how can i change the font size? my summary font size is 2 small
@decozz find below codes and add font property to it for fint size.
.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
}
make like this
.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:22px;
font-size:20px;
}
adjust font size value with yours.
Hi,
my blog at http://darila-prodaja.blogspot.com/
doesn't show all my post at main page. And i'm going to add more product in future.
I checked everything in setting section but didn't find any error.
Does anybody have solution for this problem?
Thanks and kind regards
@boris read it blogger has limited it
http://buzz.blogger.com/2010/02/auto-pagination-on-blogger.html
Hi anshul,
I want to create a thumbnail gallery of all the posts. So I need the thumbnail image to link to the post itself. How can I do that. Could u please help. Thanks!
My text spreads over my page and columns. Is there a way to fix this? Thank you so much.
Hi. I tried the hack.. it actually worked.. but it only shows 2 posts on my blog's home page!!! any clues??? i even changed the number of posts in settings>>formatting>> to 15.. even then the result is same.. can u please help me.??
my blog address: http://www.funlimited.tk
#optimist read this http://buzz.blogger.com/2010/02/auto-pagination-on-blogger.html
@dom no way
i am having a big proplem …….
please help
i tried to add read more hack after i added ( ad inside post hack)the ad showed beside read more not inside the post
i want to do the both like u did here
Hi Anshul,
This template is very nice, but the read more function doesn't work on my blog. Please see the pages below the header and click them and see -http://southasianarts.blogspot.com/
Thanks
Archana
Hi Anshul,
Not only the continue reading option doesn't work in the Pages under the header – I had to delete the pages because of this – the image slider on top is not showing the slide-show. Please help me.
Archana
@Dr. Archana ya sorry pages feature will not work in it.Why not you just make post for it istaed of page.And your slider is working.
Don't suppose someone (hell anyone) could help suggest a better way to deal with distorted thumbnails?
The easy solution would be to ensure every first image in every post is the same ratio as my thumbnail properties, but are there any hacks that wouldn't require doing this?
I swear i used to have a thumbnail hack that auto-resized images to look good…
blog is @ http://omgubuntu.co.uk
Hi there! Great template. Just one question. How do i do to eliminate the text from the summary? What if i want no text at all?
Thanks!
@juan read the 7th comment of mine remove that code.
Mmm i think i didn't explain myself well… What I really want is to eliminate de text from the summary… no text at all… I'll put a image here to try a better explanation.
http://tinyurl.com/2d6nuca
(the part in red is the one i'm telling you about)
When i replace the it just messes with the title…
Thanks ahead for your patience
@juan just make these both values
summary_noimg = 430;
summary_img = 340;
to 0 to show no summary.But it will still show .. after image.
I'm trying not to use "read more" hack in Static pages but I can solve a little problem…I wrote:
(download this)
http://uploading.com/files/get/64bec74b/readmorecode.txt/
But it doesn't work, where is the mistake?
Thank you a lot!
I downloaded your template called chucky. How can I add the 'add elements' on the footer?
ha..ha..ha.. finally found it..
I was looking for to make post body same heigth (equal height size) like in magazine template…, this should be work isn't??
i've try it, but my post now was looks like unstyled, did you know how to fixed it..??
@bago to make magazine we use this hack but only hack is not enough we have design different codes for it to wok in blogger.
Thank you very much. Its useful tips..
Recently I downloaded your theme and installed on my blogger ,It is very good theme but i want to do some modification. Is it possible for me to show my post in full on main page(home)instead of Read more.If possible please guide me.
I am expecting a replay as soon as possible.
Thanks in advance
Regards | Raso Joseph
nice widget, I'm going to try this
@raso after implementing this hack your posts on home page will not appear full and also not full on labela dn archive pages.ONly post page will be full.
wow…this helped mine, in a fraction of second. thank u.
I am testing Chunky on a test blog before installing it on my blog and I am very happy with it. I want to modify the template so the presentation of posts shown on the home page will appear one beneath each other instead of side by side in 2 colums. How can I do that?
@lise ya to make one beneath other its possible.I have to remove many codes in it which you will not b able to do on yur side unless you know template coding.
Thanks for your answer!
hi,
i have added your hack to my blog. but the issue is that it does not show pages fully. it shows the "read more" option for pages also, but even when I click read more, it doesnot open up the page. can u help me in this. pls visit my blog to see the issue.Thanks.
blog- homeschoolingintamil.blogspot.com
it is the hack u need to implement to make pages work.
http://www.anshuldudeja.com/2010/05/how-remove-automatic-read-more-hack.html
But u leave it now i have updated this hack use above codes again only it will wrk.
Dear Anshul,
As all friends said, this automatic read more hack is working without any problem and that is awesome. But when I try to create a new page like about me, contact etc. and write anything in those pages all texts are auto read-more hacked since it's still enabled and that's not good. Those pages are not used for posting activity, i want this hack to work only in homepage not in about, contact etc pages. How can I do that?
@kartal i have updated the hack to work for page also u also update it or else read this post i posted about it also.
http://www.anshuldudeja.com/2010/05/how-remove-automatic-read-more-hack.html
thank you so much.. it worked on my template..
i tried a lot more ways but failed…
thanks
Hi, I've been using your template since December, 2009 and I used to have the "Read More" green button in the home page. But suddenly, this month, I don't have that "Read More" button any more. I checked my Edit HTML and the codes are there but it doesn't show in the Home page. Please help. My url: http://thelivinggracephils.blogspot.com/.
@carmen ya just find the image link in your codes
http://2.bp.blogspot.com/_t47uhxwKFVM/SnvSQRw7t4I/AAAAAAAABtM/6hfRxGK4MMY/s1600/readmore.gif
and replace with mine.
http://i32.tinypic.com/w0qh6h.gif
i would say to back up your template and update with my template above as its updated to remvoe any errors.
Thanks, Anshul, will try that.
It worked! Thank you very much, Anshul. You're amazing.
Great script! After I've tried many others without success, finally I found this that worked! 😀
I've traslated your post and shared this code into my blog, adding a credit link to yours; I hope you appreciate it 🙂
Thanks a lot. Worked like a charm with my new blog magazine.
wow greatt…thanks,,,really thanks…i follow your instruction and it's a big success…really how wonderfull you are…
Hi!
I'm using your script in my blog, but i have a little problem: when the post doesn't have images, but videos, the summary shows a weird image. You can watch it easily.
Do you know any solution to this problem?
Regards!
ehm… I remove my last comment. There wasn't any problem with my blog. The "weird image" is just an image that i use as a divider in my posts ¬¬ What I see in the summaries is its enlarged thumbnail. Sorry.
Thanks! 🙂
hi
i realise that ALL the label that we click have to go throgh the read more pages..
is it possible for the "read more" post to be on the main page only?
And if the reader click on the side menu's label, they goes straight to the page, instead of going to another "read more" page?
Hey first of all very good hack! I have a slight query though. The pages that i've created through blogger's new "pages" widget isn't displaying properly. When i load the direct link of one of those pages, it displays the thumbnail version with the "keep reading" thing on it. When I click on keep reading it doesn't go anywhere. Would you be able to help me out regarding this small problem?
i want to use Read More image instead of Read more text, how to add my own image.
@pink ya it may be possible but i didnt tried this and if you will show full post on lables the page will become so heavy to load with long page so will not suggest to show complete post n labl pages.
@admin ya use the hack to remove read more hack from blogger pages.Chk my link blogger hacks u will get that post.
@administrator just where there is text written read more use image link like this <img src="image link"/>
hi…is it possible to make main page post different to the actual page?
for example the image showing on the thumbnail is different from the actual page. or maybe the main page post has a thumbnail but the actual page doesn't have. (it could be just a topic or a video maybe..whatever)
i just want to know that the thumbnail is right there even if the actual page topic is different.
thank you…if this is possible, please tell me the code, i know i've seen it somewhere i just can't find it anymore.
thanks and nice template.
@top video only possibe for this script is like when we use this script it will make first images from post as thumbnail and if we dont have any image in post then you can show one fixed image of choice t show as thumbnail.This is only the script can work.
so what is the script code? >_<
and what does it mean by one fixed image of choice?
is it only for that one post's thumbnail?
or is it whenever i post, all post's thumbnail are the same?
see, i want to make a list of categories to discuss, and present the thumbnail for each post. know i mean?
and the post's actual page may or may not have an image, video, or whatever, but im hoping the thumbnail is different from that, i mean, i wishing i can choose my own thumbnail, and that thumbnail i chose is not seen on the actual page.
if you say this is possible, please tell me the code/script for this,
you know, i think i found it somewhere that there is a code, that you will type whenever you make a new post, like for example,
[startext]blah blah this could be picture or text whatever[endtext]
then text again, picture, or video, whatever…
between, starttext and endtext, that's what will show on the main page of post..(the code is not starttext or endtext though, i just make that as an example) then when you hit READ MORE or something, the text, picture, or video, after the closed starttext and endtext, that what will show on the actual page only..
get it? that's the code i'm looking for, but if you have alternative just to do this, i'll appreciate it thanks.. 🙂
@top ya i got u now its very much possible.You want to show some thumbnail image on homepage or other pages but when post page of it opens that image is not in post.
Its not use of any script its just simple css trick.JUst have to define 2 class for it like thumb and details.
Now we will dfeine some css for these 2 class in html.
For thumb we will define to show when its no post page and to details when only pst page.
Now while posting just define content in class thumb which u dont want to show in post page and in detaisl which u want to show only in post page.
yess…exactly…thanks for understanding my question…haha im sorry im not good much at english…
anyway, so how to do this?
if you can make it into step by step that would be nice.
thank you again 🙂
@top first place the below codes before the closing
</head> tag
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>.details {display:none;}</style>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>.thumb {display:none;}</style>
</b:if>
now after placing it
when u post anyhing post in this format.
<div class="thumb" style="clear: both; text-align: center;">
Content not to show on post page here
</div>
<div class="details" style="clear: both; text-align: center;">
Content to show only on post page
</div>
whoa! it works..
cool…thanks man.. 🙂
i really appreciate it.
thanks….its cool!
I like it!
Hi its great hack but I am facing some problems you can visit my blog to see rhythmburst.blogspot.com
thanks i have solved my problem myself great hack
My Only problem
Thumbnails are distorted in proportions
i want to reduce their size to a certain limit but in the same proportion because sometimes a cellphone looks like a television
Pls help me bhai
@admin really no solution for it yar … best is to use images with square size in post or edit them to make like that before posting.Or do one thing use this script instead of above it will adjust your image but i think this script will not work in IE chek it out.
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'…';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
img_thumb_width = img_thumb_height * (img[0].src.width / img[0].src.height);
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
works like a magic. thanks
thank dude..
i have try so many trick from all..
but, only your trick really effective for me. =D
nice post dear
SUPERB WORK
THANKS ALOT
Love this! I'd really like to use this for archived posts only though, keeping this month's posts in their full format. Any way to achieve this?
Thanks!
@amy instead of this line in code
<b:if cond='data:blog.pageType != "item"'>
Above line is twice in second code i told above so replace only first one i.e 4th line in second codes i told to replace with data:post.body
Change with below i think will work then.
<b:if cond='data:blog.pageType == "archive"'>
Thanks! I'll give this a shot.
This hack is working. Thanks a lot. Can you please send me code of social bookmars bar? behzadakhtar92@yahoo.com
thanks a lot admin….
it's really great articles.thanks for sharing..
tks a lot for such a awesome tricks…
thank you once again …
i find its one of the best amongst the others which are available.
my blog is http://greatsourcepoint.blogspot.com
anshul,
i LOVE this template and tried some of the hacks already which worked well. but i'm having a little trouble with this one. it does work, but it won't let me resize the thumbnails. i tried changing the height and width as you mentioned above but it only stays in the default size you originally made them.
also, i'm not sure about this uploading of the js file. i know i have to upload it to ripway or some other hosting spot, but where do i get the js file to upload it? i can't find it anywhere on your site.
thanks!