A Simple Widget for Your Blog
Dec 9th, 2008 by papabear
It 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]](http://img.zemanta.com/reblog_e.png?x-id=f51606a5-2362-4e0e-a57a-3d97c9d6f69b)





first
Reply
Bro you eventually blog about this. I have been searching this for long while. Having this is good. people will notice when scrolling down the blog or what…
Reply
A Simple Widget for Your Blog…
A short tutorial on how to add a simple side widget for your blog….
hai beruang, betol la beruang crite pasal nuffnang tuh. tapi dier tetap kire gak. cumer pengguna celcom broandband dier tak kira. yg guna server lain dier kire. aku nak pegi umah akak aku nih pinjam dier nye streamyx. aku nak blajo aa add lain ngan ko. nanti aku anto ko email yek. bai beruang.
Reply
ahmike, you can do it now! and congrats for becoming the 1st commenter!
Reply
ummu, apa yg dia tak kira? blajo aa add? konpius aku… haha
Reply
KisahberuanG.com® » A Simple Widget for Your Blog…
A short tutorial on how to add a simple side widget for your blog….
KisahberuanG.com® » A Simple Widget for Your Blog…
A short tutorial on how to add a simple side widget for your blog….
A Simple Widget for Your Blog…
A short tutorial on how to add a simple side widget for your blog….
Bro, will this widget slow my page loading rate? I have received few complaints last month on how slow my page was. So, I deleted some of less important widgets to increase my loading rate. Do you think my site is still slow?
bluecrystaldude´s last blog post… 14 Recommendations, 10 posts and 73 Comments
Reply
bluedude, it is only a small code and as for me I load it last and therefore, does not really slow down anything. As for you blog, I just loaded it and the only slow part is when it is loading something called h1.ripaway.com. That took more than 10 seconds and once that was done, everything else was quite fast…
Reply
halo there. hehehe. nice tutorial. i see that bluedude’s blog has a very good traffic from USA. Would be better to monetize either using adsense and chitika.
Taukey´s last blog post… Petunjuk Pengunjung
Reply
I have Feed Me on my blog… Cool!!!
http://www.gabriellai.com/
Gabriel Lai´s last blog post… We Need You in Club8858
Reply
taukey, yup! that bluedude is famous outside Malaysia… hehe
gabriel, i saw that! cool!
Reply
hahaha. aku pon konpius. maksudnye nuffnang tu still kire org yg dtg bukan guna ip celcom. ala ko kan ade byk add add tu kan. aku nak ler tau camne nak ape kan nye. sori ler. tadik tgh ngantok. huhu.
ummu_hanis´s last blog post… kenapa dengan aku????
Reply
ummu, ooo… selain dari Adsense, ada Project Wonderful, Adgitize, dan Contexweb dan semuanya mesti English content….
Reply
haha..i also made the same tutorial last time..LOL
|1f34|-|1r3´s last blog post… Alert : CIMB-clicks phishing e-mail on the loose
Reply
life4hire, may be I got that from your blog. I had to do it as there were many people asking how to do it. Thanks to you bro!
Reply
haha..no worries bro..sharing is caring ! myabe this post can help you remember it! and this was your comment…hehe
shaxx on Fri, 21st Nov 2008 1:27 am (Edit)
——————————————–
Ini lah yang ku cari cari… thanks bro!
|1f34|-|1r3´s last blog post… Alert : CIMB-clicks phishing e-mail on the loose
Reply
papabear,
i seen lots of this widget but with no link and just to beautify the blog. but today you had give me the idea on using the widget to feed reader with feeds. thanks papabear. applied it on my blog already. check it out!
Teens Make Money Online | Zulhusni´s last blog post… Stop YM & MSN..use Digsby??
Reply
life4hire, that’s right! thanks for reminding me!
zulhusni, glad that you have found it useful
Reply
This is really, really cool! Gonna add this to my blog. Muahaha! Thanks. =)
tekkaus´s last blog post… Exam, Maybank Visa Debit Card & CIMB Islamic MaxInvest
Reply
nanti ilang plak liverpool logo sha tuh…hihihi…regardless, it’s nice bro..
cheryna´s last blog post… sha: kiss the rain
Reply
hi papabear.. very good widget!! first i installed it while dropping by at your blog.. hehhh really increase my feeds count eventhough i’m still new to blogging.. thanks so much for your effort..
ecah´s last blog post… Eid Mubarak..
Reply
hehe. macam nih pun leh jadi. Hehe
best!
bantingboy´s last blog post… What should I do?
Reply
this widget is cool, can attracted visitor click on it
Reply
Senang rupanya..
ingatkan kena berjava script tadi
Reply
Nice Info friend
Reply
tekkaus, no problem and have fun with it!
cheryna, thanks sis!
ecah, great that it works for you!
bantingboy, mesti buleh punya!
calvyn, that’s the idea!
zool, memang senang jer…
easiest online, thanks!
Reply
Salam, terima kasih ye… saya sangat suke widget ni.
baru je pasang.
Reply
emme, bagus bagus!
Reply
brader letakn link saya kat blog awak leh x
Reply
emah,boleh, tp letak link saya dulu kat blog awak…
Reply
nanti aku try kat salah satu blog aku.
Reply
titan, selamat mencuba!
Reply
Nak kena try test tengok nih..
Reply
BTW, I have linked you on my blog.. hope you don’t mind!
flawedangel´s last blog post… Holy Schmoley!
Reply
Woohoo! It worked! Thanks PapaBear!
(Tapi kita punya graphic lain
)
flawedangel´s last blog post… Holy Schmoley!
Reply
naira, silakan try test tengok…
flawedangel, thanks and i don’t mind. will link you back. and of course you should use your own picture…
eh… both of you are the same person eh…?
Reply
Nak tanya, compatible tak dengan ie6? macam messed up je bila view ngan ie6 padahal guna browser2 lain ok je (opera, firefox, chrome)…
kena consider gak..sbb ramai lagi org yg guna ie6 bcoz default browser win xp…
Reply
thanks.. noted that!
sufian´s last blog post… Screenshot Maybank2u Phishing!
Reply
eins, ya betol! not compatible with IE6 and below. IE7 is okay. BTW, I only have a few visitors coming in with IE6… thanks for the info!
Reply
[...] A Simple Widget for Your Blog [...]
I’m not sure what this widget is for? What is it supposed to do?
If it’s for that, well, OKAY!
Feed me what? Money?
Reply
I create mine using javascript btw, need to use transparent gif though coz in older browser transparent png is not supported..
EiNS´s last blog post… Reunion Budak² Kelas 6 Merah
Reply
fitness diva, you can link it to anywhere you like. the tag there is justto get attention and nothing else. the link that I put there is to my rss feed at feedburner.
eins, can u show me how to do transparent gif. thanks.
Reply
haha..nice tutorial..thnx!
im gonna alter the image a little bit and put it on my blog..
hope it will increase my blog subscriber..
flip9´s last blog post… How fast is your reaction?
Reply
flip9, it is recommended that you use your own picture and you are most welcome!
Reply
Read JomPHP for tutorial on creating transparent gif..
Just create a “follow button” for my blogspot blog, easy for people to follow my blog…
take a look at : http://ipsa-net.blogspot.com
Reply
papabear replied:
December 19th, 2008 at 2:14 am
thanks. saw that already! tp yg follow button tu kat mana?
Reply
First of all congratulation for such a great site. I learned a lot reading article here today. I will make sure i visit this site once a day so i can learn more.
Reply
papabear replied:
December 19th, 2008 at 2:16 am
you are welcome!
Reply
I congratulate on a holiday of all
_______________
http://mosaiclife.ru
Reply