Author

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

jr. member
Activity: 98
Merit: 1
Staker.network - POS Smart Contract ETH Token
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.
hero member
Activity: 1022
Merit: 725
Or for link: * Displays on mouseover.
Code:
[acronym=Brief description of the image][url=https://bitcointalk.org/index.php?topic=3974517.0]Guideline on posting images (with size adjustments), hyperlinks[/url][/acronym]

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



edit : @tbct_mt2 sorry I don't have merit anymore.
hero member
Activity: 2366
Merit: 838
Thanks for putting this together, really informative!
You are welcome!
Let's enjoy my tips and apply for your upcoming threads.
Let's be more constructive in the BTT forum.
newbie
Activity: 14
Merit: 0
Thanks for putting this together, really informative!
member
Activity: 98
Merit: 65
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
You can adjust the length and width this code:

This is my first time to know about this one. So many thanks to you, hugeblack.
Quote
You can also add animated images after adjusting the end to .png
Good job. Thank you.
hero member
Activity: 2366
Merit: 838
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
You can adjust the length and width this code:

This is my first time to know about this one. So many thanks to you, hugeblack.
Quote
You can also add animated images after adjusting the end to .png
legendary
Activity: 2646
Merit: 3911
Thanks for all the information you can add:
You can adjust the length and width this code:
Code:
[img width=100 height=50]https://i.imgur.com/j8ED7ld.png[/img]
preview:

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

Or for link: * Displays on mouseover.
Code:
[acronym=Brief description of the image][url=https://bitcointalksearch.org/topic/guideline-on-posting-images-with-size-adjustments-hyperlinks-3974517]Guideline on posting images (with size adjustments), hyperlinks[/url][/acronym]
Guideline on posting images (with size adjustments), hyperlinks
You can also add animated images after adjusting the end to .png


hero member
Activity: 2366
Merit: 838
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) 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:
Code:
[img width=100]https://i.imgur.com/Gk7DlUQ.png[/img]
Code:
[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
Code:
[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.
Code:
[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?

Code:
[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):
Code:
[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:
Code:
[img][url=LinkToVideo]LinkToImage[/url][/img]
You should remember to do like this (always put
Code:
[url=LinkToDownload]KeyWords[/url]
outside
Code:
[img]LinkToImage[/img]

FullCodes:
Code:
[url=LinkToVideo][img]LinkToImage[/img][/url]

2) Hyperlinks
What you should do is:
Code:
[url]link[/url]
or
Code:
[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:
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-3974517

2) Code:
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), 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:
Code:
[center][url=LinkToWhatYouWant][img width=x]LinkToWhereYouUploadYourImage[/img][/url][/center]
For example:
Code:
[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.com
After uploading your images, you should choose direct links to use in bitcointalk forum (as the below image shows).
Code:
[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.
Jump to: