Linked Lists on Squarespace

Some of my posts are little more than a link, and what right do I have to steal eyeballs from someone else’s amazing work? While seeking a way to create a Daring Fireball-style Linked List I found Chris Armstrong’s website Chasing Perfection where he was doing exactly what I wanted. I sought him out on Twitter and he helped me create a Linked List that sends readers straight to the linked site.

In another experiment, I used Storify to capture the conversation for others seeking the same solution. So, here you go.

[View the story “Linked Lists at Squarespace” on Storify]

Basically, there are three steps that are covered by Squarespace support.

  1. Install jQuery via code injection in the header code.
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  2. Inject a little more code into the header.
    <script type="text/javascript">
    $(function(){
    $('.extLink').each(function(index){
    		a = $(this);
    		a.closest(':has(.title)').find('a.journal-entry-navigation-current').attr('href',
    		a.attr('data-link')
    		)
    	})
    });
    </script>
  3. For items in your Linked List, be sure to add the following in your Raw HTML. Using Raw HTML ensures the additional tag isn't ignored. I'm placing this info at the top of my posts.
    <span data-link="http://HeadlineLink/" class="extLink"></span>