Add Comet or Shooting Star Effect in Blogger

Blogging platform is very versatile in terms of different effects through using Javascript. Previously, we featured here the fireworks, star space  and the groovy effect and today we will share to you this shooting effect in Blogger.

 How to Add Shooting Star or Comet Effects in Blogger

Go to Blogger Dashboard
Click  Template >> Edit HTML
Look for the code below

</head>

Just above that code, paste the code below

<script type="text/javascript">
// <![CDATA[
var speed=25; // how fast - smaller is faster
var how_often=10; // average time between re-appearances of a comet (in seconds)
var how_many=10; // maximum number of comets in flight
var colours=new Array("#ff0", "#f93", "#f60", "#e93", "#e94", "#da5", "#da6", "#cb7", "#cb8", "#cc9", "#dcb", "#ddd");
// above line lists colours for the comet and its tail (can be as long or short as you like)

/****************************
* Shooting Star/Comet Effect*
*Bloggingtipsandtrix*
* DON'T EDIT BELOW THIS BOX *
****************************/

var dx=new Array();
var dy=new Array();
var xpos=new Array();
var ypos=new Array();
var comets=new Array();
var swide=800;
var shigh=600;
var tail=colours.length;
var boddie=false;

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

addLoadEvent(whooosh);

function whooosh() { if (document.getElementById) {
  var i;
  boddie=document.createElement("div");
  boddie.style.position="fixed";
  boddie.style.top="0px";
  boddie.style.left="0px";
  boddie.style.overflow="visible";
  boddie.style.width="1px";
  boddie.style.height="1px";
  boddie.style.backgroundColor="transparent";
  document.body.appendChild(boddie);
  set_width();
  for (i=0; i<how_many; i++) {
    write_comet(i*tail);
setTimeout('launch('+(i*tail)+')', Math.max(1000*i));
  }
}}

function write_comet(a) {
  var i, s;
  for (i=0; i<tail; i++) {
    s=2+(i<tail/4)+2*!i;
comets[i+a]=div(s, s);
comets[i+a].style.backgroundColor=colours[i];
boddie.appendChild(comets[i+a]);
  }
}

function div(w, h) {
  var d=document.createElement("div");
  d.style.position="absolute";
  d.style.overflow="hidden";
  d.style.width=w+"px";
  d.style.height=h+"px";
  return (d);
}

function stepthrough(a) {
  var i;
  if (Math.random()<0.008||ypos[a]+dy[a]<5||xpos[a]+dx[a]<5||xpos[a]+dx[a]>=swide-5||ypos[a]+dy[a]>=shigh-5) {
for (i=0; i<tail; i++) setTimeout('comets['+(i+a)+'].style.visibility="hidden"', speed*(tail-i));
setTimeout('launch('+a+')', Math.max(1000, 2000*Math.random()*how_often));
  }
  else setTimeout('stepthrough('+a+')', speed);
  for (i=tail-1; i>=0; i--) {
if (i) {
      xpos[i+a]=xpos[i+a-1];
      ypos[i+a]=ypos[i+a-1];
}
else {
 xpos[i+a]+=dx[a];
      ypos[i+a]+=dy[a];
}
    comets[i+a].style.left=xpos[i+a]+"px";
    comets[i+a].style.top=ypos[i+a]+"px";
  }
}

function launch(a) {
  var i;
  dx[a]=(Math.random()>0.5?1:-1)*(1+Math.random()*3);
  dy[a]=(Math.random()>0.5?1:-1)*((7-dx[a])/3+Math.random()*(dx[a]+5)/3);
  xpos[a]=2*tail*dx[a]+Math.round(Math.random()*(swide-4*tail*dx[a]));
  ypos[a]=2*tail*dy[a]+Math.round(Math.random()*(shigh-4*tail*dy[a]));
  for (i=0; i<tail; i++) {
    xpos[i+a]=xpos[a];
    ypos[i+a]=ypos[a];
comets[i+a].style.visibility="visible";
  }
  stepthrough(a);
}

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)!="undefined" && 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;
}
// ]]>
</script>

