Registered users: You can embed videos in your posts now

Well, if they're hosted on YouTube or Vimeo, that is. If you post something, look for the Video header at the top of the article-creation page. Click Select Media, then paste in the URL for the video you want to include and hit Submit. When your post goes live, the video will be at the top.

Neighborhoods: 

    Topics: 

      Free tagging: 

      Comments

      Here's How To Make A Link That Opens In A New Tab/Window

      By on

      Start by selecting the text and/or image in the comment editor that you wish to link from, and click the toolbar "Insert Link" button to create an Anchor element. It asks for two things: the "Link href" and the "Title text".

      The href is the http URL address that you want the link to reference, for example: http:/‌/www‌.universalhub‌.com

      Whatever you put in the title field will appear when someone hovers their mouse over the link. It's good practice to at least put something there that identifies where the link goes, for example: Universal Hub.

      After you click "OK", the anchor element will be inserted into the edit box. As with many HTML elements, anchors have opening and closing blocks, and whatever you selected will be placed between them, like this:

      <a href="http:/‌/www‌.universalhub‌.com" title="Universal Hub">Whatever You Selected</a>

      Now, to make the link open in another tab/window, just add the target="_blank" parameter to the opening block, like this:

      <a href="http:/‌/www‌.universalhub‌.com" title="Universal Hub" target="_blank">Whatever You Selected</a>

      Whether or not to make links open in new tabs/windows is a matter of opinion; some people appreciate it, while others disapprove. Personally, I think if the link is for navigating up or down within a website, then it should open in the same window. However, if the link is taking the user away from a specific page on a website, to some other page with a different navigation hierarchy, then it's most courteous to open the link in a new window/tab.

      The user can close the new window/tab immediately if they wish, or they may choose to browse through other content linked from the linked page. In either case, the user can return to the original website without it needing to be reloaded again, as would be the case if the "Back" button was used.

      Note that you can put more information in the Title parameter to help the user decide if they really want to go there. For example if you just hover over this link to Some Story On Universal Hub, it tells you more about it without having to click the link.

      Since I post the bulk of the stuff on the site ...

      By on

      There's a module that would open a non-UHub link in another tab with no human intervention, which would be great for me, because I have enough trouble just remembering to put in the right tag to make certain photos open up in an expanded size and other HTMLy things.

      Haven't installed it yet, though, because the last time this came up, while some folks thought this would be a good thing, other folks seemed like it would be a really bad thing and the good-thing folks mostly seemed to know about the right-click trick (and whatever the Mac equivalent is) for opening a link in a new tab, so it didn't seem worth bothering the folks who liked things the way they are.

      Pictures

      By on

      Does this also fix inline pictures also? I've never been able to do it.. ever.

      (btw thanks!)

      I've also had problems with this

      By on

      But now that I read your comment I think my problem is not switching out of "default" text mode, causing the comment software to try to parse the image URL as a link. Let's see if I can get this to work:

      IMAGE(http://www.universalhub.com/files/uhub215_0_0_1_1.png)

      Edit: Thanks for the pointer

      We have the technology

      By on

      Let me look at allowing photo uploads for registered users. Would probably involve something similar to the YouTube thing - an upload field for a photo that would appear at the top of the post.

      yay!

      By on

      Yay! Thank You. I'd be more apt to upload relevant photos and what not. I just find uploading to Flickr and then sharing with @UniversalHub to be cumbersome (ya I am lazy), so I don't do it.

      Flikr is more useful

      than I expected. It's a nice platform for making content available and a bunch of things I make material for use it. Mass Audubon, Trustees, Neponset Watershed so it has turned out to be quite a win. G plus for the rest of the world and Flikr for the region.

      They are both quality designs.

      Any bandwidth or loading issues from too many embeds?

      Downside To Uploading Images Directly To Universal Hub

      By on

      When you embed content hosted on other servers (Flickr, YouTube, SoundCloud, etc.) you're only using the a little bit of text to specify the content URL and associated embedding markup. The bandwidth usage on UHub is trivial because the resources for the content are loaded from other servers.

      However, if Adam did allow users to upload image and/or video content to his own servers, then it would affect his bandwidth. There are a number of other reasons why he may choose not to do this. It might work fine for a few images here and there, but it also could get very hard to manage if too many people uploaded too many images in too many different formats and sizes.

      Sites like Flickr specialize in hosting images; they simplify uploading, and reprocess the image to sizes that can be efficiently served as web content. (See my other post below for easy instructions.)

      It makes more sense to host high-bandwidth image, video, and audio content on services that specialize in it, and then just link to it through an embed code, which you'd still need, even if Adam did host the images.

      Posting Images Hosted On Flickr Is Easier Than Before

      By on

       
      Step One:
      Go to the Flickr photo page you want to use and click the Download button, then click "View all sizes":
       
                         IMAGE(https://elmercatdotorg.files.wordpress.com/2014/07/flickr-1.jpg)

      Step Two:
      On the All Sizes page, choose a photo size with an appropriate width for where you plan to embed it; usually no more than 500-600 pixels for a UHub comment. Then, right-click (or control-click) on the image and choose "Copy Image Address":
       
                         IMAGE(https://elmercatdotorg.files.wordpress.com/2014/07/flickr-2.jpg)

      Step Three:
      Paste the copied image address within an [‌img] [‌/img] block in the UHub comment editor, like this:

      [‌img]https‌://farm8‌.staticflickr‌.com/7043/13333404833_f9c47b552f_n.jpg[‌/img]

      Don't Forget:
      Select the Filtered HTML text format option before clicking Save:
       
                         IMAGE(https://elmercatdotorg.files.wordpress.com/2014/07/flickr-3.jpg)

      Then, it should work:
                         IMAGE(https://farm8.staticflickr.com/7043/13333404833_f9c47b552f_n.jpg)