GUIDELINE ON POSTING IMAGES (WITH SIZE ADJUSTMENTS), HYPERLINKS
Hi everyone, particularly newbies,
Today, I would like to help you know how to add hyperlinks, show images in the forum - with size adjustments to avoid annoying feelings from readers.
1. Why I decided to start the topic? It is mainly because tutorials on those issues have already answered sparsely in the forum. So, I would like to present them in one place to help newbies easier to learn.
2. Of course, newbies can not show hyperlinks and images till the time they rank up to Junior members (if satisty activity requirements).
However, the progress takes only 6 weeks, so it's not too long waiting time. During waiting time, I think newbies should spend their time to read and learn about forum rules, its systems (including rank, merit, trust, etc.), helpful topics.
Now, let's get started.
1) ImagesThe first option is simply add link to image, which will lead to over-sized images in some cases and might hurt readers' fingers because they have to scroll computer mouse to see contents of your topics. Doing this will show full-size of your original images, which are really annoying for readers.
The second option is to adjust your image's size a bit by adding width and height (width=x, height=y; x, y are which width and height of image you want to show) like this:
[img width=100]https://i.imgur.com/Gk7DlUQ.png[/img]
[img width=100 heigth=100]https://i.imgur.com/Gk7DlUQ.png[/img]
Then you will get more user-friendly image like this one:
and this one:
Furthermore, you can adjust image size by change the number after
[img witdth=yourexpectedwidth, height=yourexpectedheight]
You can also add a simple brief description of the image "You can add as many words as you like"
* Displays on mouseover.
[acronym=Brief description of the image][url=https://i.imgur.com/j8ED7ld.png][img width=100 height=50]https://i.imgur.com/j8ED7ld.png[/img][/url][/acronym]
Now, let's move a little bit further by
adding simultaneously links to image, video (Youtube videos, for example). You will be directed to Youtube video by clicking on the image below. So, how to do this?
[url=https://www.youtube.com/watch?v=B6DZkUmSnHQ][img width=200]https://i.imgur.com/lssPNLA.png[/img][/url]
One more example with link inside the snapshot of the book's cover page (you can click on the image to get free download link):
[url=https://drive.google.com/file/d/1qkYQpCr5cjfS4pqPJr27P9ZV03ADDnwZ/view][img width=100]https://i.imgur.com/Gk7DlUQ.png[/img][/url]
Result:
The most important thing is never do this:[img][url=LinkToVideo]LinkToImage[/url][/img]
You should remember to do like this (always put
[url=LinkToDownload]KeyWords[/url]
outside
[img]LinkToImage[/img]
FullCodes:
[url=LinkToVideo][img]LinkToImage[/img][/url]
2) HyperlinksWhat you should do is:
[url]link[/url]
or
[url=link]YourKeyWords/TopicTittle[/url]
The first way will show your full link, which mostly too long for readers, hence you should save more space in your threads, and also give readers clearer imagination on what you want them to read by adding Description of the link you add.
For example, I will show you link to the current topic in both these two ways.
1) Code:
[url]https://bitcointalksearch.org/topic/guideline-on-posting-images-with-size-adjustments-hyperlinks-3974517[/url]
Result:
https://bitcointalksearch.org/topic/guideline-on-posting-images-with-size-adjustments-hyperlinks-39745172) Code:
[url=https://bitcointalksearch.org/topic/guideline-on-posting-images-with-size-adjustments-hyperlinks-3974517]Guideline on posting images (with size adjustments), hyperlinks[/url]
Result:
Guideline on posting images (with size adjustments), hyperlinksAs you can see results, I highly recommend you applying the second way to add hyperlinks into your threads, keywords, etc.
Align your imagesIf you would like to align your attached images in central place of threads, please use those codes:
[center][url=LinkToWhatYouWant][img width=x]LinkToWhereYouUploadYourImage[/img][/url][/center]
For example:
[center][url=https://drive.google.com/file/d/1qkYQpCr5cjfS4pqPJr27P9ZV03ADDnwZ/view][img width=100]https://i.imgur.com/Gk7DlUQ.png[/img][/url][/center]
Result:
Bonus:One of useful website for uploading images and getting links to share: Imgur.comAfter uploading your images, you should choose direct links to use in bitcointalk forum (as the below image shows).
[url=https://i.imgur.com/j8ED7ld.png][img width=100]https://i.imgur.com/j8ED7ld.png[/img][/url]
Notes:The topic has been under constructions. Therefore, I also highly appreciate recommendations to improve the topic.
Acknowledgements:I highly appreciate contributions of these following users, which help to make my topic more fullfiled and better. I also recommend newbies to follow them and their threads/ topics to learn more helpful tips.
They are:
hugeblack.