Save  your Template and Bravo!
From: mf2fm

Add Groovy Effect in Blogger

Groovy  is a slang colloquialism popular during the 1960s and 1970s. It is roughly synonymous with words such as "cool," "excellent," "fashionable," or "amazing," depending on context. Since other bloggers have this kind of niche or just want to add this kind of effect  in their blog. I was convinced to make an article and share it to my readers as well. See the background of this page for a live demo.
Music video credit.


Also Read: Add Star Space Warp Effect In Blogger

 How to Add Groovy Effect in Blogger

Go to Blogger Dashboard
Click  Template >> Edit HTML
Look for the code below

</head>

Just above that code, paste the code below

<script type="text/javascript">
// <![CDATA[
var border=100; // how wide is each border in pixels
var effects=3; // how many of the effect are on the page
var speed=50; // how fast is the animation (lower is faster)
var colours=new Array("#9cf", "#c9f", "#fc9", "#f9c", "#cf9", "#9fc", "#6ff", "#f6f", "#ff6");
// above line lists colours for the groovy effect (the list can be as long or short as you like)

/****************************
*1970s Groovy WebPage Effect*
*  Bloggingtipsandtrix  *
****************************/

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

addLoadEvent(yowzah);

var swide, shigh, boddie;
var h=new Array();
var v=new Array();
var op=1/(effects+1);
function yowzah() { if (document.getElementById) {
  var i, d, s;
  boddie=document.createElement("div");
  s=boddie.style;
  s.position="fixed";
  s.backgroundColor="transparent";
  s.top="0px";
  s.left="0px";
  s.width="100%";
  s.zIndex="-1";
  set_width();
  i=document.body.style.backgroundColor;
  if (document.body.parentNode) {
    if (i) document.body.parentNode.style.backgroundColor=i;
    document.body.style.backgroundColor="transparent";
  }
  document.body.insertBefore(boddie, document.body.firstChild);
  for (i=0; i<effects*10; i+=10) {
    d=document.createElement("div");
    s=d.style;
    s.left="0px";
s.width="100%";
    h[i]=Math.floor(Math.random()*(shigh-border)/3);
    h[i+1]=shigh-Math.floor(Math.random()*(shigh-border)/3);
    h[i+2]=(Math.random()<0.5?1:-1)*scat(0);
    h[i+3]=(Math.random()<0.5?1:-1)*scat(h[i+2]);
    s.position="absolute";
    s.top=h[i]+"px";
    s.height=(h[i+1]-h[1])+"px";
    s.borderStyle="solid";
    s.borderWidth=border+"px 0px";
    jazzy(s, 'borderTopColor');
jazzy(s, 'borderBottomColor');
    jazzy(s, 'backgroundColor');
    s.opacity=op;
    if (navigator.appName=="Microsoft Internet Explorer") s.filter="alpha(opacity="+(100*op)+")";
    h[i+5]=s;
    boddie.appendChild(d);
  }
  for (i=0; i<effects*10; i+=10) {
    d=document.createElement("div");
    s=d.style;
s.top="0px";
    s.height="100%";
    v[i]=Math.floor(Math.random()*(swide-border)/3);
    v[i+1]=swide-Math.floor(Math.random()*(swide-border)/3);
    v[i+2]=(Math.random()<0.5?1:-1)*scat(0);
    v[i+3]=(Math.random()<0.5?1:-1)*scat(v[i+2]);
    s.position="absolute";
    s.left=v[i]+"px";
    s.width=(v[i+1]-v[i])+"px";
    s.borderStyle="solid";
    s.borderWidth="0px "+border+"px";
    jazzy(s, 'borderLeftColor');
    jazzy(s, 'borderRightColor');
    jazzy(s, 'backgroundColor');
    if (navigator.appName=="Microsoft Internet Explorer") s.filter="alpha(opacity="+(100*op)+")";
    else s.opacity=op;
    v[i+5]=s;
    boddie.appendChild(d);
  }
  setInterval('groovy()', speed);
}}

