Test size of animated gif images

To make bigger by adding the attribute width="350"



To make bigger by adding the attribute width="50"

Testing image in title with <img> tag.

Test uploading photos direct via Windows Live Writer

Here is a photo
Photo of Anita Sarawak Dinner at Shangrila Hotel uploaded direct from computer


Here is an album uploaded direct from computer

View Full Album

This test post is the precursor of Publish text and picture direct from computer with Windows Live Editor

This is a test edit of this post after it has been published and also to address the concern of a reader that editing will result in a new post. Here goes.

Test download image first uploaded via Blogger

Photo below obtained by first clicking on original displayed (Blogger blog) image to open the enlarged photo, right-click and save, then going to post editor, upload and see - you only get a tiny image. Now let me try some trick. See also method 2 and method 3

Method 2

Method 3

Edit HTML to display photo enlarged

Test inserting photos with Windows Live Writer

Let us see what happens when I try to insert a photo below with Windows Live Writer:

I end up with this code to display the picture with is a QR code for my main blog Blogger Tips and Tricks (if you have an iPhone, iPad or Android phone or mobile device try taking a photo of the above QR code and see if it takes you to my main blog):

<p><a href="$qr delivr dot com[2].png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="qr delivr dot com" border="0" alt="qr delivr dot com" src="$qr delivr dot com_thumb.png" width="234" height="234" /></a></p> Now let's see what happens when I publish this post via Windows Live Writer

Update: Now I am editing this post direct in Blogger post editor. I see the above code for the picture replaced by these codes:

<p><a href="http://lh4.ggpht.com/_1354hN3vRng/TSUL1Sado0I/AAAAAAAAATo/2sW-D6wKZh8/s1600-h/qr%20delivr%20dot%20com%5B2%5D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="qr delivr dot com" border="0" alt="qr delivr dot com" src="http://lh4.ggpht.com/_1354hN3vRng/TSUL2OBuwgI/AAAAAAAAATs/KWveg39zjns/qr%20delivr%20dot%20com_thumb.png?imgmax=800" width="234" height="234" /></a></p>

Note that the photo is no longer hosted by Blogger, but I can't tell what service is hosting the photo. Perhaps Microsoft?

Now this will be the ideal solution for those bloggers who are reaching their 1Gigabytes limit for uploading photos to Blogger. Upload your pictures through Windows Live Writer instead.

Now regarding the reliability of the webhost for the above photo ggpht.com (we need to know that the photo will be online for a long long time). Unfortunately Whois.net only revealed that the registra is Markmonitor Inc., not the owner of the domain:

Domain Name: GGPHT.COM
Registrar: MARKMONITOR INC.
Whois Server: whois.markmonitor.com
Referral URL: http://www.markmonitor.com
Name Server: NS1.GOOGLE.COM
Name Server: NS2.GOOGLE.COM
Name Server: NS3.GOOGLE.COM
Name Server: NS4.GOOGLE.COM
Status: clientDeleteProhibited
Status: clientTransferProhibited
Status: clientUpdateProhibited
Status: serverDeleteProhibited
Status: serverTransferProhibited
Status: serverUpdateProhibited
Updated Date: 15-dec-2010
Creation Date: 16-jan-2008
Expiration Date: 16-jan-2012

However, what is interesting is, Blogger.com has the same registra markmonitor.com

Domain Name: BLOGGER.COM
Registrar: MARKMONITOR INC.
Whois Server: whois.markmonitor.com
Referral URL: http://www.markmonitor.com
Name Server: NS1.GOOGLE.COM
Name Server: NS2.GOOGLE.COM
Name Server: NS3.GOOGLE.COM
Name Server: NS4.GOOGLE.COM
Status: clientDeleteProhibited
Status: clientTransferProhibited
Status: clientUpdateProhibited
Status: serverDeleteProhibited
Status: serverTransferProhibited
Status: serverUpdateProhibited
Updated Date: 15-sep-2010
Creation Date: 22-jun-1999
Expiration Date: 22-jun-2011

