Create a Floating Feedback and Back-To-Top Button For Your Blogs

Asking your visitors to leave you suggestions or feedbacks can be pretty easy only if you provide them with an easy access to your feedback page. Readers are often lazy and getting them to leave a feedback is often tough. However you can let them comment willingly if you add a floating feedback button to your blog, that floats as a reader scrolls down or up. This floating button can be made more user friendly and eye-catching if you add a roll over effect to it. Hover your mouse over my feedback button at the bottom-left corner of this page and observe how the button magnifies when you hover your cursor over it. Liked it? Lets now learn the TNT of adding a Feedback Button to your blogs, along with a Floating Back-To-Top Button, which I will discuss later.

How to Create a Table Of Contents Page For Blogger?

You have seen that I have created an automatically updated table of contents page that shows the links to all posts published so far at this blog. This widget displays all your posts category wise and really saves time. This widget will also tell visitors that which posts are new and which are old. I have modified the CSS in order to make it suit your blog appearance.

How To Create Random 468x60 AD Banners Widget?

After having shared 125 by 125 Random Ad Banners Widget For Blogger I hope you will love learning how to create Random 468 by 60 AD Banner widget for your websites.  468x60 Banners are as widely used as 125x125 banners. They are displayed often at the upper part portion of web blogs or other websites. I have kept the coding simple and editable. The banners will change randomly upon each page load or page refresh.  Kindly view a demo first.

Add a Random Banner Widget To Your Blogger Blogs

To do this simply add the following code in your HTML/JavaScript Widget,

<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-3' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>

MAKE THE FOLLOWING CHANGES:-

1.  Replace URL OF ADVERTISER with the website link of the advertiser

2.  Replace URL OF BANNER’S IMAGE-1  and URL OF BANNER’S IMAGE-2 and URL OF BANNER’S IMAGE-3 with the Image links of the Advertiser’s banners

3.  Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover. You can leave it blank if you wish.

That’s it!

Apply it and save your widget to make the magic code work in action! :>

Create Facebook and Twitter Custom Follower Counters

I was thinking as why some services like Facebook, Digg, orkut, stumbleupon has no follower, fan or friends counter. While I was customizing my template I needed a follower counter for Facebook but unfortunately I could not find any. So I decided that why not create my own custom follower counter. This idea enabled me to create a follower counter for any service you like!