var old_jazz=false;
function jazz() {
var new_jazz;
do { new_jazz=colours[Math.floor(Math.random()*colours.length)]; }
while ( new_jazz==old_jazz );
old_jazz=new_jazz;
return (new_jazz);
}

function jazzy(hip, jive) {
var new_jive;
do { new_jive=colours[Math.floor(Math.random()*colours.length)]; }
while (new_jive==hip[jive]);
hip[jive]=new_jive;
}

function scat(no) {
var yes;
no=Math.abs(no);
do { yes=2+Math.floor(Math.random()*3); }
while ( no==yes );
return (yes);
}

function groovy() {
  var i;
  for (i=0; i<effects*10; i+=10) {
h[i]+=h[i+2];
h[i+1]+=h[i+3];
if (h[i+1]-h[i]<5) {
 h[i+4]=h[i+2];
 h[i+2]=h[i+3];
 h[i+3]=h[i+4];
 jazzy(h[i+5], 'backgroundColor');
}
    if (h[i]<-border) {
if (h[i+2]<0 && Math.random()<1/border) {
h[i+2]=scat(h[i+3]);
jazzy(h[i+5], 'borderTopColor');
}
}
if (h[i+1]>shigh) {
if (h[i+3]>0 && Math.random()<1/border) {
h[i+3]=-scat(h[i+2]);
jazzy(h[i+5], 'borderBottomColor');
}
}
h[i+5].top=h[i]+"px";
    h[i+5].height=(h[i+1]-h[i])+"px";

v[i]+=v[i+2];
v[i+1]+=v[i+3];
if (v[i+1]-v[i]<5) {
 v[i+4]=v[i+2];
 v[i+2]=v[i+3];
 v[i+3]=v[i+4];
 jazzy(v[i+5], 'backgroundColor');
}
if (v[i]<-border) {
if (v[i+2]<0 && Math.random()<1/border) {
v[i+2]=scat(v[i+3]);
jazzy(v[i+5], 'borderLeftColor');
}
}
if (v[i+1]>swide) {
if (v[i+3]>0 && Math.random()<1/border) {
v[i+3]=-scat(v[i+2]);
jazzy(v[i+5], 'borderRightColor');
}
}
v[i+5].left=v[i]+"px";
    v[i+5].width=(v[i+1]-v[i])+"px";
  }
}

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)!="undefined" && 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;
  boddie.style.height=shigh+"px";
}
// ]]>
</script>

Click Save Template button and congratulations!
Must Read: Add Fireworks Effect In Blogger
From: mf2fm

Adding Star Space Warp Effect in Blogger

Want to decorate your blog with star space warp? This innovation was from mf2fm and I will share to you to make your site more attractive than before. You can see it live in this page.
Also Read: Add Groovy Effect In Blogger

 How to Add Star Space Warp in Blogger

Go to Blogger Dashboard
Click  Template >> Edit HTML
Look for the code below

</head>

Just above that code, paste the code below

<script type="text/javascript">
// <![CDATA[
var speed=40; // lower number for faster
var warp=3; // from 1 to 10
var stars=150; // number of stars
var colours=new Array("#60f", "#0f6", "#39f"); // colours of stars
var position=0; // set to '0' for foreground and '-1' for stars to appear in the background, behind text on the page

/****************************
*      Star Warp Effect     *
*   Bloggingtipsandtrix    *
****************************/
var strs=new Array();
var strx=new Array();
var stry=new Array();
var stdx=new Array();
var stdy=new Array();
var strz=new Array();
var swide=800;
var shigh=600;
warp=1+warp/125;

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

