ADD JQUERY SCROLL BACKGROUND TO BLOGGER

ADD JQUERY SCROLL BACKGROUND TO BLOGGER

IN THIS TUTORIAL I WILL TELL YOU THAT HOW CAN YOU INSERT A SCROLL BACKGROUND TO BLOGGER. TO INSERT JQUERY SCROLL BACKGROUND , FOLLOW THE STEPS:-

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 .

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(function(){

// ***
// Scrolling background
// ***

// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$('body').css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}

// Start the animation
scrollbackground();
});
//]]>
</script>

4.Now scroll down to where you see like this code:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Note:above code can be different in your template.But important part is body { .

5.Replace above code with below code:

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOfccoC5Nj-AcekfSkpL1_b6e-e9MgNwGJTS0IS0V1TiE-c4WNrSkNnD5pfYvmzNSK-08V9jAb1wyTuyZsS_VwZhLmOAZyVLxja6hbjYFWa9yfgmfXel0-cCDWkeY5PvhbfnDpWxjY7P41/);
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Note: You can use any suitable image instead of above image.

6.Click on save template and you are done.

EDIT ANY WEBSITE IN BROWSER

EDIT ANY WEBSITE IN BROWSER:-

Imagine a world where you are a God and have ultimate control on what happens and more importantly, how it happens. Seems too good a dream. Now it has come true, at least for the online world.

Using this trick, you will be able to edit any webpage live in your browser as if it was a Wiki and change the details according to your wish. Yes, you read that right. You can edit Google or even Facebook for that matter right in your browser and that too without requiring any technical know-how or getting deep into hacking and cracking.

Here is an example picture demonstrating the Google Homepage edited by me to say that I own Google.

This is just an example. You can use it for anything like showing wrong traffic stats or for fooling people by showing that someone said something about them on Facebook or Twitter. It depends only on your creativity. But I would advise you to stay ethical and use it for entertainment purposes only.

(Mozilla Firefox does not support this. If you use Firefox, you can use the bookmarklets given at the end of this post. If you use Google Chrome and the code does not seem to work, precede it with "javascript:" without quotes.)

To use this trick, all you need to do is just copy the code given below and paste it in your address bar after you have opened the website you wish to edit. And start editing.

javascript:document.body.contentEditable%20=%20'true';%20document.designMode='on';%20void%200

You can capture a screenshot by pressing the Print Screen key or by using the Snipping Tool if you use Windows 7 or Windows Vista. If you wish to again make the website non-editable to give a more authentic look, copy and paste the code given below in the address bar after you are done editing (does not work in Firefox).

javascript:document.body.contentEditable%20=%20'false';%20document.designMode='off';%20void%200

ENABLE JAVASCRIPTS IN GOOGLE CHROME

ENABLE JAVA SCRIPT IN GOOGLE CHROME

In this post you will learn that how to activate java Script in Google chrome .JavaScript are used in web designing at a large scale.
For activating java script in Google chrome,follow these steps:-
STEP-1) Open the Google chrome,and go to the settings.

STEP-2) In the setting section,click on the “show advanced setting”

STEP-3)In the privacy section,click on “content setting”

STEP-4)Now a window will executed,then find the JavaScript section,and select “ALLOW ALL SITES TO RUN JAVA SCRIPTS”.

STEP-5)Click on OK,and close it.
NOW THE TASK IS TOTALLY COMPLETED.WHEN YOU OPEN ANY WEBSITE,BROWSER WILL ALLOW ALL SITES TO RUN JAVA SCRIPTS. IF YOU HAVE ANY DOUBT,PLEASE LEAVE A COMMENT AND ENJOY IT. DON'T FORGET TO SHARE IT WITH YOUR FRIENDS.