Link Sites to Images in a Widget

453 views

Published on

Saved to our Moodle Tech Tutorials for our teachers to use in order to link images to sites and embed on the sidebar of their blogs.

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
453
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Link Sites to Images in a Widget

    1. 1. How-to Link a Siteto an Imagein a Widgeton my Blog “That’s too many prepositions!”
    2. 2. Open the site to which you would like to be linked. Find and save the image you would like to use as your widget. I save everything in a folder on my desktop. You will need the correct embed code in order to perform this task.I suggest Tinypic.com or Photobucket.com
    3. 3. Teacherslogin to either photobucket or tinypicClick Upload now and locate yourpicture
    4. 4. Find and select your photo or graphicOnce you find it, Double click on it toupload it.
    5. 5. Double click to open the image
    6. 6. On the far right side of the page you willsee a pop-up box just like this one.Highlight and Copy the entire HTMLcode
    7. 7. Now back to YOUR BlogLogin and you will be taken to yourBlog Dashboard.
    8. 8. In your Dashboard, click on the triangleto open the options underneath“Appearance”Click on “Widgets”
    9. 9. Find the “Text” widget in the list ofwidgets.If you put your mouse over it, you can“grab” it and drag it to the sidebar whereyou want it to be located.If you have more than one sidebar, youmay have to click on the arrow to openthe space in a dropdown.Drop the Text Widget where you want itand it will open.
    10. 10. Enter a title IF YOUWANT IT TO HAVEONE.Paste the HTML codefrom Photobucket herein this box.Do not save or closejust yet.Open the tab with thewebsite you want tolink
    11. 11. Open the website and copy the URLNow return to the Text Widget one lasttime.
    12. 12. Highlight the code that is located ...and paste in the URL from the between the quotations... website between the quotations.

    ×