Enter your email address:

Delivered by FeedBurner


Sign up to receive a reply:

Powered by MT-Notifier

user-pic

Adding a Facebook Like button to your entries

Vote 1 Vote

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":
uthink-facebook.jpg

To add a "Like" button to the entry summaries on your blog's home page, follow these steps:


  1. Log in to UThink and select your blog.
  2. Go to Design > Templates
  3. 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.
  4. Finding the right spot in the code to add the button is tricky. You might see these four lines of code:
<mt:Unless name="hide_counts" eq="1">           
<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$>&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>

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.



5 Replies

| Add a Reply
  • I modified the code a bit to add a Twitter button:

    <br /><table style="margin-top:5px" border="0"><tr><td><iframe src="http://www.facebook.com/plugins/like.php?href=<$mt:EntryLink$>&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe></td>
    <td><a href="https://twitter.com/share" class="twitter-share-button" data-url="<$mt:EntryPermalink$>" data-count="none">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> </td>
    </tr></table>

  • Note that these instructions only work for the Classic Blog template set. To make them work with the Professional Website template set, you'll follow the same steps except that you won't be editing the "Entry Summary" template module. Instead, edit "Entry Metadata".

  • Thanks for posting info on adding social media buttons to the Uthink Blogs. . . I followed the directions and the tweet button works, but I get an "Object not found!" error for the Like button. I'm using the professional templates . . . any suggestions? I find that the like buttons only work on my Uthink Blog if I make a static URL to my webpage for the link, but that doesn't help in this situation.

  • I'm using the professional template as well and am not able to get the facebook like button....any help is much appreciated!

  • Looks like Facebook changed how their Like button works. Please ignore these steps until I can come up with updated instructions

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