greater than

Create a Social Media Widget

| No Comments | No TrackBacks |

Follow these instructions if you'd like to add a Social Media widget to your blog's sidebar:

  1. In UThink, with your blog selected, go to Design > Widgets
  2. Under Widget Templates, click "Create widget template"
  3. Give the widget a name. I called mine "Social Media"
  4. In the body, paste this code:
<div class="widget-feed widget">
<h3 class="widget-header">Social Media</h3>
<div class="widget-content">
<ul>
<li><a target="_blank" href="<$mt:Link template="feed_recent"$>"><img src="<$mt:StaticWebPath$>images/status_icons/feed.gif" alt="Subscribe to feed" width="15" height="15" /> Subscribe to this blog's feed</a></li>

<li><a target="_blank" href="http://twitter.com/umsciref"><img width="15" height="15" src="http://blog.lib.umn.edu/sciref/refblog/twitter_icon.png" alt="Twitter icon and link to our Twitter page" /> Follow our Tweets!</a></li>

<li><a target="_blank" href="http://www.flickr.com/photos/30402004@N04/sets/72157625420720012/"><img width="15" height="15" src="http://blog.lib.umn.edu/sciref/refblog/flickr.jpg" alt="Flickr icon and link to our Flickr picture set." />Our Photos on Flickr</a></li>

<li><iframe src="http://www.facebook.com/plugins/like.php?href=<$mt:BlogURL$>&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe></li>
</ul>
</div>
</div>

5.  Make any customizations you'd like. For example, the second list item is a link to the umsciref Twitter account, but you might want to change this to your own account. The third list item is just a link to our photo set for 2010 Int'l Ed Week Library Information Fair. You could change the link to your own Flickr set, or just disable it by deleting or surrounding the code in comment tags. When you're done, click Save.
6.  Go to Design > Widgets
7.  If you have a 2-column layout, click "2-column layout - Sidebar". If you have a 3-column layout, you'll have to choose whether you want to add it to your primary or secondary sidebar.
8.  Now you'll drag the Social Media widget from the right column, "Available Widgets" to the left column "Installed Widgets". Click Save Changes, then re-publish your blog.

No TrackBacks

TrackBack URL: http://blog.lib.umn.edu/cgi-bin/mt-tb.cgi/134591

January 6, 2011 9:48 AM
May 23, 2011 9:29 AM
Greater than

Leave a comment



About this Entry

This page contains a single entry by Charlie Heinz published on January 6, 2011 9:48 AM.

New Resources in Biomedical Engineering was the previous entry in this blog.

Adding a Facebook "Like" button to your entries is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.