In-class assignment #5: Linking around

We’ve been reading and talking about links and connections, and today you’re going to make some of your own. But first, some things you might find useful.

QR codes (such as qrcode.kaywa.com)

These are those black and white boxes of gobbledegook you’ve seen around. Scan one, and it’ll take your phone to a site.

  • Why do it: It lets mobile users quickly access your site or a specific post without typing. You can also print them out on label paper and stick them to your business cards to let the people you hand them to see your work immediately.
  • How to do it:
    • At a QR code website, enter your site’s URL (including “http://”)
    • Get the permalink and/or “<img src>” code
      • To include it in a post, you’ll paste the “<img src>” code into the relevant spot in your HTML view
      • To include it in your blog, add the “Image” widget and paste the permalink under “Image URL” (change dimensions to 100 x 100)
        • Note: It doesn’t make much sense to include a QR link to your blog ON YOUR BLOG, but you might add one for an online portfolio or site such as Instagram]

Link Shorteners (such as tinyurl.com)

These take lengthy links (like those of your blog posts) and shorten them into more manageable ones.

  • Why do it:It’s especially useful when sharing on Twitter so you don’t eat up your 140 characters, but they’re great for anywhere you don’t want to gum up the works with a long URL
  • How to do it:
    • At a link shortener site, enter your site’s URL
    • Copy the resultant code, and paste it where you want it.

Advanced HTML linking

By this time, you know how to select a swath of text and click the link button, but sometimes (e.g., in comments) that button won’t be there. Knowing the basic code for makes you a more savvy journalist and user.

  • Why do it: In addition to the above, pasting the entire URL is a little tacky.
  • How to do it:
    • To add a link in comments, enter the following code (without quotation marks):
      “<a href=”http://www.link.com/”>LINK TEXT HERE</a>”
    • You can also link to specific parts of your text. Follow these two steps:
      1. In one post, select a word at the start of the section you want to link, and enter the following code:
        “<a name=”Whatever”>TAGGED TEXT HERE</a>”
      2. In another post, create a link the usual way, but with one addition:
        “<a href=”http://www.link.com/#whatever>LINK TEXT HERE</a>”

AND NOW, your In-class Assignment: Use HTML to add at least one tag to a section of an existing post of yours (best to use a longer post with subheds), and post a comment to this assignment post that includes an in-text link to that section. This is due by the end of class today, Tuesday, February 7.

Advertisements

21 Responses to In-class assignment #5: Linking around

  1. aaaaaargh says:

    Here is a link to the HTML section of today’s assignment.

  2. Matt Murphy says:

    Here is an itinerary idea in Cumberland, Md.

  3. Here is a link to the HTML section of today’s assignment.

  4. Mary Power says:

    Here is a link to the recipe section of my blog post on pasta sauce.

  5. Here is a link to a section of my blog.

  6. mwlfrd says:

    Here is a link to the College textbooks section of today’s post.

  7. thecoalfist says:

    Here is a link to the Diaz-Condit decision.

  8. Here is a link to a section of a post on my blog.

  9. amarie1025 says:

    Five Guys Snackers snacker

  10. erinfitzi says:

    Here is a link to more about a West Virginia lawmaker involved in dog racing.

  11. Ali Young says:

    Here is a link to the HTML section of today’s assignment.

  12. Ben Scott
    Here is a slideshow from my blog!

  13. Anan says:

    Here is singing to the HTML section of today’s assignment.

  14. Joey Simson says:

    Here are the RESULTS for Red Bull Supernatural

  15. […] (if you don’t have an automatic link shortener, I strongly recommend tiny.url or bit.ly (now requires […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: