trying this again. 3:50 > 3:55
Charlie Heinz: 2011 Archives
testing
tests are great content for test blogs
This is a test post from Posterous. 12:14PM
blee blee blee
blah blah blah
this is a test of scheduled entries
silly Thursdays
gibberish
Ping ping!
With a Facebook Like Button, your readers can post on their wall that they like the current entry in context. To test this functionality, I liked one of my entries on my blog "Test Blog Test":
To add a "Like" button to the entry summaries on your blog's home page, follow these steps:
<mt:IfCommentsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#comments"><$mt:EntryCommentCount singular="1 Comment" plural="# Comments" none="No Comments"$></a></mt:IfCommentsActive>
<mt:IfPingsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#trackbacks"><$mt:EntryTrackbackCount singular="1 TrackBack" plural="# TrackBacks" none="No TrackBacks"$></a></mt:IfPingsActive>
</mt:Unless>
Leave this code intact, but follow it with this:
| <iframe src="http://www.facebook.com/plugins/like.php?href=<$mt:EntryLink$>&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
5. Click Save.
5. Now repeat steps 2-4, except that in step 3, you're looking for the Archive Template called "Entry" rather than the Template Module called "Entry Summary". This will place the "Like" button on individual entry pages, not just your home page.
6. Click Save and re-publish your site.
I'd be happy to do this for anyone upon request.
To add a "Like" button to the entry summaries on your blog's home page, follow these steps:
- Log in to UThink and select your blog.
- Go to Design > Templates
- If you created your blog since June 2009, look under Template Modules, click Entry Summary. If you don't see this, let me know, and I can find a solution for you.
- Finding the right spot in the code to add the button is tricky. You might see these four lines of code:
<mt:IfCommentsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#comments"><$mt:EntryCommentCount singular="1 Comment" plural="# Comments" none="No Comments"$></a></mt:IfCommentsActive>
<mt:IfPingsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#trackbacks"><$mt:EntryTrackbackCount singular="1 TrackBack" plural="# TrackBacks" none="No TrackBacks"$></a></mt:IfPingsActive>
</mt:Unless>
Leave this code intact, but follow it with this:
| <iframe src="http://www.facebook.com/plugins/like.php?href=<$mt:EntryLink$>&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
5. Click Save.
5. Now repeat steps 2-4, except that in step 3, you're looking for the Archive Template called "Entry" rather than the Template Module called "Entry Summary". This will place the "Like" button on individual entry pages, not just your home page.
6. Click Save and re-publish your site.
I'd be happy to do this for anyone upon request.
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:
<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$>&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&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.
