Enter your email address:

Delivered by FeedBurner


Sign up to receive a reply:

Powered by MT-Notifier

user-pic

Create a Social Media Widget

Vote 0 Votes

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

In UThink, with your blog selected, go to Design > Widgets
Under Widget Templates, click "Create widget template"
Give the widget a name. I called mine "Social Media"
In the body, paste this code:
<div class="widget-feed widget">
<h3 class="widget-header">Social Media</h3>
<div class="widget-content">
<ul>
<!--RSS Feed-->
<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>

<!--Twitter-->
<li><a target="_blank" href="add a twitter URL here"><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>

<!--Flickr-->
<li><a target="_blank" href="add a Flickr URL here"><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>

<!--Facebook Like button-->
<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. Modify the code above for your own Twitter account. 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.

Add a Reply

Forum Groups

Classic Blogs and General Info

29 13

Last Topic: Can I use PHP code in my blog? by Charlie Heinz on Jan 9, 2012

Discussions

Q&A

Be the first to post a topic in this forum

Blogging Principles

Be the first to post a topic in this forum

Other Template Sets

Community Blogs

Be the first to post a topic in this forum

Community Forums

Be the first to post a topic in this forum

Widget Marketplace