Title: Guideline on posting images (with size adjustments), hyperlinks Post by: tbct_mt2 on May 19, 2018, 05:00:47 AM 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. https://i.imgur.com/Gk7DlUQ.png 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] https://i.imgur.com/Gk7DlUQ.png and this one: https://i.imgur.com/Gk7DlUQ.png 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? https://i.imgur.com/lssPNLA.png (https://www.youtube.com/watch?v=B6DZkUmSnHQ) Code: [url=https://www.youtube.com/watch?v=B6DZkUmSnHQ][img width=200]https://i.imgur.com/lssPNLA.png[/img][/url] Code: [url=https://drive.google.com/file/d/1qkYQpCr5cjfS4pqPJr27P9ZV03ADDnwZ/view][img width=100]https://i.imgur.com/Gk7DlUQ.png[/img][/url] https://i.imgur.com/Gk7DlUQ.png (https://drive.google.com/file/d/1qkYQpCr5cjfS4pqPJr27P9ZV03ADDnwZ/view) The most important thing is never do this: Code: [img][url=LinkToVideo]LinkToImage[/url][/img] Code: [url=LinkToDownload]KeyWords[/url] Code: [img]LinkToImage[/img] FullCodes: Code: [url=LinkToVideo][img]LinkToImage[/img][/url] 2) Hyperlinks What you should do is: Code: [url]link[/url] Code: [url=link]YourKeyWords/TopicTittle[/url] 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] 2) Code: Code: [url=https://bitcointalk.org/index.php?topic=3974517]Guideline on posting images (with size adjustments), hyperlinks[/url] 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] Code: [center][url=https://drive.google.com/file/d/1qkYQpCr5cjfS4pqPJr27P9ZV03ADDnwZ/view][img width=100]https://i.imgur.com/Gk7DlUQ.png[/img][/url][/center] https://i.imgur.com/Gk7DlUQ.png (https://drive.google.com/file/d/1qkYQpCr5cjfS4pqPJr27P9ZV03ADDnwZ/view) Bonus: One of useful website for uploading images and getting links to share: Imgur.com (https://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 (https://bitcointalk.org/index.php?action=profile;u=1059082). Title: Re: Guideline on posting images (with size adjustments), hyperlinks Post by: hugeblack on May 19, 2018, 11:47:25 AM 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] https://i.imgur.com/j8ED7ld.png 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] You can also add animated images after adjusting the end to .png Title: Re: Guideline on posting images (with size adjustments), hyperlinks Post by: tbct_mt2 on May 19, 2018, 12:12:53 PM 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 (https://bitcointalk.org/index.php?topic=3864751.msg37447483#msg37447483) 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 Title: Re: Guideline on posting images (with size adjustments), hyperlinks Post by: Pirrlokk on June 17, 2018, 04:06:06 PM Ah, thank you very much for supplemental tips, hugeblack. Good job. Thank you.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 (https://bitcointalk.org/index.php?topic=3864751.msg37447483#msg37447483) 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 Title: Re: Guideline on posting images (with size adjustments), hyperlinks Post by: E-Verify on June 17, 2018, 06:03:58 PM Thanks for putting this together, really informative!
Title: Re: Guideline on posting images (with size adjustments), hyperlinks Post by: tbct_mt2 on June 20, 2018, 02:21:18 AM 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. Title: Re: Guideline on posting images (with size adjustments), hyperlinks Post by: JohnUser on June 21, 2018, 09:39:48 AM 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. https://i.imgur.com/1Y0fGpx.png (https://www.youtube.com/watch?v=OXwqFnv9Dyk) edit : @tbct_mt2 sorry I don't have merit anymore. Title: Re: Guideline on posting images (with size adjustments), hyperlinks Post by: lindatang on June 27, 2018, 05:59:51 AM 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. |