[Easy Markdown] External link IN a picture on my blog?

davidke20 (74)in #steempress • 6 years ago

Since the beginning of #cn-voice, we believe there will be more new comer in participating voice contest. Some of the Karaoke app, we really like them much, especially WeSing by Tencent, majority of us like to use their backing track and sing Karaoke with our phone. What if we made an MTV? Instead of putting up a row of link text, might as well make a screenshot and hyperlink the photo to make the blog more neat and tidy.

Preparation of title photo

First, go to the singing app, record the song in the first place. Now once we see something that might be a good head turner, make a snapshot of the WeSing interface. You may do some editing first, and then upload to Dapp. I'd personally prefer Steemit platform.

引用已上传图像

Once upload to Steemit completed, copy the link and paste it to the editor you're planning to use for publication. The above pictures are the link from below. I've use coding bracket to include the link there so it wouldn't turn into pictures.
https://cdn.steemitimages.com/DQmd6xrCRt3Ta2VwPyqxLiuy3oYHCuAGLDq2HM9JT7Jq28Z/image.png

Fetch the URL to share the recorded song

Go back to WeSing, hit the Share button, and press COPY URL. We can post the URL directly in Steemit or any other editor. Again, would you like to have nice picture on your blog, but need to put a URL below or above the good photo?
http://kg.qq.com/share.html?s=UHXfZkUpcDbYAU_H

Combine the Screenshot and insert a link

Following below codes, we can change the IMAGE and the URL and make a proper image hyperlink. This picture is the example of hyperlink on image HTML. You may follow below codes and replace them with your own IMAGE, URL and also DESCRIPTION
Here's how I make the above link：

<a

href="http://kg.qq.com/share.html?s=UHXfZkUpcDbYAU_H"><img

src="https://cdn.steemitimages.com/DQmd6xrCRt3Ta2VwPyqxLiuy3oYHCuAGLDq2HM9JT7Jq28Z/image.png"

alt="和猪猪侠合唱海阔天空" /></a>

You can do it this way, by replacing all the CAPITAL LETTERS

<a href="INSERT URL HERE"><img src="INSERT SCREENSHOT/PHOTO HERE" alt="YOUR DESCRIPTION ABOUT THE IMAGE OR THE CONTEST" /></a>

That is all, pretty simple am I right. Now everybody will be able to quickly compile their signing and let's pictures be the link to share our beautiful voice. Let us work together and make Steemit great again. Sing a song, record the song, take a snaphost, upload them and author a post about the song you sang. and stand a chance to win the mini contest.

I would like to thank all my friends and family who has been supporting me. Feel free to leave me feedback by clicking below yellow banner. > 谢谢大家一直以来的支持和对我疼爱有加。如果方便，请你点击下图到我的个人资料网页为我留言请我吃星星哈。