Jump to content

Archived

This topic is now archived and is closed to further replies.

lonewolf

[Tutorial] How to Embed an Image to Post

Recommended Posts

Hi all

I come across more than a few people commenting about embedding an image to a post and how difficult or confusing it is. So in order not to go out of topic by replying in those posts, I decided to start this post so that it will be easier to reference back when needed.

Its easy to embed a picture but there are some steps involved.

1) You will need a image hosting/storage service. I use Photobucket myself but there are many available so you can goggle for one.

2) After creating an account for yourself, you are ready to begin! Upload a picture to the server and once that's done, you will be given several links to the image (depending on the image host services you use). Some image hosts may allow you to upload images without registering but anonymous uploads are usually delete after a short time and then your image will not appear in the post. Registering for an account mean your image will not be deleted.

3) Now all you need to do is to start the sgrunners editor when you start or edit a post. Follow the steps as follows:

AttachingImage_zps07bb1a6e.jpg

And you're done!

Hope the above is clear enough. Pls feel free to clarify if you need further information.

Good luck!

Link to post
Share on other sites

Thank you Lonewolf for the simple tutorial on attaching photos here and providing search results for image hosting :)

Different forum platforms will have different ways to attach photos in the forum threads. Sgrunners forum's image embedding is considered easy to use by standard.

Link to post
Share on other sites

Thank you Lonewolf for the simple tutorial on attaching photos here and providing search results for image hosting :)

Different forum platforms will have different ways to attach photos in the forum threads. Sgrunners forum's image embedding is considered easy to use by standard.

SGRunners' photo upload is considered easy?! :|

Link to post
Share on other sites

Miss sicklycat, let me explain it quickly.

From lonewolf's post, you can see that to insert an embedded image into a forum post, there are pop out screens to guide you to do so. All you need to do is to get a direct image link for the picture/photo to be shown and paste it into the pop-up screen and your image displays nicely on your post.

Some other forums platforms will need forum/HTML tags for the image to be shown in the post and there is no quick access button to do it.

That is what i mean when I say this forum image embedding (not photo/file upload) is easy :)

Link to post
Share on other sites

I agree with trailblazer. sgrunner editor is quite user friendly. I love the toggle to go into the BBCode mode.

Personally I prefer to just copy and paste IMG code cos that is faster; but that may be a bit confusing for those not comfortable editing in BBcode Mode. That why I have not included that in my tutorial.

Link to post
Share on other sites

Dear all

I realised that my tutorial on embedding an image described above may still be too complicated for many since it requires uploading to an image server.

So I am coming up with a simpler way by leveraging on the excellent forum editor.

1) Reply to a topic by either pressing the 'More Reply Options' at the bottom or 'Reply' at the top of the page.

sgrunner-post-image-01_zpsu7ojsapg.jpg

2) The (full) forum editor is now opened for you to enter your reply. At the bottom, there is an option to 'Attach Files'

sgrunner-post-image-02_zpsy3u7jsxq.jpg

3) Select the picture file from your computer and wait for the file to be uploaded. After the file is uploaded, press 'Add to Post' to include the picture to your post.

post-21301-0-46697900-1428751773_thumb.j

Make sure your cursor is at the editor when you press 'Add to Post'. You should see something like '[attachement=xxxx:xxxx.jpg] in the editor as below.

sgrunner-post-image-04_zpsexbn4lm5.jpg

4) That's it! You're done. The image is now embedded to the post. Now all you have to do is to press 'Add Reply' (for new post) or 'Submit Modified Post' (for editing post)

Pls note that you will be limited to image of 2MB by using the attachment of the editor so you may need to resize or reduce the resolution of the image first before uploading.

Link to post
Share on other sites

Thanks Lonewolf! I think that is a new photo upload option they had provided! :thumbsu:

I definitely didn't see it before, when I was almost reduced to tears, going through so many complicated steps, spending an hr or so, and yet, still not being able to upload photos in the end! The un-IT-savvy me definitely can't do the old way!

The new option is so much more user-friendly!

Link to post
Share on other sites

Thanks Lonewolf! I think that is a new photo upload option they had provided! :thumbsu:

I definitely didn't see it before, when I was almost reduced to tears, going through so many complicated steps, spending an hr or so, and yet, still not being able to upload photos in the end! The un-IT-savvy me definitely can't do the old way!

The new option is so much more user-friendly!

Actually I think the option is always there. Just that I have never try with uploading an image previously and din know that the uploaded image can be embedded to the post. But some of the guys mentioned it and I gave it a try. And so I decided to do a simple write up so that more will be able to easily post image. Ultimately the forum will benefit! :zoro:

Link to post
Share on other sites

Thanks Lonewolf! I think that is a new photo upload option they had provided! :thumbsu:

I definitely didn't see it before, when I was almost reduced to tears, going through so many complicated steps, spending an hr or so, and yet, still not being able to upload photos in the end! The un-IT-savvy me definitely can't do the old way!