addRVLoadEvent(initiate_hyperjump);

function initiate_hyperjump() { if (document.getElementById) {
  var i, temp;
  boddie=document.createElement("div");
  boddie.style.position="fixed";
  boddie.style.top="0px";
  boddie.style.left="0px";
  boddie.style.width="1px";
  boddie.style.height="1px";
  boddie.style.overflow="visible";
  boddie.style.backgroundColor="transparent";
  boddie.style.zIndex=position;
  i=document.body.style.backgroundColor;
  if (document.body.parentNode) {
    if (i) document.body.parentNode.style.backgroundColor=i;
    document.body.style.backgroundColor="transparent";
  }
  document.body.insertBefore(boddie, document.body.firstChild);
  set_width();
  for (i=0; i<stars; i++) {
    strs[i]=document.createElement("div");
    strs[i].style.color=colours[i%colours.length];
strs[i].style.backgroundColor="transparent";
    strs[i].style.position="absolute";
strs[i].appendChild(document.createTextNode("*"));
strs[i].style.font="13px monospace";
    stdy[i]=Math.random()*6-3;
    stdx[i]=Math.random()*8-4;
    temp=Math.random()*100;
    strx[i]=swide/2+temp*stdx[i];
    stry[i]=shigh/2+temp*stdy[i];
    if (Math.abs(stdx[i])+Math.abs(stdy[i])>5) strz[i]=13;
    else if (Math.abs(stdx[i])+Math.abs(stdy[i])>3) strz[i]=7;
    else strz[i]=2;
strs[i].style.fontSize=strz[i]+"px";
    boddie.appendChild(strs[i]);
  }
  setInterval("warp_drive()", speed);
}}

function warp_drive() {
  var i;
  for (i=0; i<stars; i++) {
    stry[i]+=stdy[i];
    strx[i]+=stdx[i];
    stdx[i]*=warp;
    stdy[i]*=warp;
    if (stry[i]>0 && stry[i]<shigh && strx[i]>0 && strx[i]<swide) {
 if (Math.abs(stdx[i])+Math.abs(stdy[i])>strz[i]) strs[i].style.fontSize=++strz[i]+"px";
      strs[i].style.left=strx[i]+"px";
      strs[i].style.top=stry[i]+"px"
    }
    else {
      strx[i]=swide/2;
      stry[i]=shigh/2;
      strx[i]+=3*(stdx[i]=Math.random()*8-4);
      stry[i]+=3*(stdy[i]=Math.random()*6-3);
 if (Math.abs(stdx[i])+Math.abs(stdy[i])>5) strz[i]=13;
      else if (Math.abs(stdx[i])+Math.abs(stdy[i])>3) strz[i]=7;
      else strz[i]=2;
 strs[i].style.fontSize=strz[i]+"px";
    }
  }
}

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)!="undefined" && 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;
}
// ]]>
</script>

Save Your Template and finish!

Simple  is good bro!

How to Monetize a Facebook Fan Page

Wowwww!!! Facebook is shaking the entire world and as per late research a normal individual uses 2-4 hours every day on online networking sites. It is the same measure of time that individuals used to use sitting in front of the TV. Presently just about everybody and his pooch changed to social networking sites, fundamentally to Facebook. Having more than 800 million clients it is thought to be the world's biggest informal organization. No big surprise that numerous organizations are contemplating creating their showcasing crusades here. The jolt for this was presentation of Fan Pages or something like that called Public Profiles that permitted anybody to make their own web vicinity for their organization or administrations and accumulate a swarm of intrigued admirers or "Fans" around their image. You don't have to build a site with membership or RSS channel to make a rundown of leads. Everything is situated up for you. Building a system of potential clients has never been so natural.

But are you making money on Facebook? Below  are the steps on driving money but not just money but BIG BIG BIG money if you have many "fans". So let's get started buddies!

How to Monetize a Facebook Fan Page?

