Bitcoin Forum
December 17, 2018, 08:58:46 PM *
News: Latest Bitcoin Core release: 0.17.0 [Torrent].
 
   Home   Help Search Login Register More  
Pages: [1]
  Print  
Author Topic: Guideline on posting images (with size adjustments), hyperlinks  (Read 434 times)
tbct_mt2
Full Member
***
Offline Offline

Activity: 490
Merit: 136



View Profile
May 19, 2018, 05:00:47 AM
Merited by BQ (1), hoangkieu (1)
 #1

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://bitcointalk.org/index.php?topic=3974517[/url]
Result: https://bitcointalk.org/index.php?topic=3974517

2) Code:
Code:
[url=https://bitcointalk.org/index.php?topic=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.

██████████████████████████  Cryptrade Decentralized Exchange   ██████████████████████████
██ Community-driven Decentralized Exchange - ✔ Share Profits ✔ CryptradeCoin ✔ High ROI ✔ Masternode ✔ PoS ✔ BTS2.0 ✔ ██
█████████████████████   [ANN] [Twitter] [Discord] [Website] [Vote] [MNO]    █████████████████████
PLAY NOW
Advertised sites are not endorsed by the Bitcoin Forum. They may be unsafe, untrustworthy, or illegal in your jurisdiction. Advertise here.
hugeblack
Sr. Member
****
Offline Offline

Activity: 532
Merit: 370


BTC2USD: Why Would I sell the future for the past?


View Profile WWW
May 19, 2018, 11:47:25 AM
 #2

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://bitcointalk.org/index.php?topic=3974517.0]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



tbct_mt2
Full Member
***
Offline Offline

Activity: 490
Merit: 136



View Profile
May 19, 2018, 12:12:53 PM
Merited by Pirrlokk (2)
 #3

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

██████████████████████████  Cryptrade Decentralized Exchange   ██████████████████████████
██ Community-driven Decentralized Exchange - ✔ Share Profits ✔ CryptradeCoin ✔ High ROI ✔ Masternode ✔ PoS ✔ BTS2.0 ✔ ██
█████████████████████   [ANN] [Twitter] [Discord] [Website] [Vote] [MNO]    █████████████████████
Pirrlokk
Member
**
Offline Offline

Activity: 98
Merit: 65


View Profile WWW
June 17, 2018, 04:06:06 PM
 #4

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.

E-Verify
Newbie
*
Offline Offline

Activity: 14
Merit: 0


View Profile
June 17, 2018, 06:03:58 PM
 #5

Thanks for putting this together, really informative!
tbct_mt2
Full Member
***
Offline Offline

Activity: 490
Merit: 136



View Profile
June 20, 2018, 02:21:18 AM
 #6

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.

██████████████████████████  Cryptrade Decentralized Exchange   ██████████████████████████
██ Community-driven Decentralized Exchange - ✔ Share Profits ✔ CryptradeCoin ✔ High ROI ✔ Masternode ✔ PoS ✔ BTS2.0 ✔ ██
█████████████████████   [ANN] [Twitter] [Discord] [Website] [Vote] [MNO]    █████████████████████
tranthidung
Full Member
***
Offline Offline

Activity: 336
Merit: 104


Next, a self-made Senior Member!


View Profile
June 20, 2018, 12:16:25 PM
 #7

You are welcome!
Let's enjoy my tips and apply for your upcoming threads.
Let's be more constructive in the BTT forum.
Excellent!
You have done great things for newbies.
I believe that your tutorial is really relevant for newbies.
Furthermore, shitty higher-ranked members can also benefits from your topics.
To avoid misunderstandings, I don't want to imply about prestigous, constructive, knowledgeable higher ranked members, by saying shitty ones, I would like to imply about someone who easily, luckily ranked up to current high ranks with old rank requirements (before merit system launched).

██████████████████████████  Cryptrade Decentralized Exchange   ██████████████████████████
██ Community-driven Decentralized Exchange - ✔ Share Profits ✔ CryptradeCoin ✔ High ROI ✔ Masternode ✔ PoS ✔ BTS2.0 ✔ ██
█████████████████████   [ANN] [Twitter] [Discord] [Website] [Vote] [MNO]    █████████████████████
JohnUser
Hero Member
*****
Offline Offline

Activity: 812
Merit: 659



View Profile WWW
June 21, 2018, 09:39:48 AM
 #8

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.
lindatang
Jr. Member
*
Offline Offline

Activity: 106
Merit: 1

Staker.network - POS Smart Contract ETH Token


View Profile
June 27, 2018, 05:59:51 AM
 #9

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.

★ PRiVCY ➢ Own Your Privacy! ➢ Best privacy crypto-market! ★
✈✈✈[PoW/PoS]✅[Tor]✅[Airdrop]✈✈✈ (https://privcy.io/)
Pages: [1]
  Print  
 
Jump to:  

Sponsored by , a Bitcoin-accepting VPN.
Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!