Test removing border from image

The photo displayed below uses codes sent to me by a blogger and as you can see, there is a border:




Compare with the photo below and you can see that the border has been removed:




The border was removed by adding this inline CSS style="border:none;" immediately after the img tag. For further details, see How to remove border in images uploaded by Blogger.com

Test profile photo for post title

Test remove border image old post editor

Testing removing border for a blogger for image uploaded via the old Blogger post editor using instructions from Remove image border for images uploaded via Blogger updated post editor:



HTML to display image above:

Update: As a result of testing, I have found out that the inline CSS style="border:none;" must be placed before src="photo URL" and not after, preferably immediately after img. The HTML code below will result in image with a border. The image from the photo above is not displaying a border because style="border:none;" was moved. For more details, refer to remove border from photos uploaded via Blogger photo upload icon.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPf1NWuRricYl-AtZx13G5DDr6Pk0Yn8c4s7bPdoK-78u5oQu9SBDcPvPfgtPYK1vW3toUh28vfmDrjXFwqv7XVUFf-Wbl87hYl2ihoVN_dcr52ySsgld5iRE2U-EMcP1Kr3gWKQaeI9-P/s1600/_DSC5044.jpg" style="border:none;"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 233px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPf1NWuRricYl-AtZx13G5DDr6Pk0Yn8c4s7bPdoK-78u5oQu9SBDcPvPfgtPYK1vW3toUh28vfmDrjXFwqv7XVUFf-Wbl87hYl2ihoVN_dcr52ySsgld5iRE2U-EMcP1Kr3gWKQaeI9-P/s400/_DSC5044.jpg" alt="" id="BLOGGER_PHOTO_ID_5481529183870059394" style="border:none;" border="0" /></a>

---

HTML to display the photo below is take from How to remove border from images uploaded via the new updated Blogger post editor:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXaOydhZoN32Y3R0hA3c96eGGfR94_vKoalP0LS1rBTq2Y5vOQerKpRnA14AODuwCAPgnnzvbDyM71tTL28n-hUAdYlxItDrPElFbWsGm4YLs0tHBAFrr6pxEJc4opYU7bbR4F3QgU-tg/s1600-h/kimchi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img style="border:none;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXaOydhZoN32Y3R0hA3c96eGGfR94_vKoalP0LS1rBTq2Y5vOQerKpRnA14AODuwCAPgnnzvbDyM71tTL28n-hUAdYlxItDrPElFbWsGm4YLs0tHBAFrr6pxEJc4opYU7bbR4F3QgU-tg/s320/kimchi.jpg" /></a>
</div>

---

