How to copy / recover a link list

Why would you want to copy a LinkList? I can think of at least two reasons:

  1. You accidentally deleted your LinkList and want to recover it.
  2. You have a long link list and would like to import it into a new blog. You can re-enter the links one by one yet again, but why? Copying it is much easier.

Recovering deleted LinkList

  1. Do a site search on your blog. Enter site:YOUR BLOG URL in Google search. Google will list out all your blog pages.cached page link
  2. Look for "Cached" links in the search results.
  3. Click on a cached link until you see your link list in the linked page.

    Copying the links from source code

    This tip can be used when copying a link list from any site, not just Blogger blog.

    1. View the page that contains the link list.
    2. To view the source code, press Ctrl+U in Firefox or go to View > Source in IE. A new window containing the page’s source code will open.
    3. Locate the list inside the code window by searching for the title of the widget, in this example “Favorite Sites”. You should find something like this:
      <div class='widget LinkList' id='LinkList1'>
      <h2>Favorite Sites</h2>
      <div class='widget-content'>
      <li><a href='' >Bicara Jutawan</a></li>
      <li><a href=''>Malaysia Newsroom</a></li>
      <li><a href=''>Bicara Jutawan</a></li>
      <li><a href=''>Bicara Jutawan</a></li>
      <div class='clear'></div>
    4. Copy the code starting from <ul> until </ul> tag.
    5. Go to Design > Page Elements > Add A Gadget and select HTML/Javascript gadget.
    6. Enter title and then paste the code inside the content box.
    7. Save and view your blog. You should be able to see the link list now.

      Adding new links

      The link list you’ve just added is no longer  a LinkList gadget, as such you won’t see a LinkList gadget interface when editing. New links will have to be entered by adding this code manually for each link:

      <li><a href='LINK URL'>LINK TEXT</a></li>

      right before the closing </ul> tag.


      6 comments to "How to copy / recover a link list"

      Darlene S. April 25, 2010 at 1:45 PM    

      Wonderful! I was wondering how people could tell what codes were broken on a site if they were not the owners/designers of the site! :) View+ Source is the magic trick! :) Thanks!

      Greenlava April 25, 2010 at 5:08 PM    

      @Darlene Servolini
      Yes you're right, there is a lot of info we can get from source code.

      Trailere HD February 11, 2011 at 5:44 PM    

      Hello there GreenLava :)

      I have a request for you, if it's possible...
      Please look at my site (in my signature). I placed a FB Like Box, and I want to change the link color. I tried everything, including !important function, but it seems it don't work.
      Could you help me, please? Thanks's!

      Greenlava February 11, 2011 at 9:00 PM    

      @Trailere HD
      I'm afraid you can't change that, because it's in an iframe.
      But I might have a solution for you. Did you notice my Like button at the end of this post? It's a normal Like button, except it likes my Facebook page (not this post). You can make that too.
      Refer to this tutorial to get the button code: Add Facebook Like button to Blogger
      You want to replace + data:post.url + with the URL of your Facebook page. Then paste the code to replace your Like box's code. Then add whatever text or link as you wish in the color of your choice :)

      Trailere HD February 11, 2011 at 11:27 PM    

      Thank's for the tip!
      Another solution I found is to give a css background-color property to that specific widget that contains the like box, but it doesn't look so nice...

      Thank's again :)

      Unknown March 28, 2011 at 2:58 PM    



      BE BRAVE

      Post a Comment

      We love to hear from you! Leave us a comment.

      To ensure proper display, HTML/XML/Javascript need to be escaped first using this escape tool.