Animated image in post title

Test animated image in post title. The little animated image in the title above is a downsized version of this animated image below:

Test making images uploaded via Blogger unclickable

The images below are for verifying that the method to make images uploaded via Blogger not clickable and you may try clicking the displayed images that the top 2 when clicked will lead to an enlarged image while the last 2 are not clickable thus verifying the method described works:

===============================

Testing marquee with scrolling pictures

After some initial failed testing, finally succeeded to incorporate horizontal scrolling pictures at Testing Blogger xml templates.

The script used to display those horizontal scrolling graphics is as follows:

<iframe src=" http://site.personnel.free.fr/scroller.htm" height="158" width="100%" scrolling="No" marginheight="0" marginwidth="0" frameborder="0"></iframe>

To do this, it is advisable to first backup whatever page elements (gadgets) that can be backed up and also backup the template so that you can return if anything goes wrong.

Then go to LAYOUT > EDIT HTML to open the template editor and first tick
[ x ] expand widget templates
and search for (make this task easier by keyboard shortcut ctrl+F to find the code):

<div id='header-wrapper'>

and immediately below that line add the iFrame:

<iframe src=" http://site.personnel.free.fr/scroller.htm" height="158" width="100%" scrolling="No" marginheight="0" marginwidth="0" frameborder="0"></iframe>

and thus finally end up with

<div id='header-wrapper'>
<iframe src=" http://site.personnel.free.fr/scroller.htm" height="158" width="100%" scrolling="No" marginheight="0" marginwidth="0" frameborder="0"></iframe>

Preview and if happy, save the template.

Test Blogger graphic upload open new window

Testing Shockwave Flash option for Photobucket

Testing Flash option for free Photobucket image host image hosting. Let us see what we get below:



This is how the above Flash was embedded into this post. First create a free Photobucket image host account, upload and this may be what you see:



Click the option SHARE and you will be presented with a pop-up as follows:



All you need to do is to click the GET LINK CODE tab whereupon you will get 7 options of which the last is FLASH FOR WEBSITES AND BLOGS. Click inside the box for the FLASH option to copy the codes into clipboard, go to Blogger post editor and paste the Flash codes into the post editor window and publish.

Testing uploading animated gif image via Blogger image upload icon

Using <img src="URL of image" />





Related post:
Animated gif images, Blogger and Photoshop

Testing uploading animated gif image

This is an animated gif image uploaded direct via Blogger:



13 July 2008: looks like something has changed. The above image uploaded direct from Blogger photo upload icon wasn't animated before. It is now. Looks like Blogger has upgraded.

This is an image uploaded via Photobucket:



This is an image uploaded via Photobucket and centered:

Conclusion: To upload an animated .gif image and for it to remain animated, you must host it with Photobucket. Instruction on how to do it (writing the HTML, getting it centered, etc. will be published later and a link to the post put here.

UPDATE: The instructions for making the above thumbnails are at Make thumbnail with Irfanview. There are other methods. When I have the time, I will test them and make a post giving instructions.

Related post: Animated gif image, Blogger and Photoshop