How to Use Your Blogger Account to Host Images Without publishing

Posted by Oluwajoba Odesanya In , , , | 0 comments»
If you are a blogger and you use the blogger platform for publishing your web logs, you might need to host images at times for use on other sites or just to keep them there.
The reason why it is good to host your images to your own blogger account is simply that if you link from an external source, you don't know when the image might go down. Anything could happen and your image is not there again.
I discovered this technique when I tried to use social sharing icons on my sidebar for the first time. I did not want to link it from an external url so I created a new post put the pictures there but I did not publish the post;
I only left it saved. I now have a number of images in that unpublished post. I even have a couple drafts for this purpose. One is for my Facebook fan page and the other one is for the social icons.

How I did it
  • Log in to your blogger account
  • Click on New post
  • Give the post a Title for easy access in the future
  • Click on the Insert Image icon and upload the images you need
  • After the upload is complete right-click on any image and select Copy Image URL to make use of the image


You can now use the image anywhere you desire. All you just need to do is point your <img> code to that url
For example below is the code I used for the social icons on my sidebar. They are well-arranged because I put them in a Table.


<table width="0" border="0" cellspacing="4" cellpadding="0">
 <tr>
 <td><a href="http://www.techbase.info/feeds/posts/default" target="_blank"><img src="http://4.bp.blogspot.com/-9Np1vX8PzZg/TqTsjSypxfI/AAAAAAAAAic/FUi8NI19Ukc/s1600/rss.png" width="67" alt="Connect via RSS" /></a></td>
 <td><a href="http://facebook.com/joba.kb" target="_blank"><img src="http://3.bp.blogspot.com/-coKiO_WG0IQ/TqTsgE16haI/AAAAAAAAAiM/nZuPN9j6G_8/s1600/facebook2.png" width="67" alt="Connect to me on Facebook" /></a></td>
 <td><a href="http://twitter.com/jobito" target="_blank"><img src="http://4.bp.blogspot.com/-mnVWfSyO05g/TqTskaa5mEI/AAAAAAAAAik/MU598FXi6B8/s1600/tweet2.png" width="67" alt="Connect to Me on Twitter" /></a></td>
<td><a href="http://digg.com/jobito" target="_blank"><img src="http://1.bp.blogspot.com/-ZnWlWV0rbIY/TqTsb77CUAI/AAAAAAAAAiE/toAjyEPcMhs/s1600/digg2.png" width="67" alt="Connect with me on Digg" /></a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

That's all folks!
I used this method to host the image on my Facebook fan page.





Subscribe via RSS or Subscribe by Email.
Like TechBase on Facebook

0 comments:

Post a Comment

Post your comment or feedback