Thursday, 3 March 2016

how to add smooth mouse wheel scroll effect in blogger

how to add smooth mouse wheel scroll effect in blogger

In this article, we will show you how to add smooth mouse wheel scroll effect in blogger.Smooth mouse wheel scrolling effect makes your site easier to navigate. It adds vertical scrolling on your site allowing you to smoothly scroll up/down the webpage using mouse wheel

  • First Of Go to Blogger
  • After That Click On Template >> Edit HTML  
  • Now Click anywhere inside code area  then press Ctrl+F keys then Hit Enter
  • Now Find this code <head>
  • Then paste the below code just after <head>
<script
src='http://ajax.googleapis.com

/ajax/libs/jquery/1.7.2/jquery.js'

type='text/javascript'></script>


  • now in the template search for the </head> tag.
  • After finding the </head> tag, just above it paste the following code.

<script type='text/javascript'>
/*<![CDATA[*/
/**
*Smooth Scroll Mouse Wheel By ATP
*/
(function() {
this.GambitSmoothScroll = function( settings ){
if ( typeof settings === 'undefined' ) {settings = {};
}
var defaults = {
'amount': 150,
'speed': 900
};
for ( var key in defaults ) {if ( ! settings.hasOwnProperty( key ) ) {
settings[ key ] = defaults[ key ];
}
}
// Disable in mobile because we don't need smooth scrolling
there
if ( navigator.userAgent.match(/Mobi/)) {
return;
}
this.settings = settings;
this.startedAsTrackpad = false;
this.start();
};
/**
* Start our plugin
*/
GambitSmoothScroll.prototype.start = function() {
document.addEventListener('DOMContentLoaded', function() {
window.addEventListener( 'wheel',
this.overrideScroll.bind(this) );
}.bind(this));
};
/**
* Stops the current scroll
*/
GambitSmoothScroll.prototype.stop = function( isDown, timestamp
) {
if ( typeof this.scrollInterval !== 'undefined' ) {
this.startedAsTrackpad = false;
clearInterval( this.scrollInterval );
this.scrollInterval = undefined;
}
};
/**
* Performs the smooth page scroll
*/
GambitSmoothScroll.prototype.newScroll = function( isDown,
timestamp ) {
// If the scroll went the opposite way, reset the scroll as if
from full stop
if ( isDown !== this.isDown && typeof this.isDown !==
'undefined' ) {
this.stop();
}
this.isDown = isDown;
// If called to scroll from a full stop, create our scroller
loop
if ( typeof this.scrollInterval === 'undefined' ) {
this.startingSpeed = this.settings.amount;
this.scrollInterval = setInterval( function() {
// Perform the scroll
var scrollBy = ( this.isDown ? 1 : ‐1 ) * this.startingSpeed
/ 15;
window.scrollBy( 0, scrollBy );
// Stop the scroller when the scroll becomes too small
this.startingSpeed *= 1 ‐ ( 900 / this.settings.speed ) / 10;
// 0.9;
if ( Math.abs( scrollBy ) < 1 ) {
this.stop();
}
}.bind(this), 16.666666667 ); // 60fps
// If called while the page is still scrolling, add more
momentum to the current scroll
} else {
// Base the momentum multiplier on the delta time to avoid
super fast scrolls
var multiplier = 1 + ( timestamp ‐ this.prevTimestamp ) / 40 *
0.7;
// Limit the amount
this.startingSpeed = Math.max( this.startingSpeed *
multiplier, this.settings.amount );
this.startingSpeed = Math.min( this.startingSpeed, 300 );
}
this.prevTimestamp = timestamp;};

/**
* Stops the default scroll behavior and does our own thing
*/
GambitSmoothScroll.prototype.overrideScroll = function(e) {
// Normalize wheel delta scroll
var delta = e.wheelDelta ? ‐e.wheelDelta / 120 : (e.detail ||
e.deltaY) / 3;
/**
* Basically, when we check the delta variable, trackpads give
out a value of < 1 && < ‐1
* mouse wheel scrolls give out a value >= 1 || <= ‐1
* We can use this to turn OFF smooth scrolling for trackpads.
*
* IMPORTANT: Firefox in Mac somehow handles things
differently.
* the skipCheck variable handles things for FF in Macs
*/
// Special for Firefox‐Mac
var skipCheck = false;
if ( typeof window.mozInnerScreenX !== 'undefined' ) {
if ( navigator.platform.indexOf( 'Mac' ) !== ‐1 ) {
this.startedAsTrackpad = false;
skipCheck = true;
if ( e.deltaY === parseInt( e.deltaY, 10 ) ) {
this.startedAsTrackpad = true;
return;
}
}
}
if ( typeof this.trackpadTimeout !== 'undefined' ) {
clearTimeout( this.trackpadTimeout );
this.trackpadTimeout = undefined;
}
// If delta is less than 1, assume that we are using a
trackpad and do the normal behavior
if ( ( Math.abs( delta ) < 1 || this.startedAsTrackpad ) && !
skipCheck ) {
this.trackpadTimeout = setTimeout( function() {
this.startedAsTrackpad = false;
this.trackpadTimeout = undefined;
}.bind(this), 200 );
this.startedAsTrackpad = true;
return true;
}
// If the code reaches here, then scrolling will be smoothened
// Disable normal scrolling
e = e || window.event;
if ( e.preventDefault ) {
e.preventDefault();
}
e.returnValue = false;
// Perform our own scrolling
this.newScroll( delta > 0, e.timeStamp );
};
}());
/*]]>*/
</script>



  • Now again Find in the template, search for </body> and just above it paste the following code.

<script type="text/javascript">
new GambitSmoothScroll({
amount: 150, // The scroll amount
speed: 900 // The scroll speed
});
</script>


  • Save Template

We hope this tutorial has turn out to be useful for those who were looking to add a smooth parallax mouse wheel scroll using jQuery on to their websites. If you have a better way of doing this job then feel free to leave a comment below

Tuesday, 1 March 2016

How to Delete Blogger Blog Permanently

Have you ever tried your blogger blog to delete it permanently? Are you able to
delete your specific blogger blog? Should you have been tried many times and
didn't get success on how to properly delete the blogspot blog from your blogger
dashboard then this is a complete guide that will show the trick how we can
remove the blog from blogspot dashboard completely. Sometime you need to
remove all unwanted blogs from your blogger dashboard. This article will help you
if you don't know about deleting blog from your blogger dashboard completely. So
lets start the tutorial.
How to Delete Blogger Blog?
  • Login To the Blogger Account
  • Click on your desire blog which you want to delete
  • Go to Setting tab  And just below it the other option .click on it
                           how-to-delete-a-blogger-blog-permanently
  • ON right side is the blog tools section to procced with the deletion then click on the Delete blog link
If you think youmay want to come back to your blog or you’ve got posts that you wan to keep,you can use the Export blog tool to export your blog before you delete it.you can either ownload your blog posts to your destop or export it in a format that can be imported into other popular bloging formats
  • Confirm that you wan to delete it and you’re done.
                    confirm-delete-blogger-blog
Congrat’s now Your  delete blog

Blogger


More »

Android


More »