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

in #steempress5 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


image.png

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.

引用已上传图像


image.png

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


image.png

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. > 谢谢大家一直以来的支持和对我疼爱有加。如果方便,请你点击下图到我的个人资料网页为我留言请我吃星星哈。

nuczw2pkib.png

CREATE YOUR OWN @REVIEWME PROFILE TO START EARNING CREDIBILITY STARSFROM THE COMMUNITY! CREATING YOUR PROFILE IS EASY! JUST FOLLOW THE STEPS HERE ☜(ˆ▿ˆc)


Posted from my blog with SteemPress : http://davidke20.vornix.blog/2019/01/11/easy-markdown-external-link-in-a-picture-on-my-blog/

Sort:  

You’ve been upvoted by TeamMalaysia Community :-

To support the growth of TeamMalaysia Follow our upvotes by using steemauto.com and follow trail of @myach

Vote TeamMalaysia witness bitrocker2020 using this link vote for witness

Thanks boss 😎

Posted using Partiko Android

你那里天气如何?请支持中文区的见证人, @abit @bobdos @ety001 @justyy @oflyhigh @partiko (首字母顺序),全投,一个都不要漏。如果不想再收到我的留言,请回复“取消”。

支持了

Posted using Partiko Android

国粤语各发一次……😂😂

Posted using Partiko Android

因为 @kadishakho 不大清楚我中文版的讲什么,所以她找了@kristylekho 来教她。但是 @kristylkho 的中文底子又不够好,所以就叫我在微信用英文教。这种东西,在微信要怎么教?所以我果断的直接答应弄个翻译版本给她了。

我不看字……只看图……😂

Posted using Partiko Android

你是誰?我為什麼會在這裡?快給我滿贊!給我滿贊!

Posted using Partiko Android

又buddy上身了……😂

Posted using Partiko Android

😄!只能夠怪卡姐的學歷實在是太高的過頭了!

Posted using Partiko Android

沒關係,各有所長。你會生娃,我只會生毛🤣

Posted using Partiko Android

Coin Marketplace

STEEM 0.29
TRX 0.12
JST 0.036
BTC 65930.92
ETH 3387.67
USDT 1.00
SBD 4.75