The new option is so much more user-friendly!

Actually I think the option is always there. Just that I have never try with uploading an image previously and din know that the uploaded image can be embedded to the post. But some of the guys mentioned it and I gave it a try. And so I decided to do a simple write up so that more will be able to easily post image. Ultimately the forum will benefit! :zoro:

I don't think it was there in the past... At least, I never saw it before, and had been hunting all over... Plus, when I posted queries in the past, only complicated solutions get shared, which indicates that rest of forummers didn't know of the easy solution either - and that's likely because it didn't exist previously.

Link to post
Share on other sites

Personally I don't quite like the file upload option as non forum members will not be able to see the images/pictures uploaded =)

The key steps to attach images in a forum post is explained by Lonewolf.

One thing to note for the image to show up in the post is to have a direct image hyperlink and when you click that link, the picture/image shows up (for example: http://oi59.tinypic.com/2dhbig7.jpg)

I shall share three photos hosting websites (accounts not needed but good to have one):

1) Tinypic (http://tinypic.com/):

For a recent post which I was trying to attach the image of the route screenshot, this is how i used it --> http://www.sgrunners.com/forum/index.php?showtopic=21386&page=2#entry503616

2) Imgbox (http://imgbox.com/)

When you upload the image, try to get the actual photo/file image link ending with a .jpg, .gif, .png etc (i.e. the hyperlink should be something like http://i.imgbox.com/XXXXX.jpg)

3) Imgur (http://imgur.com/)

Here is a sample of how the exact image weblink will be: http://i.imgur.com/PtrGJ0h.jpg

I shall not flood my post with sample photos and it is for the forum members to try when they wish to show pictures =)

Link to post
Share on other sites

Personally I don't quite like the file upload option as non forum members will not be able to see the images/pictures uploaded =)

Not true! Read my tutorial carefully again.

You can use the 'Add to Post' option after you upload the picture for the image to appear. I have tried it out and in fact the image after Step #3 in my tutorial was a direct upload and not an image link from a image server.

So like I said, an image server is no longer required but direct upload is limited to 2mb but that should be sufficient for most images.

[update] OK. After re-reading yr post again, you are right. You need to be a forum member and log in to see the image. But then again, I think majority of people who come to this forum should be member so this only affect a small minority.

Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.



  • Upcoming Events

  • Topics

  • Posts

    • let uncle share another list "lobangs"... in late 2020, most of Run in-place marathon events were cancelled, and hence there were "virtual events"  that was held in late 2020 or some that is going to be held in present (2021)... Present (2021)... so the organizer recommends...   uncle submitted GPS-42K for evidence (Dead Sea Marathon) expect by mail... wow..not bad..so uncle explored in recent days...any more "lobang"..Enter more events.. Past 2020...Verona Marathon - Trilogy (Nov 2020), Italy (cancelled) so the organizer recommends...runclusive so uncle submitted...10K/21K/42K (for Verona Marathon - Trilogy)...and completed, approved and expect delivery of...   uncle completed oveaseas "virtual run" on historically sites in Israel (DEAD SEA - once Moses crossed here)...and Italy (Verona - The City of Love : Remeo and Juliet) Do share your run route for your kyoto marathon! .. actually there is not much to share at kyoto marathon, except the medal is very nice...after one for the two designs that ware shortlisted by the members of the running community in late 2020... this one is coming in February....uncle signed up for 50KM... Singapore is a "non-winter" country, so how to show uncle "running in snowshoes" for the event? and meeting all the "requirements" for the Virtual Race? so uncle came up with the "snowshoes"... Ninja Van: "yo...seow uncle kohpapa, this one you ordered from amazon....sign here...." uncle will need 3 supporting evidence (including one with gps)... this one will be one of 3 submissions... yes, uncle going to run with "showshoes" @ ECP Beaches for 50KM for Fun on Sappporo VR (single or multiple submissions)...since someone once asked the organizer...   who says there is no "snow" in Sunny and Sandy Singapore...just run with a smile and fun...with snowshoes...in Feb 2021..😁
    • @kohpapa Go for it Uncle! Do share your run route for your kyoto marathon! 😀
    • uncle represented Singapore as International Paricipant with these submissions...   as well as submission of GPS data [21KM] as evidence... looking forward to receiving from Siberia... sport hat, face shield and finisher's medal.. uncle's overseas virtual races "lobang"...😁 of course, this weekend...Kyoto Marathon 2021... uncle registered as "local resident"... and entered for this race... again this "lobang" was announced in dec 2020.. that is good.... a goal setting right from the start of 2021 and chiong for it... uncle simply follows the list "lobangs" of 2021..that's all...😁
    • I saw Soh running into bedok reservoir park yesterday. Gave him a shout-out. I feel he remains quite a humble guy despite his athletic achievements.
    • i didnt manage to see the brand cause his legs were moving and i was driving... only seen his face... 
×
×
  • Create New...