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.

For a feedback button you will need two images, one small (30 by 145 pixels) and one large (35 by 170 pixels) You can also use my feedback button if you wish,

Small Image :                                Large Image : 

You will then need to upload these images to an image hosting web service like Photobucket or other services like Google sites and sigmirror

Get URLs for both these images and then follow the steps below

 

• Sign in your blogger account
• Go To Layout > Page Elements

• Click on add a Gadget

 

• Click on HTML/JavaScript

 

• Now Copy paste the code below into the HTML/JavaScript widget,

<!--TNT-by-STC-FEEDBACK-IMAGE-STARTS-->

<a style="display:scroll;position:fixed;bottom:5px;left:0px;" href="URL Of Feedback Page" title="Your Feedback is always welcomed!"><img onmouseover="this.src='URL of your Larger Feedback button'" src="URL Of Your Smaller Feedback button" onmouseout="this.src='URL Of Your Smaller Feedback button'"/></a>

<!--TNT-by-STC-FEEDBACK-IMAGE-STOPS-->

 

Note:- Remember to replace the Colored text with the required detailed specified. You can change the text “ Your Feedback is always welcomed! “ with any message you like. You must have a Contact page, where users could fill up an Email form to send you their Suggestions.

• Finally save your widget and view your blog with a floating Feedback button at the bottom-left corner of your homepage.

Add a Floating Back–To-Top button to your blog

If your blog’s homepage is really long or if you write lengthy posts then you must add a Back-To-Top button to your blog, by clicking which, users blog will be taken straight to the top (Header) of your blog. You can see my floating back-to-top button at the bottom-right corner of this page.

To add this button to your blog you will again need two identical images, one small and one large. May be you would like some of these buttons,

                                      

Now lets learn on how to plant the TNT of adding a floating back-to-top button to your blog.

Follow the same steps as you did for adding the floating Feedback Button. Just paste the code below In your HTML/JavaScript widget,

<!--BACK-TO-TOP-STARTS-->

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='URL Of Your Larger Button Image'" src="URL Of Your Smaller Button Image" onmouseout="this.src='URL Of Your Smaller Button Image'"/></a>

<!--BACK-TO-TOP-STOPS-->

Note:- Remember to replace the required detail with specific URLs of your Back-to-top buttons

Just save your widget and view your blog with a floating Back-To-Top button at the bottom-right corner of your homepage.

That’s All!

More

Mohammad 5/10/2009

Free High Quality Flash Clocks For Your Blogs

A clock gives a beautiful look to a website. A clock is a must for a personal homepage, forum, blog etc. Isn’t it exciting when you get a highly quality flash Clock absolutely Free? FreeFlashclocks.eu is offering Free download plus embedding of hundreds of highly professional Clocks in different shapes, sizes, colors, themes and styles. Below I have shared some of the clocks from FreeFlashclocks.eu and have provided the embedding code. Simply copy the code below each clock and past that code in Edit Html Section of your blogger editor to display the clock in your posts just like I did! See a Screenshot below,

To add a clock to your sidebar simply paste the code provided in HTML/JavaScript Page Element . Go To Layout > Click Add a Gadget > From the list Select HTML/JavaScript

See screen shots below,

You add these clocks to your websites just the way you embed  YouTube Videos. I have altered the code so that it may work just perfectly alright in your BlogSpot blogs.

1. A Clock plus a Calendar

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf"> <embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf" width="150" height="250" wmode="transparent"></object>

2.     A rotating Silver Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf" width="150" height="150" wmode="transparent"> </embed></object>

3.     A rotating Red belt Round the Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-58.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-58.swf" width="150" height="150" wmode="transparent"></embed></object>

4.     An Open space Clock with attracting face

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf" width="150" height="150" wmode="transparent"> </embed></object>

5.     Wooden Clock, with A Light Brown Outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object>

6.      A Clock with a Lively touch to it

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-8.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-8.swf" width="150" height="150" wmode="transparent"> </embed></object>

7.     Analogue Plus Digital

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf" width="150" height="150" wmode="transparent"> </embed></object>

8.    A Clicking Digital Clock (The ticking Sound that you hear is from this Clock)

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height="150" wmode="transparent"> </embed></object>

9.      Simple yet Attracting

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf" width="150" height="150" wmode="transparent"> </embed></object>

10.     Finally a beautiful Clock with a Think Black Outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>

I hope you like the clocks Feel free to ask anything in the comment box below

More

Mohammad 5/02/2009

Speedup Mozilla Firefox, Make it Faster, Much Faster!!

Fed up of slow browsing speed? Don’t worry technology has brought many solutions. Mozilla Firefox is the best browser you can have. Many browsers like Safari claim to be thrice faster than Mozilla but they fail when it comes to innumerable features Mozilla can support whilst others can not. Mozilla Firefox even lets its users to speedup its browsing speed. You can make Mozilla run much faster than Safari just by tweaking Mozilla’s configuration.

I have shared two methods. Method 1 is a manual method and requires no installing of any software or add-on whilst Method 2 requires installing a Mozilla add-on called FasterFox and requires sign up for an account.

Note:- Method 2 is much easier than Method 1. Method 2 is recommended for newbie. To go to Method 2 directly Click here

Method 1

1.   Open your Mozilla Firefox Browser

2.   In the address bar type about:config and hit enter

A warning message will open. Simply click the button with this message “I’ll be careful, I promise!”

3.   In the filter bar type network.http.pipelining as shown below,

 Double click network.http.pipelining , this will change the default false value to true as shown above.  

4.   Now in the filter bar type network.http.proxy.pipelining   and then double click it to    change its value to true as we did for step 3.

5.   Now locate this network.http.pipelining.maxrequests Right click it and select Modify

The default value is 4 so set it to 8.

6.   Now clear the filter bar, so to get on the main page. On the same page where you are i.e about:config, Right click on any blank space, then select New > Boolean

name it network.http.pipelining.firstrequest and hit OK

Now when asked to enter Boolean value, select true and click OK.

7.   Right Click on any blank space and select New > Integer

Name it nglayout.initialpaint.delay and hit OK

When asked for integer value set it to 0

8.   Restart your browser and enjoy the new browsing speed!

Method 2

This method is pretty easy. Whatever I discussed in Method 1 can be done using a firefox add-on called FasterFox. Fasterfox speeds up Mozilla’s browsing speed and also shows the load time of a webpage.

Note:- You will need to sign up for a Mozilla account to use this add-on. In this case Method 1 dominates Method 2

After installation you will be asked to restart your Mozilla browser, do so. After a restart, you will see an image with timer at bottom-right corner of your browser. Look below,

Right click this image and select options, a window will open as shown below,

Select the option Turbo Charged for maximum performance and hit OK.

Done!

Feel free to ask anything unclear

More

Mohammad 3/29/2009

From Uppercase to Lowercase, Change Capital Letters To Small and Vice Versa

When you write a post, letter, speech, essay, article etc, sometimes you need to convert a long string of words from Uppercase (From capital letters) to Lowercase (small Letters), and doing this is often a hectic and annoying work, because you have to rewrite the entire string of words in order to convert it to Capital letters or small. But now you don’t need to worry anymore! Because now Online Text Convertor services like www.textconvert.com have come to our rescue!

You just need to copy paste your text and have it converted, that’s it! See below,

 

I hope this may help you a lot with your articles and posts

Feedback, suggestions and questions are always welcomed. 

More

Mohammad 3/29/2009