Friday, August 17, 2007

Easier way to link your friends in your blog

My friends have been complaining about me not linking their blogs in my blog. I had decided not to link anyone because it involves editing the template for every addition or deletion of a link, which is not a convenient process. Namely, I have to log in to Blogger, choose the right blog, go to it's template HTML, scroll down and find the links, edit the HTML code and make sure everything is fine.

Then I started thinking of ways to simplify this. First I thought of creating a separate page and storing it in an online server, then embedding it with IFRAME tag of HTML code. But I abandoned this idea since it makes the page dirty with a frame box, and may fail in certain situations. Moreover it still has the HTML coding.

Then I thought of using the power of JavaScript. So I came up with this idea of a script that automatically creates the list of blogs that I want to link.

First, you have to create the script. To make things simple, I have a template script, with which you can start off. You can download it by clicking here.

You will be downloading a file called "template.js", which can be renamed to anything else, for example "filename.js", but the extension ".js" (if you see any) must remain. You can open the file in Notepad. The instructions to add the links are available in the file itself, so I hope I don't need to repeat them. There are some examples included to give you an idea of how things should be.

Next you will have to upload this file to an online server. The server must allow you to directly access your file, that is, you don't need to go through web pages to access the file. If you have a Gmail account or a Google account, you can upload it to Google Pages. If not, you can create a Google account or Gmail account for free. Once uploaded, you will have to edit your blog template and include a code to make this work. The following code should be placed wherever you want the list to appear:

<script src="JS-FILE-URL-HERE"></script>
<noscript>JavaScript is either disabled or unsupported in your browser. <a href="">[Easier Linking]</a></noscript>

In place of "JS-FILE-URL-HERE" you must put the URL address of the file you had uploaded. Now, whenever you want to add a new link, simply edit the local copy of the file and re-upload it to Google Pages or wherever you had uploaded originally. You can always download the file from Google Pages if you don't have a local copy.


  1. hey that's you've jumped into blogger hacking :)

  2. haha there's not much hacking involved in the whole thing. it's just helping me avoid editing the template everytime i have to update my friends list.
    anyway thanks for reading my blog :)


Comments are moderated, and are usually posted within 24 hours if approved. You must have a minimum of OpenID to post comments.


Related Posts with Thumbnails