A Simple Widget for Your Blog

Posted on the December 9th, 2008 under Blog by Papa Bear

sideIt is good to be back after a few days away due to the celebration of Aidil Adha recently. I have been receiving a few queries on how to put the link to my RSS feed using the widget at the bottom right of this blog page and therefore, I might as well share it with all of you who wants to have that as well.

Before I go on, please take note that I am not a programmer and therefore, my explanation would not go beyond my limited technical knowledge. Furthermore, I found this piece of code while hopping around from one blog to another and I could not remember where I learned this but this method was mentioned in a few blogs out there. So, blog hopping is not really a waste of time after all…

This method is the simplest that I have found so far. The other method that I learned was more complex and required that you have access to your hosting server. So, for the benefit of those who are not self hosted, I have decided to teach you this simple coding and it is what I am using too.

CAUTIONS: I am not responsible for any damage to your blog so do this after you have backed up your code and at your own risk!

Below is the code that you need to copy to your HTML file.

<div style="display:scroll;position:fixed;bottom:5px;right:5px;">
<a href="http://your own URL here" title="your own title here">
<img style=border="0" src="the location of your image file here" alt="your own text here"></a></div>

You need to copy this code right after the <body> tag if you want to load it first or before the </body> tag if you want to load it last, in your HTML file. If you do not know how to do that, I suggest that you go and read a bit about your theme file / HTML file as without that basic, I do not recommend that you touch it.

After you have copied the code above, replace the part as indicated in the code above with your own URL as well as your own image location. The texts are optional but it would be nice of you to add them in.

You can experiment with the location of the image by changing the value starting from the "display and before the closing ".

You may need to press F5 if nothing happened after you have updated your HTML file and if still nothing happenen after that, you must have done something wrong. This should work on any self hosted wordpress blog as well as any Blogger blog. I have no knowledge about any other blog platform out there.

Another thing to note is, if you have copied the code above to your Notepad, just pay attention to the ” sign as Notepad tends to change it and it would not work if you just copy from it directly. Just retype all the ” and you will be okay.

That’s all for now and enjoy your new skill.

Reblog this post [with Zemanta]
Related Posts with Thumbnails

59 Responses to 'A Simple Widget for Your Blog'

  1. April 19, 2009 at 2:13 pm
    Mosaika
  2. December 26, 2010 at 2:17 am
    zik
    • December 26, 2010 at 3:51 pm
      papabear
  3. January 15, 2011 at 2:57 am
    mata-matsany
    • January 15, 2011 at 1:42 pm
      papabear
  4. January 15, 2011 at 8:40 pm
    TNSkY
    • January 15, 2011 at 8:58 pm
      papabear

Leave a Reply




XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Please Note: Your comment maybe under moderation. There is no need to resubmit your comments. Subscribe to this post comment rss feeds for future updates. Thank you! This is a Gravatar-enabled blog. To get your own globally-recognized-avatar, please register at Gravatar.

CommentLuv badge

Notify me of followup comments via e-mail. You can also subscribe without commenting.