Tips&Tricks: Java Script Tips

Showing posts with label Java Script Tips. Show all posts

How To Add Perfect Share Box to Blogger

In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google Buzz button with counter, official Stumbleupon button with counter, BlogThis! link, Email This! link, Print This! link, Comments count link and Facebook like button. I have configure all this button for Blogger blogs, so you can add this share box quickly to your blog.

How To Add New Blogger Tag /Label Cloud Widget

1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see this:

]]></b:skin>

3.Now copy below code and paste it before ]]></b:skin> tag.

Add this useful widget to your blog to give your readers more options to increase their reading comfort.
It allow us to change the text color of the post area as black, white, blue and gray.
It allow us to change the text size of the post area as 10, 12, 14, 16.

Follow below simple steps to add this widget.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag.
3.Now add below code before </head> tag.

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .

1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this :

How To Add Icon Image Before Blogger Post Title

1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:

How To Add Hover Menu Style Feature to Blogger Links

1.Login to your blogger dashboard.
2.Go to Layout- -> Edit HTML
3.Scroll down to where you see <head> tag :
4.Now add below code immediately after <head> tag .

How To Show HTML/CSS Codes On Coloured Background In Blogger Posts

1.Login to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see ]]></b:skin> tag.
3.Now copy below code and paste it before ]]></b:skin> tag.

.csscode {margin : 10px 10px 10px 10px;padding : 5px;clear : both;list-style-type : none;background : #F9F7E8;;border-top : 2px solid #000000;border-right : 2px solid #000000;border-bottom : 2px solid #000000;border-left : 2px solid #000000;}

Look at the example below.

How To Add jQuery Scroll Background To Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .

How To Add Style to Mouse Cursor in Blogger 13 delicious

1.Login to your blogger dashboard-->Layout > Page Elements
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below and click save.

Numbered Page Navigation Hack For Bloggers

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see ]]></b:skin> tag .
3.Copy below code and paste it just before the ]]></b:skin> tag.

How To Add Random,Rotating Images for Blogger Header

In this tutorial I am going to explain how to add random,rotating images for your blogger header background.When after you adding this feature to your blogger blog,header image of your blog will rotate/change in each page refresh.Before doing this trick you must create header images for your blog.In this tutorial I am going to show how to rotate 5 header images.
1.Log in to your dashboard--> Design- -> Edit HTML
2.Scroll down to where you see <body> tag.
3.Now copy below code and paste it just after the <body> tag.

How To Fix PNG Transparency Problem in Internet Explorer 6

If you are using Internet Explorer version 6, you can see png images of web pages showing inside a white background. It add a bad appearance to your website or blog.This is a problem because still some people are using Internet Explorer version 6,it is the default browser for windows XP.So this quick and simple tutorial will show you how to fix this

Most Wanted 15 jQuery Cheat Sheets for Web Developers

This is a free service and it is provided by http://www.onlineleaf.com/.Their standby engine is deliver a fully functional and simple way to help your website run requiring less energy to generate. It hides heavy animations, covers the window in dark colors (as these, in many cases are less energy consuming) and pauses heavily running background processes.
When your visitors are inactive, this engine launch a standby screen, with the text "Energy saving mode".

Question: I just started with Java and found very strange that in simple operation like:

float a = 31.335f;
float b = 12.2362f;
float result = a + b
gives
43.571200000000005 not 43.5712
Why?

There are times when you are not sure that the website that you are visiting is authentic. Use this code whenever in doubt

Tremors

Your browser will be very afraid of this code

If the code below doesn’t seem to work, please replace > with > and < with <

The Big Wheel

This piece of code pulls off all the images from your web page and rotates them in a circle. Really makes any page go naked (without its images). The best place to test is a website with many images. (Google Images for an example)

This code lets you edit any page/website in real-time

. With Firefox, you can even edit and save the modified pages to your computer. Very nifty code!

Tips&Tricks

How To Add Perfect Share Box to Blogger

How To Add New Blogger Tag /Label Cloud Widget

How To Add Change Font Size/Colour Widget to blogger

How To Add Floating ‘Subscribe’ Bar to Blogger

How To Add Text Resizer to Blogger