• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Link Sites to Images in a Widget
 

Link Sites to Images in a Widget

on

  • 321 views

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.

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.

Statistics

Views

Total Views
321
Views on SlideShare
319
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

http://www.woisd.net 2

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Link Sites to Images in a Widget Link Sites to Images in a Widget Presentation Transcript

  • How-to Link a Siteto an Imagein a Widgeton my Blog “That’s too many prepositions!”
  • 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
  • Teacherslogin to either photobucket or tinypicClick Upload now and locate yourpicture
  • Find and select your photo or graphicOnce you find it, Double click on it toupload it.
  • Double click to open the image
  • On the far right side of the page you willsee a pop-up box just like this one.Highlight and Copy the entire HTMLcode
  • Now back to YOUR BlogLogin and you will be taken to yourBlog Dashboard.
  • In your Dashboard, click on the triangleto open the options underneath“Appearance”Click on “Widgets”
  • 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.
  • 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
  • Open the website and copy the URLNow return to the Text Widget one lasttime.
  • Highlight the code that is located ...and paste in the URL from the between the quotations... website between the quotations.