One of the main annoying limitations of blogger is that it does not allow to post animated gifs to the post. The good news is that the Picasa Web Albums , Google service where you stored the images posted on Blogger supports animated images in GIF format.
The problem is that the HTML image, generated automatically by default post editor of Blogger, displays a thumbnail and not the original file hosted on Picasa.Because of that the animation does not work.
This problem can be solved by editing the HTML manually by Replacing the URL of the image displayed in the post with the URL of the link created automatically by Blogger.
In the example below are highlighted respectively: The URL of the original image (green) and the URL of the thumbnail generated by the Blogger post editor (in red):
<div class="separator" style="clear: both; text-align: center;">
<a href=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s320/YouTubeLoad.gif " width="320" /></a></div>
Just replace the address highlighted in red with the address highlighted in green and the animated image will appear on your blog.
<div class="separator" style="clear: both; text-align: center;">
<a href=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src=" http://3.bp.blogspot.com/_mUT2piLt5H0/S8XXw_5DCdI/AAAAAAAANZU/ugV2mhfq2QU/s1600/YouTubeLoad.gif " width="320" /></a></div>
Now this code(with both green url ) will difinately work.
I have been working hard to write the best posts on my blog but some how i am not getting necessary comments. Pls do comment to uplift boost me up.
For Further Reading,
- 6 Tips To Heart-Stopping Post Titles
- Important Tips For Using Labels On Your Blog
- 25 Ways to Use the Web to Find Content
- Best 15+ Blogger Hacks Of All Time
- google wave in blogger?Image based tutorial
- Displaying total number of posts and comments to blogger
- Add Flash Files to your blogger
- Adding animated GIFs to blogger
- Change color and size of default tag cloud in blogger
- Free Tools and Services for Bloggers Part 3
- Website navigation and duplicate content
- Wordpress and Blogger to post via G-mail
- Insert Ads Inside Blogger Posts[Only On Post Pages]
- How to Stop or Unsubscribe from Feedburner Email Updates
- Display More Targeted AdSense Ads on Your Blog
- How to add a Google Picasa Web Album Slideshow
- How to Embed Ad Code Anywhere in Your Blogger Template
- Blogger Comment Posting with Name and URL
- Ad Stripe at Top with blink in blogger blog
- Add A Reply Option To Blogger Comments
0 comments:
Post a Comment