Topic: Guideline on posting images (with size adjustments), hyperlinks (Read 2321 times)

Thank you very much for sharing. Before that, I only knew how to insert pictures.
After reading your share,I know it can be done this way.
It was found that using the BBcode encoding mode operation function is still very powerful.

I didn't know this one, thanks a lot.



edit : @tbct_mt2 sorry I don't have merit anymore.

You are welcome!
Let's enjoy my tips and apply for your upcoming threads.
Let's be more constructive in the BTT forum.

Thanks for putting this together, really informative!

Good job. Thank you.

Ah, thank you very much for supplemental tips, hugeblack.
I actually adjusted length of images in my another topic, but I forgot about this option when I created the topic.
Collections for someone who would like to improve English skills

This is my first time to know about this one. So many thanks to you, hugeblack.

Thanks for all the information you can add:
You can adjust the length and width this code:
preview:

add a simple brief description of the image "You can add as many words as you like" * Displays on mouseover.

Or for link: * Displays on mouseover.
Guideline on posting images (with size adjustments), hyperlinks
You can also add animated images after adjusting the end to .png

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) Images
The 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:
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
You can also add a simple brief description of the image "You can add as many words as you like" * Displays on mouseover.

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?

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):
Result:


The most important thing is never do this:
You should remember to do like this (always put outside
FullCodes:
2) Hyperlinks
What you should do is:
or
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: Result: https://bitcointalksearch.org/topic/guideline-on-posting-images-with-size-adjustments-hyperlinks-3974517

2) Code: Result: Guideline on posting images (with size adjustments), hyperlinks
As you can see results, I highly recommend you applying the second way to add hyperlinks into your threads, keywords, etc.

Align your images
If you would like to align your attached images in central place of threads, please use those codes:
For example:
Result:


Bonus:
One of useful website for uploading images and getting links to share: Imgur.com
After uploading your images, you should choose direct links to use in bitcointalk forum (as the below image shows).


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.