Skip to main content

How to Upload images and get URL in Blogger ?

 

Upload an image and Get its URL

Alot of bloggers including you and me starts their first blog on blogger.com platform which is a free to use platform by google.

At the begining most of us don't know some of the very basic tricks and tips like getting URL of image is one of those. When i was new to blogger platform then sometime i required URL of an image , luckily i was known to little html and css which i learnt in school.

But many bloggers  don't have knowledge of HTML and coding so they struggle to get URL of an image.

So today in this tutorial i am going to show you how to upload images and get its URL in blogger.
In order to do that just ,

Follow these steps :

Step 1 : Go to Blogger Dashboard and navigate to posts.

Step 2 : click on orange plus to create new post and you will see post editor .

Upload image





Step 3 : In menu bar find image icon just click on it.
Upload from computer



Step 4 : click on upload from computer button and you will see like this.

Get URL of image in blogger


Step 5 : choose any image and let it upload. After uploading completes , just select that image  and your image will be present in the post.

Getting URL of an image


In order to get image URL you have to check its source code. For that click on HTML mode in menu and you will see codings like below.
Get URL of an image




Now go to region where image lies , inorder to reach to image you can read nearby texts in a post . But if post has single image then it will be easy.

Check for <img  src=".............."> tag

Src = " something "

That something is URL of your image . Just select that Text and copy it . Now you can use this URL wherever you want.


Ways of Adding images in blogger blog.

Generally there are three ways of adding images in blogger blog. 
1. Direct Upload
In this method you just upload an image directly from computer and select it.

1. Google photos 
If any image is present in your google photos app or say account then it can be accessed. So if you want to use google photos then at first sign in to your google photos using same google account and upload all photos then you can use them later in posts.

3. Blogger
Generally it is just a library of those used photos so it is useful if you want to use same image twice or if you don't wanna reupload same image. Basically it  is image storage of your blog.

4. By URL
You can use images in blogger by URL . For example websites like pixabay have free images you can copy their URL and use it.

Conclusion

Finally , uploading an image and getting its URL is not very big problem but it is very useful and important trick of blogger . And it is always beneficial if you know it.

This blog contains many such tricks and tips  for new bloggers who have joined the blogging community recently so if you are one of them just.
Check out this blogs other article and also link to this blog please from yours if possible.
Labels:

Comments

Post a Comment

Popular posts from this blog

How to create a static home page in Blogger ?

Do you want step by step guide to create a static home page in blogger ? Well if you want then read this post carefully.  Before that i want to give a little background knowledge about websites. Generally there are about three types of websites in this world and they are static , dynamic and application. Static websites are those which organize their content in such a way that it never up gets updated or say its looks , appearance or written texts are not updated. For example  Websites of college and universities which are written  once and their students or those students who wants to apply reads same thing for year and year. Their website put articles like how to apply , fee structure , scholarships , hostel etc. These articles never get old with every new year it gets new readers. Similarly websites of companies , organization , clubs etc comes under static sites Now lets come to dynamic websites , All those websites which keep on changing or updating their web content are dynamic w
1 comment
Read more

How to add download button in blogger ?

  Do you want to add download button in blogger post ? If yes then you are at the best possible place.  In todays world almost everything is online and there are alot of web based services like watching movies , listening music , reading blogs , social media etc. And among those many websites offer some data to download  and in similar way you  may also provide something to download to  your visitors. And those files can be downloaded simply by clicking a button . So lets understand what is a download button. You should know that download button doesnt exists practically yes almost all website in this world uses download link . And when user click these link then download is triggered and files get downloaded. So i assume that you have this download link and now you want  to set this link in a button in blogger post. Generally these download links are created by file host to trigger download mechanism . Like google drive provide a way to host such files or mediafire or dropbox
1 comment
Read more

How to add links in blogger comment ?

  Do you want to know , how to add links in blogger comment ? If yes then you are at the best possible place. At first blogger comment form doesn't give us any simple button or icon for adding link and sometime its creates problem . Sometime readers may need to put  a link to particular site  in  their comment and they start thinking how to do it and run to google. If you are one of them then i am telling you after reading this post you will be able to add links in comment of both blogger and wordpress blogs. This Method is native way using HTML anchor tag which is given below. <a href="    Your_Link    " > Text to be displayed </a> How to use it ? In comment form write comment and when you need to add link , just add above code and replace your_Link  with link of webpage or any site. And Text to be displayed with your own text. After that publish comment and you  will see a clickable link on comment. DEMO PREVIEW Pro tips :  ( read careful
7 comments
Read more