How to Add Onclick Smoking Effect on Your Blog

How to Add Onclick Smoking Effect on Your Blog.

Adding On click Smoking Effect on Your Blog .Friend today i am going to shared with you a cool blogspot widget .which is smoking effect on mouse click on your blog widget.this is very cool and attract able widget.When-never your user will click on your post any where they will see a cool smoke effect.if you like this widget then don't forget to add this widget and comment us .Friends as you know that i have done a lot post on SEO and Adding gadgets.

Now Follow these steps to add onclick smoking effect on your blog.

First of all

Login to your blogger dashboard
Go>>Template>Edit html
After clicking on Edit html a new page will open that will code area of your blogger template
Now Click in the code area anywhere press Ctrl + F search box will open
Find this tag </head>
When you find this tag </head>
Paste the below code above/before from the tag (</head>)

Code of the onclick smoking effect

<script type="text/javascript">
// <![CDATA[
var smokeyness=105; // how much smoking is on the Blog screen (more will slow the script down)
var density=45; // how 'quantity' is the smoke

/****************************
* JavaScript Smokey Cursor *
* (c)2013 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/

var swide=800;
var shigh=600;
var toke=new Array();
var tokex=new Array();
var tokedx=new Array();
var tokey=new Array();
var nicotine=new Array();
var mousedown=false;
var x=400;
var y=300;
var sleft=sdown=0;
var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
    if (oldonload) oldonload();
    funky();
}
}

addLoadEvent(puff);

function puff() { if (document.getElementById) {
var i, fag;
for (i=0; i<smokeyness; i++) {
    fag=document.createElement("div");
    toke[i]=fag.style;
    toke[i].position="absolute";
    toke[i].backgroundColor="transparent";
    toke[i].font="bold "+density+"px Tahoma, Geneva, sans-serif";
    toke[i].color="rgba(234,234,234,0.033)";
    toke[i].zIndex="9999";
    toke[i].pointerEvents="none";
    toke[i].visibility="hidden";
    fag.appendChild(document.createTextNode(String.fromCharCode('0x25CF')));

    document.body.appendChild(fag);
    tokey[i]=false;
}
set_scroll();
set_width();
setInterval(drag, 50);
}}

function drag() {
var c;
if (mousedown) for (c=0; c<smokeyness; c++) if (tokey[c]===false) {
    toke[c].left=(tokex[c]=x-density/2)+"px";
    toke[c].top=(tokey[c]=y-density)+"px";
    toke[c].visibility="visible";
    tokedx[c]=(c%2?1.5:-1.5)*Math.random();
    nicotine[c]=80;
    break;
}
for (c=0; c<smokeyness; c++) if (tokey[c]!==false) smoke_rising(c);
}

document.onmousedown=function(){set_scroll();if(ie_version)setTimeout('mousedown=true', 51);else mousedown=true;};
document.onmouseup=function(){mousedown=false};

function smoke_rising(i) {
var cancer;
tokey[i]-=4+i%3;
tokex[i]+=tokedx[i]-0.5+Math.random();
if (tokey[i]>sdown-density*2 && tokex[i]>sleft && tokex[i]<sleft+swide-density && (nicotine[i]+=2)<256) {
    cancer=nicotine[i].toString(16);
    cancer="#"+cancer+cancer+cancer;
    if (ie_version && ie_version<10) toke[i].filter="Glow(Color="+cancer+",Strength="+Math.floor(nicotine[i]/5)+")";
    else if (ie_version) toke[i].textShadow='#000000 0px 0px '+Math.floor(nicotine[i]/5)+'px';
    else toke[i].textShadow=cancer+' 0px 0px '+Math.floor(nicotine[i]/5)+'px';
    toke[i].top=tokey[i]+"px";
    toke[i].left=tokex[i]+"px";
}
else {
    toke[i].visibility="hidden";
    tokey[i]=false;
}
}

document.onmousemove=mouse;
function mouse(e) {
if (e) {
    y=e.pageY;
    x=e.pageX;
}
else {
    set_scroll();
    y=event.y+sdown;
    x=event.x+sleft;
}
}

window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}

window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
}
else {
    sdown=0;
    sleft=0;
}
}
// ]]>
</script>

Customization in this code onclick smoking effect

''105 '' You can increase quantity of smoking by increasing this number.(more will slow the script down)
var density=45 " You can increase the density of smoking by increasing this number.

You Might Also Add These Widgets To Make Your Blogger Responsive.

Final Words !

Thank you for following us if you face any problem in this post How to Add Onclick Smoking Effect on Your Blog or another problem related with blogger .Then Contact us or comment us .We will solve your problem as soon as soon is possible. this is satisfied Website .From here you can get all hints tips and tricks for your blogger.