New Blog-y Blog

I'm trying out a new experiment while unemployed.  Since I'm the squarespace cheerleader, I've decided to have a place for all my little squarespace javascript hacks.  Check out http://javascript.squarespace.com/ for all my little tips and tricks for making squarespace work for you.

The design isn't there yet but I'll be building it up in the next few weeks.

Adding the "Like" Button to every post

I just figured out how to add the Facebook "Like" button to every post in my blog.  For those of you who use squarespace, this could be pretty useful for you. You must have jquery for this to run.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$('.journal-entry-tag-post-body-line3').each(function(index) {
var url = $('.title a').get(index);

$(this).append('<iframe src="http://www.facebook.com/widgets/like.php?href='+url+'" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe>');
});

});
</script>

Update on Wednesday, June 2, 2010 at 11:25AM by Marissa

You only need to put this once, either in the header of your entire site or in the header of your blog that you want it to live on.

----------------

Please note from Rick (rick@minervadesign.com):

I found you need to adjust the code to have the Like for each separate blog entry:

This section needs to look like this:

$('.journal-entry-tag-post-body-line3').each(function(index) {
var url = $('.journal-entry .title a').get(index);

it's working on a website for a team I run: http://www.solobreakracing.com.

If you don't, what happens is if you have other links on your website, you're actually apply the Like to that website and not the actual blog summary.

Update on Thursday, August 19, 2010 at 11:10AM by Marissa

So Squarespace has now integrated HTML Snippets into their system, thus making this hack unnecessary.  You can still use this type of thing for other inserts but I would go ahead and use their system moving forward.