--> Direct Linking To Picasa Images. Who Says You Can’t Store-Save-Upload Animated Images in Blogger | Experience Lab - Online business creation and development guide for bloggers and startups

Direct Linking To Picasa Images. Who Says You Can’t Store-Save-Upload Animated Images in Blogger

The reason why you can’t show animated images in your blogger posts once you upload them to your account is really simple to answer. By def...

Animated GIF Image saved in blogger blogspot blog The reason why you can’t show animated images in your blogger posts once you upload them to your account is really simple to answer. By default blogger displays all images uploaded directly from blogger editor as static images and show only one instance of the in-motion image. But there is a way round by which we can really embed animated GIF images in our blogger posts by using the same Picasa Web Album account used by Blogger to store our images. Want to know how? Kindly Follow the steps below,

 

  1. Log Into Your Picasa Web Album Account By Visiting picasa.google.com
  2. Create A New Public Album
  3. Upload Your Animated Image
  4. Obtain The Direct Link To your Uploaded Image
  5. Finally Upload The Image in Your Blogger Editor and Edit it!

 

1.   Log Into Your Picasa Web Album Account By Visiting picasa.google.com

Click the upload button at the top right corner, as shown below,

Upload-button-in-Picasa

 

2.   Create A New Public Album

Once you click the upload button a small window will pop-up.

Click create a new album link 

 Create-a-new-album

 

Set your title and choose the Public Share Option as shown in the image below,

Give-your-Picasa-Album-a-ti  Then click the Continue button to get to step# 3 as discussed below,

3.   Upload Your Animated Image

 

Now browse to locate your image saved in your hard driveBowse-the-file-from-your-ha

And then click Start Upload, which will take you to step # 4

4.   Obtain The Direct Link To your Uploaded Image

After the image is uploaded , a small thumbnail of the image will appear. Click this thumbnail image to get to the original size

 click-the-uploaded-image

 

You will now have to click the link at the right-hand-side entitled “Link to this Photo” as shown below,

Copy-the-direct-link-of-you

Now the important part,

  • Check the image only (no link) box
  • Set image size to original
  • Copy the code under Embed image and that’s the Direct link to your Image!

5.   Finally Upload The Image in Your Blogger Editor and Edit it!

Now go to your blogger Editor and click the image icon to upload an image as you  usually do.

Here you will have two options, either to upload an image from your hard drive Or add an image from the web. If you choose the first option your image will appear static and no animation will occur but since we want the image to appear animated therefore choose the second option and paste the Direct link to your Image just next to URL

Look at the image below for better understanding,

Add-Image-URL-that-you-copi

Alas! you successfully added an animated image to your blogger editor without using Image services like Photobucket etc.

Now you can play with your image by resizing it and aligning it as you normally do.

Edit-Your-Uploaded-Image

 

That’s All!

The Best Shortcut:

If you are using Windows Live Writer than you will simply need to upload the image to your Live Writer from your Hard Drive and that’s it! Once the post is published the image will appear animated by default. I do the same to upload MBT Animated Icons.

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Direct Linking To Picasa Images. Who Says You Can’t Store-Save-Upload Animated Images in Blogger
Direct Linking To Picasa Images. Who Says You Can’t Store-Save-Upload Animated Images in Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy-LqKpeRv6T2nH4cuhom8NuFq9G_0vSUofQ9M9F6iKfslkUFg8Gun3jdb4FWbB0nwNZ_FY1Y_jQLPL8cHUVtyiMI4vEl3vSQet-LlHinkampcK-PaZRWmON2EodDD76lHVn0xxYjbnWjD/s800/Animated%20Picasa.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBCfuxvx3NHl2DxCCcZvnf7bqS8TQPfZh7EfwMG7-BJdHX_Ocu42C-389PzE_tNBezdDngRMeiqOL9dZUY9S7GAkJi1XX_tFmw4CHEm-r-MwXMFB4X5uAkNBQShjDiWlTD-anchNvR-fo/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2009/09/direct-linking-to-picasa-images-who.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2009/09/direct-linking-to-picasa-images-who.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy