Whenever You need to host your background images, buttons,badges or icons for your website or blog you usually host them on a free image hosting websites like Photobucket, Flickr, ImageShack, TinyPic etc. because blogger does not provide hosting for images other than the main background image, post images, header and picture gadgets.
But here is a simple technique using which you can host all your images on Blogger.com itself. Hosting an image on Blogger.com has two great significant benefits:
Step 1: Just navigate to the post editor to create a new post.
Step 2: add(upload) the image to this post as you do it regularly.
Step 3: Switch to Edit HTML mode. In HTML mode you can see the code for the uploaded image, quite similar like this:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvX7RyswiPCIjtJPpDaf70aCwMjUgU78xRAk8AHB-l7kTUlibOusINdguyphaT1n4wtvXC867MSNH6QEIkoshpOgz1GHaFeNDse1_NMWceoeKS9-hHdgaVHVnYoWJuZX_rKWj5-RG9p8/s1600/nisheeth.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvX7RyswiPCIjtJPpDaf70aCwMjUgU78xRAk8AHB-l7kTUlibOusINdguyphaT1n4wtvXC867MSNH6QEIkoshpOgz1GHaFeNDse1_NMWceoeKS9-hHdgaVHVnYoWJuZX_rKWj5-RG9p8/s320/nisheeth.jpg" /></a></div>
Its clearly visible that the code has two URLs in it.
The first URL (in Blue) comes after “href”. This is the link to your original image. It should come with "s1600" in the path, like this:
http://3.bp.blogspot.com/………………………/s1600/nisheeth.jpg
The second URL (in Green) comes after “src”. This is the link of the image you see on your post.
We need only the first URL, the one with "s1600" as this URL is the direct link to the uploaded image.
Step 4: Now copy and paste this image URL wherever you need to display it in your pages.
Thats it! Exit the post editor and no need to save the post as the image is already stored in Blogger server.
But here is a simple technique using which you can host all your images on Blogger.com itself. Hosting an image on Blogger.com has two great significant benefits:
- Bandwidth: The image hosting websites usually impose bandwidth limit exceeding which will show some other image in your site instead of your own image. Blogger on the other hand, provides unlimited bandwidth.
- Speed: Hosting all images on Blogger will reduce the loading time for your page as Blogger is a part of Google -well known for its super fast servers.
How To Host All Your Images On Blogger
Step 1: Just navigate to the post editor to create a new post.
Step 2: add(upload) the image to this post as you do it regularly.
Step 3: Switch to Edit HTML mode. In HTML mode you can see the code for the uploaded image, quite similar like this:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvX7RyswiPCIjtJPpDaf70aCwMjUgU78xRAk8AHB-l7kTUlibOusINdguyphaT1n4wtvXC867MSNH6QEIkoshpOgz1GHaFeNDse1_NMWceoeKS9-hHdgaVHVnYoWJuZX_rKWj5-RG9p8/s1600/nisheeth.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvX7RyswiPCIjtJPpDaf70aCwMjUgU78xRAk8AHB-l7kTUlibOusINdguyphaT1n4wtvXC867MSNH6QEIkoshpOgz1GHaFeNDse1_NMWceoeKS9-hHdgaVHVnYoWJuZX_rKWj5-RG9p8/s320/nisheeth.jpg" /></a></div>
Its clearly visible that the code has two URLs in it.
The first URL (in Blue) comes after “href”. This is the link to your original image. It should come with "s1600" in the path, like this:
http://3.bp.blogspot.com/………………………/s1600/nisheeth.jpg
The second URL (in Green) comes after “src”. This is the link of the image you see on your post.
We need only the first URL, the one with "s1600" as this URL is the direct link to the uploaded image.
Step 4: Now copy and paste this image URL wherever you need to display it in your pages.
Thats it! Exit the post editor and no need to save the post as the image is already stored in Blogger server.
No comments:
Post a Comment