The HTML to display the image below is taken from How to remove border of images uploaded via old Blogger post editor (with HTML below the photo:



HTML in the scroll box below:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/x/blogger/1313/787/1600/396073/Sibu%20Island%20-%20Johore%20800x400px.jpg"><img style="border:none;" "display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://photos1.blogger.com/x/blogger/1313/787/400/161663/Sibu%20Island%20-%20Johore%20800x400px.jpg" border="0" alt="Sibu Island, Johore 800x400px" /></a>

Test Blogger graphic upload open new window

Testing updated post editor image upload

Note that the above picture has no border which was effected by adding style="border:none;" to the <img> tag as per How to remove border for images uploaded via Blogger post editor

Testing "Copy image location"

Blog*star
Blog*Star

Copy image location
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtpX5o6twXdj-PiE9zylTL4EqPYW8VOiv8YutRczzcm1jDYCH6Py9-XnfLcUaEe0o5ln6NSDzlCVDuF8BmOASh2wpk7G_wTpNtjhQK_DB0mGCn9DY4NQtL3WTuNYbbAMOicDdmnxXJc0/s400/BlogStar.jpg



View image
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtpX5o6twXdj-PiE9zylTL4EqPYW8VOiv8YutRczzcm1jDYCH6Py9-XnfLcUaEe0o5ln6NSDzlCVDuF8BmOASh2wpk7G_wTpNtjhQK_DB0mGCn9DY4NQtL3WTuNYbbAMOicDdmnxXJc0/s400/BlogStar.jpg


(cannot view source)
================
Click on image
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtpX5o6twXdj-PiE9zylTL4EqPYW8VOiv8YutRczzcm1jDYCH6Py9-XnfLcUaEe0o5ln6NSDzlCVDuF8BmOASh2wpk7G_wTpNtjhQK_DB0mGCn9DY4NQtL3WTuNYbbAMOicDdmnxXJc0/s1600-h/BlogStar.jpg



View source
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtpX5o6twXdj-PiE9zylTL4EqPYW8VOiv8YutRczzcm1jDYCH6Py9-XnfLcUaEe0o5ln6NSDzlCVDuF8BmOASh2wpk7G_wTpNtjhQK_DB0mGCn9DY4NQtL3WTuNYbbAMOicDdmnxXJc0/s1600/BlogStar.jpg

Testing thumbnails making with ShareAPic

I tested making a thumbnail album at Candlelight vigil at Dataran Petaling Jaya.

Conclusion: Making the thumbnail album is as easy as ABC. Just upload the photos, copy the given HTML codes and paste it into the Blogger post editor and publish.

Displaying large photos - test

Refer to Lewis Chew - world's youngest cyclist where 3 photos are displayed using different methods of uploading.

.

Result of the test: You cannot display photo full-size by uploading to a free photobucket account. The photo is resized to 800 pixels wide photo.

To display photo in its full size, I suspect you would have to either host the photo in a paid photobucket account or, as proven in Lewis Chew - world's youngest cyclist, get Blogger to host the photo and then use <img src="photo URL" /> to display the photo.

Test align left for caption for photos uploaded via Blogger photo upload icon

A blogger at Add caption to images uploaded via the Blogger photo upload icon how to align caption to the left. I have no idea but the only way to know is to test and that is what this blog is for. The result of the first test had been captured in the screenshot below:



The script used to display the above is shown inside the scroll box below:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s1600-h/Kelana+Jaya+pasar+tani+stalls.JPG"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s200/Kelana+Jaya+pasar+tani+stalls.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5166982542904398018" />Farmers' Market (Pasar Tani)</a>
<br /><br />
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s1600-h/Kelana+Jaya+pasar+tani+stalls.JPG"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s200/Kelana+Jaya+pasar+tani+stalls.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5166982542904398018" /><span style="text-align:left;">Farmers' Market (Pasar Tani)</span></a>
<br /><br />
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s1600-h/Kelana+Jaya+pasar+tani+stalls.JPG"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s200/Kelana+Jaya+pasar+tani+stalls.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5166982542904398018" /><div style="text-align:left;">Farmers' Market (Pasar Tani)</div></a>

The script above display a screenshot with a border which extend into the left sidebar in some web browsers like the Flock social web browser. The border was removed using method described in Get rid of border in images uploaded via the Blogger photo upload icon (click BACK button to get back to this page)


Even using the HTML tag <br />, could not force the subsequent photo to be displayed to the left except for the third one, and I suspect if I had used a small photo for the test, even that one will not be aligned to the left although all of them have the script to make the image display to the left. Now the other thing to do is to delete the first two script, leaving the third one standing alone below:

Farmers' Market (Pasar Tani)

Still no luck. That means the method used above cannot be used to align the caption to the left and that means we will have to test other alternatives:

Farmers' Market (Pasar Tani)

This was tough. The above was added first using the tag <div style="text-align:left;">, which in most cases put whatever comes after in a separate line, but that didn't work. So I had to add a <br /> tag to force a line break to make the photo above display in a separate line. Now I also used a HTML table tag <table> to make the caption. Most likely, the first way I used the <table> would end up looking the same as the following more simple method, so I added a border to table by adding a border attribute to the HTML table tag <table border="1">

The script to display the above photo with a caption is shown in the scroll box below:

<br />
<div style="text-align:left;"><table border="1"><tr><td><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s1600-h/Kelana+Jaya+pasar+tani+stalls.JPG"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpxn_-3TP04MMUkc2FdAm_YOCrF1_JwQIcqKy4NIn8FRCy5Jb9DQtcu_5SDjsKJitIV-5H7is9HwJ7UWBNlzLHjRWN5z7J-vtD5LWG-qWtfTsJmA9euJjWpduWGkTwEZpSJ7I8px8gk_C/s200/Kelana+Jaya+pasar+tani+stalls.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5166982542904398018" /></a></td></tr><tr><td>Farmers' Market (Pasar Tani)</td></tr></table></div>

Now I am going to try a simpler way without using the table tag <table>



Farmers' Market (Pasar Tani)

Conclusion: I give up. You will have to use the table tag <table>. The above attempted simpler method failed, even after adding a <br /> tag to for a line break, and when that failed, pressing a "ENTER" or "RETURN" key (which has about the same effect as adding a <br /> tag. If you want to use the above simpler method, you will have to keep pressing the "ENTER", previewing, pressing "ENTER" again, etc., until you get the caption below the photo.

How to adjust the height of the Header with a graphic as a background

A blog reader asked how to reduce the Header height of a blog with a graphic background in a comment in this post Adding graphic to your blog Header (click BACK button to get back to this post), and I have done that before in this blog: Business, travel and leisure. However, it was sometime back. I can only guess now. I think what I did was first crop the graphic with Irfanview to the proper height, upload the graphic to the web (this can be done using various methods including what is described in this post Getting New Blogger to host your pictures for the profile photo, sidebar, header, etc or using an external host like Photobucket, then getting the URL to the photo on the web.

Now you need to tamper with your template and a good thing to do is always to backup your template before you do that. If you are unfamiliar with how to do it, you should refer to Backing up and changing templates for the New Blogger which will also show you how to get to the template editor.

Now, in the template editor window, I think I looked for the blocks

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:#FFFFFF;
}

and then added

background: url(http://.......

so that the block of codes become

#header {
margin: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTETiKvhpKDzYy0w4mT8bRE7d-DeEZugM5mZnBvlOaYGlb3BA1SVXIwAz16X2wwTnxWZ1tTPtgTd8oTf9IvXPL3cnR6ho67rLu6oh5tJsB89ktZH4dFcjaBvCdhKH7ZXcw3AQptubNypk/s1600/Bukit+Tinggi,%2BPahang%2BHEADER%2BGRAOHIC.jpg);
border: 1px solid $bordercolor;
text-align: center;
color:#FFFFFF;
}

I am not very sure if that was the method, and if I have the time, perhaps I will test it again and see if that was what I did. And if I do that, I will make an update here.

Photo of traditional kite flying in Kelantan, Malaysia

Traditional Malay Kite Flying

Reason for uploading this photo via Blogger photo upload icon, Phydeaux3 reported when uploading photos via Blogger, Beta IP and Image Hosting Changes (close new window/tab to get back to this page). I just wanted to test if it is so.

Another reason - doing my bit for my country. 2007 is Visit Malaysia Year and hoping to promote tourism to Malaysia via this photo of a Malay dressed in traditional garb flying a traditional kite in the East Coast of Peninsular Malaysia. The photo is copyrighted by Tourism Malaysia, but is free to use to promote Malaysia. Lots of programs are being and have been planned for the enjoyment of visitors. You can view the programs and also other aspects of Malaysia at Guide to Malaysia (close new window/tab to get back to this page).

Traditionally, photos uploaded via Blogger are hosted at
http://photos1.blogger.com/....
Sure enough, as reported by Phydeaux3, the photo above is now hosted at
http://4.bp.blogspot.com/.....

If you want the actual URL of the above photo, click on it and you can get the URL from the address bar in the resulting webpage or hover your mouse over the photo and observe the URL in the taskbar or in a "pop-up", depending on your browser.

Update 28 February 2007: Previously, the photo stay on the web even if you delete the post or the photo. Now, when you delete the photo or the post, the photo is deleted from the web. This may be good news for those who post a lot of photos and are worried about exceeding the 300MB limit. Another change in New Blogger. Previously, if you delete the photo or the post containing the photo, the photo remains on the web. Now, if you delete either, your photo is also deleted from the web. See post Uploading photos and deleting posts in New Blogger (formerly Blogger Beta).

Testing uploading of a large photo to Blogger Beta blog

Someone said that when he uploaded a photo to a Blogger beta blog via Blogger photo upload icon, it was not resized, but came out huge. This is a suprise to me, so to see if it is really so, I am going to upload a really huge photo (3.30 MB or 2487 x2528 pixels) and see what happens (I chose CENTER and LARGE for the upload):
Petronas Twin Tower
Well, it turns out OK. It took me 5 minutes to upload. I viewed it with Opera, but just to make sure it doesn't cause any problem in Internet Explorer, I also viewed the post in IE (large screen) and it also turned out OK. The sidebars are where they should be. I also resized the screen to 800x600 resolution by pasting javascript:top.resizeTo(800,600) into the address bar, and it still was OK.

BTW, the image is the Petronas Twin Towers, what used to be the tallest building in the world, and is copyrighted by Tourism Malaysia. It can be used for promoting Malaysia. I am also helping to promote Malaysia by posting the image here and also giving a link to my other blog Guide to Malaysia (click "BACK" button to get back to this page). Malaysia will be having a Visit Malaysia Year 2007 and we hope to see you there.

Testing uploading of profile photo in Blogger Beta

Latest Update: Further down the post would be a description of my testing the limit for the character count for the URL of Blogger Beta profile photo. It must be 256 or less compared with 68 characters for Blogger classic. Just wanted you to have the information without having to read till the bottom of the post.

The method of uploading a photo to the profile is the same in Blogger classic as well as Blogger beta. One click EDIT PROFILE in the Dashboard and then enter the URL of the photo into the field for Photo URL. Blogger classic impose a limit of maximum 68-character for the URL of the profile. I want to test if there had been any changes in Blogger Beta. I have thus used a photo already uploaded via Blogger. The URL for that photo is

http://photos1.blogger.com/blogger2/595/342800878082638/1600/beta%20spell%20check.jpg

The image is actually a screenshot in one of my posts. There are 85 characters in the URL. I have tried to put this in the profile of a classic blog, and have confirmed that it is not accepted. Error message is "URL exceeds the 68-character maximum length."

I then entered the same URL into the field for the Photo URL in this (Blogger beta) blog, and the profile saved without any problem and I have confirmed the photo can be viewed in one of my beta blog. I will be removing it as I don't plan to put a profile photo for my beta blog. So, for posterity, I put a screenshot of the profile below:.

I have tried to find some information for the limit for the profile photo URL in the Help files but failed. So I don't know if URL exceeding 85 characters will be accepted. If I find a photo with URL exceeding 85 characters, I will try again.

There are various methods of hosting photos for blog profile. One is hosting it with a third party photo host like photobucket. Another is uploading the photo into a blogger post and getting the URL from there. See post How to get Blogger to host your photo for the profile, etc. (close new window to get back to this page). I prefer to host my photos with Blogger as the photos (and the blog) will as as long as Blogger stay in business, which is expected to be a very long time as it is owned by the giant Google. Further, if you use a free account in photobucket, there is a requirement that you log in at least once in 3 months, otherwise your account gets deleted, and your photo goes with it. And photobucket has to stay in business for your photos to stay. I have greater confidence in the staying power of Blogger.

However, there is a disadvantage of hosting the photo with Blogger, that is, its URL is usually long, as the example above shows. And if you are using Blogger classic, that is an impediment. Looks like with Blogger beta, that impediment has largely been removed, as Blogger beta accept photo URL with longer character length.

UPDATE: 18 November 2007: Now I have an image with 109 characters in the URL. I am going to test if putting 109 characters URL for the profile photo can be accepted by Blogger Beta (testing the limit). Result: it was accepted. Anyone has a photo with an URL greater than 109 characters?

Found one with 279 characters, now trying. Result: Not accepted. Error message: "Must be at most 256 characters". So now we know the limit for the URL of the profile photo. It cannot be more than 256 characters.

Testing manipulating images in Blogger Beta

UDDATE 28 December 2006: It is now possible to resize the photo in the COMPOSE mode by grabing the corner or the side of the photo in IE7 and FireFox 1.5.0.9 as describe in the post below, and also to drag and drop the photo to another position. It still can't be done with Opera.

UPDATE 1 November 2006: I just tested manipulating the image uploaded via Blogger Beta and have found that I am able to change the size of the image in the COMPOSE mode by clicking on the corners or the sides and dragging, but still cannot drag and drop it to another position. This is with FireFox. With Opera, I can't even click on the corners or the sides. I tried it again on 5 November 2006 and got the same result. In Opera, your can right-click on the image, select "Cut" and drop it in another location though. Reporting problem to Blogger support, don't expect an answer, but hope that they got the message and are working on it.

I have done a post which describe how to manipulate images with Blogger at Uploading and manipulating images in Blogger. I did that test in another post Sepang Formula One Racing Circuit.

I am reporting the result of that test here. Images cannot be resized and reposition in the methods decribed in the post Uploading and manipulating images in Blogger. I tried to resize the photo by trying to grab the corner of the photo to drag in the COMPOSE mode, but failed. I tried to change the width of the photo by trying to grab the side of the photo to drag and failed too. I also tried to reposition the photo by grabbing and dragging the photo, and that failed too.

The only way I can reposition the photo is by going to the EDIT HTML mode, highlighting the HTML for the image (if you don't know how the HTML looks, refer to Uploading and manipulating images in Blogger), right-click and select cut, and post it in the position I want.

If you want to resize the image, you will have to add height="" width="" to your <img> tag. To keep your image undistorted, you will have to choose the number (pixels) you put within "" properly to keep the aspect ratio. Using the free Irfanview photo editor may help you in this task. If you don't know how, add a comment in the comments section and I may redo this post or do a post on using Irfanview. To help you decide on how to add these attributes, I will post a screenshot of the image HTML generated by Blogger with the width and height attribute added. See screenshot below (click to enlarge):


UPDATE: The post on using Irfanview has been done. You can see it here: Using Irfanview photo editor for your Blogger blogs (close new window to come back to this page).

Testing uploading photos again.

There again has been numerous complaints about difficulties in uploading photos in Blogger Beta again, so I am going to do a second tests, again using different browsers. I am in Opera right now, and I am going to try to upload one:

Well, that was done in just a few seconds.

Now, I am in Internet Explorer. I will try to upload a picture. It said DONE, but clicking DONE reveal no photo. Same problem as before. Now, switching to FireFox.

Uploading photo in FireFox now:

Success on the first attempt.

10th September, 06. Trying again with Internet Explorer.

Well, the photo got uploaded on the first attempt. So if you have failed before, the thing is to try and try again until you succeed.

BTW the photos are at the curtesy of Tourism Malaysia. Malaysia is having a big Visit Malaysia Year in 2007 and they are having tons of things in line for tourists. Do make it a date in your calender.

Note: Photographps are copyrighted by Tourism Malaysia. You are free to use them, but you will have to get the their permission first. They can be contacted at Email: enquiries@tourism.gov.my

UPDATE: There are still many reports of people having problems uploading photos. I seemedn to be the lucky one in not having much difficulties. If you are having difficulties, you may be interested that someone have tried this: in the upload photo form do a forced refresh (ctrl+F5). He said that that solved his problem. And another concurred. So it is worth a try.