2013 August 25 Archive - EXEIdeas – Let's Your Mind Rock

A common frustration, and one we too shared, was the limited sizes that thumbnail images can be displayed as. Widgets such as the Popular Posts, Related Posts, Random Posts and all other widget that fetched the blog post images from your blog feed have a pre-specified maximum size (72px Squared) that is not changeable through any settings.Why To Use This?As you know that in related, random, popular posts widgets fetch your blog data from your feed that has some limitation. One of the most important limit is that your blog feed provide you 72px*72px image on your blog post only that look too small in or widgets. We resize our these widget images in css line #related_post img {width:100px;height:100px} and got succeeded but this code results to stretch images that look so ugly as you know because actual image that feed is providing is 72px and we manually stretch it to 100px.Limitation:This code assumes that you’re using Picasa, the default for Blogger image storage, for your blog’s photos; if you’re using some other 3rd party this won’t work. So you must have to upload your images to your picasa web album or you can use blogger image upload option too because it also upload your image to Picasa Web Album.What This Code Will Do?This code just attach on your image url that will be like http://1.bp.blogspot.com/-xxxxxxxxxx/s72-c/Your-Image-Name.jpg and will see the s72-c code that is acctuall your image size menas 72px*72px. Now this code will replaced this s72-c code with s100-c so now your image will be big from feed that mean that your image quality will be like 100px image.Here we are going to share the hack from that you can increase and resize your 72px image without loosing any quality in your thumbnail. So just follow the given steps and before proceeding, have a look on its other features too that will help you to understand this code.Features:1.) Simple JavaScript Code.2.) No External File Linked.3.) No JQuery Added.4.) Will Not Intercept Your Other Codes.5.) No Previous Codes To Change.6.) Quick To Load And Easy To Add.7.) Cross Browser Support.8.) No Permission Required To Run JavaScript.9.) Will Resize Your All Images Of Your Blog Feed.10.) Work On Blogger Feed.11.) Will Not Stretch Your Image.12.) Quality Of Picture Will Be HD After Resize.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire “Blog“.3.) Go To “Template“.4.) Click “Edit HTML“.5.) Now “Click” Within Code Box.6.) Press [CTRL+F] To Search Your “Related/Random/Popular/ETC” Code.7.) Now “Copy” The Below Code And “Paste” It After There Code..8.) Click “Save Template” And Done. // Customization:1.) Change YOUR-DESIRED-ID With Your Related/Random/Popular Post Main DIV ID Name.2.) Change 100 With Your Desired Custom Image Width And Height.3.) Save And Done.Last Words:That's all we have. If you have any problem while installing this code in your blogger template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don't forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article...