from the blog.

Blogger / Blogspot High Resolution Pictures

I have been using Blogger for so long and getting attached to it, its gonna be hard when I actually decide to use WordPress. That is if I stop being a cheapskate and decide to spend on hosting and a domain name lol!

Anyway, one of the limitations of blogger is that its hard to handle pictures uploaded on the blog itself. The picture is linked to its high resolution version by default and has a scaled down version embedded on the post itself. But what if I want a high-resolution version embedded on my post?

An image uploaded to Blogger has this format:

It has mouseover (cursor looks like a hand when you hover over the image) and link attributes automatically. If you want to remove the link attriburte first, you can do so in the WYSWYG editor. If you want a higher resolution image, you’d think you’ll just have to change the width: and height: attributes right? Wrong. You’ll just have a large-sized but low resolution version of the picture – very un-pleasant. This happens even if you upload a large resolution picture. You’ll notice that Blogger automatically scales it down to a small, embedded image wherein you can view the full resolution version if you click on the small image, kinda like a thumbnail.

So how do we embed high resolution photos to Blogger?

Simple. Remove the link attribute using the WYSWYG first (not really required but it makes things easier at this point. You can always set a link later.) Then just look for the s400 code on the image URL. This differs based on the image size you choose when you upload the image.

It should look like this:
http://4.bp.blogspot.com/_Yq0Kszc3fRY/S1k5md6rhII/AAAAAAAAAOQ/GjMVT_fA8uY/s1600/10118_1261125166245_1173165666_807047_6586205_n.jpg

You can edit that code. You can put either s800 or s1600 for higher resolution. Then just edit the height: and width: attributes according to the exact resolution you want. Remember, you should have a high-resolution image to start with.


using s400


using s1600

SEO Tip: Before uploading your image, name it with the keyword you are targetting for your post. Use the “Alt=” attribute too. Put it your targeted keyword. No matter how long or how many keywords you put in, its ok.

You may also like

Hay! Men! Ang Blog ng mga Tunay na Lalake Is Gone

I peaked at my reader subscriptions and saw a Paalam, baby post on Hay! Men! thinking its just another post with some funny anecdote. I thought they were going downhill and were having problems with commenters but this is still a big surprise. The blog is wiped clean leave for the mentioned post. The league […]

Opening An EON Account In Union Bank For Paypal In The Philippines

So even though I got my Google check weeks ago, I only got around to what do it with it today. After much deliberation, I have decided to open an account in Union Bank. I called up Citibank and they said that I can only encash it in Makati. I considered that but I thought […]

Philippine Road Signs Recommendation Straight from the Internet

Sometimes, profanity helps you get the message across, especially to people who insist on risking their lives even though the government has spent thousands of pesos to build pedestrian overpasses for their safety and convenience. This might be an effective way to get jaywalkers off our streets.more at: http://technogra.ph/20090527/asides/a-recommendation-for-the-mmda-straight-from-the-internet/