Create a Fan Page if you haven't done it yet.

Name it after a topic of your videos or if you haven't decided, give it some generic name like "Funny Youtube Videos". Just make sure it grabs attention.

Choose a logo.

Publish links to your YouTube hosted videos.

Suggest your Fan Page to friends. Some of you have several hundreds or even thousands friends. They are going to be your first Fans!

The great thing about Fan Pages is that your fans don't have to visit your Page every day to check for new videos. They will be notified every time they log in into their Facebook account.
If they like what you are delivering they will suggest your Page to their friends and friends of their friends and so on. True viral marketing.

Make sure you deliver quality content and quantity of your Fans will snowball. If you spam them - they will leave you.

Find the ways to deliver interesting and entertaining videos. Try finding something that is of interest to you. The best solution is to create your own videos. Think of what you are good at, what your hobby is? Traveling, sports, art, tricks. Anyone is an expert in their own niche. You can shoot a "How to play a {your favorite musical instrument}" video series, martial arts or bodybuilding trainings, cooking lessons, etc. There are countless options.

Get a screen capture program (if you can't shoot your own videos). Use this for making software training videos.

Don't forget to write a short but informative description each time you publish a video on Facebook. That's how your video will be discovered through Facebook search option.

Final Words:

Find out what topics interest people the most and make your videos. In your description include main keywords you want your video to rank for in Facebook search.

How did you find this tutorial? Is it helpful for you? What have you found that has worked for you?
You can leave your message at the comment box below.
HAPPY BLOGGING AND GOOD LUCK!!!

Reference: wikihow

How to delete Facebook uploaded pictures ( with illustrations)

Just recently I was told by my very close friend to make a fan page of her for her to store all her pictures exclusively in that  page. It so happened that  one of the photos   that I  had uploaded was quite not so beautiful so she decided that  I am going to delete that. In this article article I will share you how to delete pictures in Facebook completely.

How do I delete a photo in Facebook?

Note: Keep in mind that once a photo is deleted, you won't be able to get it back. To remove your photo from Facebook:

Click the photo to open it

Click Options on the menu bar below the photo

After clicking Options, select Delete This Photo and click Confirm

Final Words:

You can only delete photos that you've uploaded. If you want someone else's photo removed from Facebook, ask the person who posted it to take it down.

How to Build Quality Backlinks?

Getting site or a page at the highest point of web crawler's natural posting is an exceptionally troublesome matter. Building quality back connections is the key in attaining to high visibility in SERP and high page rank which the goal of every blogger.

Below are some of the key points to undergo in order to achieve  HIGH page rank in Search Engine Results Page:

Make a rundown of forums that have high page rank (over 4) and that permits mark, give valuable data in the discussions to the clients in regards to the items you are putting forth, and put your grasping message on the mark.

Compose valuable and educational articles on the themes, identified with your items or administrations, submit these articles to the distinctive article registries with high page rank like Ezinearticles and Articlebase and so forth, just give your connection on asset box or writer bio.

Make web journals of your site on diverse blogging stages like Blogger, Wordpress, Posterous and Typepad and so forth, give applicable data in these websites to catch clients interest.

Compose press discharges, and disseminate them through diverse sites like Newswire.

Make features at post them to top feature locales, advancing your site/item which will support your movement.

You could purchase a matured space and utilize a site or site on through that area to assemble activity.

When in doubt you can purchase backlinks from destinations, for example, your-back-links.com

Final Words 

Don't make your articles excessively watchword rich, your catchphrase rate ought to be 3% i.e, magic word ought to show up after every 100 words.

Make your websites intuitive and fascinating, attempt to get customized with individuals in your articles.

Continuously give applicable and valuable data to the clients.

Watch that whether a discussion, blog and article registry is "dofollow" or "nofollow" by review the page source. Don't put interfaces on spots which are "nofollow".

Reference: wikihow