![Embedanimageonsteemit.png](https://steemitimages.com/DQmUE42Vwurgadqna6heY1rtnaZpGVPEm6gZ39Zg3FL5ZH4/Embedanimageonsteemit.png)

In this post we are going to learn how to embed an Image, allowing you to attach external web-links to pictures, all using Steemit's built-in Raw Markdown Editor  

You’ll learn how you can embed your image directly using Markdown! Yep, but first, why would you want to? In a word, portability.

*While most of you may already know how to embed a link to Text, many of you might be unfamiliar on how to attach a link to an image. When writing out post for Steemit, an embedded link is usually attached to Text, but you can actually use a uploaded Picture to directly embed a website URL, resulting in *‘’clickable images’’* that redirects readers to a specific  Website*

First, decide what you want to Upload and keep in mind that it should be a clickable image! No one is going to click on something that is offensive and it’s best to use pictures that are eye-catching in order to attract readers. The image should hint that it should be clicked, once readers do so they will be redirected to the desired external webpage

_____
# Step 1  Upload Image & insert the Link in between 2 Closed Brackets “ [ ] “

To embed an image in your Steemit Post, first upload the image by dragging the Picture into the Markdown Editor once uploaded, a user should see a long code which they will need to place in between 2 Brackets [ ], as if you’re trying to contain the the entire image link in between the two brackets starting with ‘’[ ‘’ & ending with “]”

![Uploading Steemit Image URL (2).png](https://steemitimages.com/DQmTrXQxodVTwLFXqwbono1dMN91zXD9MscpSvBtBPoPfVX/Uploading%20Steemit%20Image%20URL%20(2).png)

# Step 2 Insert your External Web Link in between 2 Parentheses “ ( ) “ 
Inside the parentheses, put the URL where you want the link to point to so that it will redirect users when clicked upon

![Uploading Steemit Image URL (3).png](https://steemitimages.com/DQmXpNzCj5DsC5bwuXWGdXdhziezwor21JuVJSEfMWnFppx/Uploading%20Steemit%20Image%20URL%20(3).png)

# Step 3  Combine both the Closed Brackets and Parentheses together
The closing Brackets must not be separated with Parentheses via space or symbol, in order for the Raw Markdown Editor to recognize the code

<center>Light blue Text - The  Image code you will get when you upload a Picture
Light Green Text - The Web URL that redirects you to external Website/Page
Red Symbol - 2 Closed Brackets = [  ] , start with [ open right & finish with ] open left
Purple Symbol - 2 Parentheses = (  ) , start with ( open right & finish with ) open left</center>


![closedbrackets&parenthesesteemitguide.png](https://steemitimages.com/DQmZuViiZJzfj13d8sh4T92H4hEQG8pHFSq82cRDJGkH16Y/closedbrackets%26parenthesesteemitguide.png)


Hope this will help you out! I been wanting to post more content lately but been caught up with a lot of Work lately, especially now that I'm prepared to pursue my studies in Germany. Let me know if there is anything you want me to do a write up on, that will help other Steemians!

Check out some of my past posts, I try to keep it simple so that it might help you improve your Markdown Writing!  Reaching a potential Milestone of  2k Followers, this is right time to say **''thank you for all the support''**. Everything earned from this posts will be going to my Step Brother for his Leukemia Treatment, he is healthy and treatment seems to be going well! Appreciate all the positivity in life and I really did miss writing on Steemit after 2 weeks, so hit me up in the comment section if you need me to some help to get started on here

<center><h1>Check out my Introduction Post</h1></center>

[![FireShot Capture 444 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmboA3Ap4ur9oBXk79QP943uQvRwhoyMXdzqLp3rDEfpG9/FireShot%20Capture%20444%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/introduceyourself/@steemitguide/crowdsourced-marketing-with-steemit-a-more-detailed-introduction-post-about-steemitguide-a-dedicated-malaysian-steemian)

[![FireShot Capture 445 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmZmZA9AUb6bJtXooK1SiEBZswwde11jor5o6Rryce9iMm/FireShot%20Capture%20445%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/steemit-s-1st-south-east-asian-guest-house-to-accept-steem-dollar-and-steem-we-support-a-sharing-economy-and-you-should-to-book)

<center><h1>More  Markdown & Educational Post</h1></center>

[![FireShot Capture 437 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmPE1LzAgBwvexqgxDtfZ39JkoK1GEV84FbLHrjKfNeruk/FireShot%20Capture%20437%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers)

[![FireShot Capture 438 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmYiJsmit5t1Ar4LkkMWF13hrPwAYPbeHEEjz1HjNujR9m/FireShot%20Capture%20438%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/editing-basic-fonts-steemit-markdown-beginner-level-1-learn-how-to-style-your-font-with-headers-bold-and-italic-text)

[![FireShot Capture 441 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmVUHpPETJHJ75D6SzymGVgbhjvojV9FWA23eXjjmJbMcV/FireShot%20Capture%20441%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/a-complete-guide-on-steemit-permission-keys-posting-owner-active-memo-digital-passwords-with-unique-functionality-that-allows)

[![FireShot Capture 440 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmcDenN66qpPVreDfo74dtuprzNsqp6qjU6ZzY5H5ftmsy/FireShot%20Capture%20440%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/become-an-expert-at-monitoring-your-financial-activity-on-steemit-by-using-handy-tools-to-keep-track-of-your-steem-steem-power)

[![FireShot Capture 446 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmRvcwxqG9ruFrZymaTvjJDt7C4EHGCGKKn1hE7oMrwSiu/FireShot%20Capture%20446%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/how-to-contruct-a-2-or-3-column-table-using-steemit-s-raw-markdown-editor-tutorial-and-codes-for-beginners)

[![FireShot Capture 442 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmWBJofXVv1tqfF6HdfvPWRSBYCXwefShR3UBCPJtyrUJ4/FireShot%20Capture%20442%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/how-to-search-any-hashtags-topics-that-are-less-popular-on-steemit-and-learn-3-common-types-of-hashtags-to-use-on-social-media)

[![FireShot Capture 443 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmSXxjDz21oLoFeFmprp58GynVmXwX5GccirD2EbttNWPn/FireShot%20Capture%20443%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/how-to-add-gif-using-steemit-s-raw-markdown-editor-and-more-guides-and-tutorials-to-help-you-edit-your-post-like-a-pro)

[![FireShot Capture 448 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmd9LX31Tjgy21HcHKemxssraeyQDY79UDGGGxYgJYa2Ev/FireShot%20Capture%20448%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/how-to-insert-2-columns-and-edit-text-style-with-equivalent-html-tags-using-steemit-s-raw-markdown-editor)

[![FireShot Capture 439 - SteemitGuide (@steemitguide) — Steemit - https___steemit.com_@steemitguide.png](https://steemitimages.com/DQmSQi5nZvWhU6MiD5WtMFC6MUnZqSBRctDRv3zRUDWrPs2/FireShot%20Capture%20439%20-%20SteemitGuide%20(%40steemitguide)%20%E2%80%94%20Steemit%20-%20https___steemit.com_%40steemitguide.png)](https://steemit.com/steemit/@steemitguide/the-reason-why-steem-is-deemed-a-decentralized-blockchain-that-stores-metadata-submitted-via-steemit-or-third-party-applications)