How to create first Android mobile App

This should be a very short (beginner) introduction/tutorial how to create a mobile app for Android. The tutorial is based on API Level 17 and Android 4.2 (Jelly Bean). Our goal is to start from scratch and have at the end a mp/h to km/h converter.

1. What do you need:

• Basic XML knowledge
• Basic Java knowledge
• Basic Eclipse knowledge
• 2h of your time 

2. Prerequisites:

• Before you can start you need the Android SDK and a IDE. Android offers a special bundle for that: Android SDK Bundle
• Download the bundle, unzip and run the “SDK Manager.exe”.
• start Eclipse

3. Create a Android virtual machine (dalvik):

To run, test and debug your Application you can create and run a virtual android machine on your computer. Later you can deploy your Application to this virtual machine.

• Click on “Windows” at the navigation toolbar
• Open “Android Virtual Device manager“

Create a “New” Virtual Device:

Be sure that “Use Host GPU” is enabled. This allows the AVD to use the Host GPU and this helps to render the AVD much faster.

After that you can start the AVD:

4. Create a new Project:

• Open “File“
• “New“
• “Android Application Project“

Choose a new for your Project:

Configure Project:

Configure Launcher Icon:

Here you can choose a Launcher Icon that will be displayed on your mobile phone.

Create a new Activity:

Configure your Activity:

After finishing Eclipse looks similar to that:

Hello World Application

5. Implement the Look & Feel:

• Navigate in the package explorer to “/res/layout/” and open “activity_main.xml“
• Right-click on “Hello World” and delete

5.1 Create static Attributes:

• Select “/res/values/strings.xml“

• “Add” a new entry
• Select the Color entry – press OK and set the following attributes:

Add a few more String(!) Attributes:

• Name/value: “miles” / “to Miles“
• Name/value: “kmh” / “to km/h“
• Name/value: “calc” / “Calculate“

Switch from “Resources” to “strings.xml” and make sure that your code look similar to that snippet:

view plaincopy to clipboardprint?

1. <resources>  
2. <string name="app_name">TutorialApplication</string>  
3. <string name="action_settings">Settings</string>  
4. <string name="hello_world">Hello world!</string>  
5. <color name="myColor">#eeeeee</color>  
6. <string name="miles">to Miles</string>  
7. <string name="kmh">to km/h</string>  
8. <string name="calc">Calculate</string>  
9. </resources>  

5.2 Add Views

• Select “/res/layout/activity_main.xml“
• Open Android editor via double-click

You have two possibilities. You can create new Views via drag and drop or you can edit the XML source code. In this tutorial we add the Views via drag and drop 

So let’s start building our App. At first we have to add a “Text Field” for the input.

Drag this Text Field to your Application.

Afterwards select the “Form Widget” section and drag a RadioGroup to your App and make sure that the RadioGrouphas two RadioButtons. Finally you can add a normal Button.

Switch from “Graphical Layout” to “activity_main.xml” and make sure that your code looks similar to that:

view plaincopy to clipboardprint?

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2. xmlns:tools="http://schemas.android.com/tools"  
3. android:layout_width="match_parent"  
4. android:layout_height="match_parent"  
5. android:paddingBottom="@dimen/activity_vertical_margin"  
6. android:paddingLeft="@dimen/activity_horizontal_margin"  
7. android:paddingRight="@dimen/activity_horizontal_margin"  
8. android:paddingTop="@dimen/activity_vertical_margin"  
9. tools:context=".MainActivity" >  
10.   
11. <EditText  
12. android:id="@+id/editText1"  
13. android:layout_width="wrap_content"  
14. android:layout_height="wrap_content"  
15. android:layout_alignParentLeft="true"  
16. android:layout_alignParentTop="true"  
17. android:layout_marginLeft="24dp"  
18. android:layout_marginTop="31dp"  
19. android:ems="10"  
20. android:inputType="numberDecimal|numberSigned" >  
21.   
22. <requestFocus />  
23. </EditText>  
24.   
25. <RadioGroup  
26. android:id="@+id/radioGroup1"  
27. android:layout_width="wrap_content"  
28. android:layout_height="wrap_content"  
29. android:layout_alignLeft="@+id/editText1"  
30. android:layout_below="@+id/editText1"  
31. android:layout_marginTop="28dp" >  
32.   
33. <RadioButton  
34. android:id="@+id/radio0"  
35. android:layout_width="wrap_content"  
36. android:layout_height="wrap_content"  
37. android:checked="true"  
38. android:text="RadioButton" />  
39.   
40. <RadioButton  
41. android:id="@+id/radio1"  
42. android:layout_width="wrap_content"  
43. android:layout_height="wrap_content"  
44. android:text="RadioButton" />  
45. </RadioGroup>  
46.   
47. <Button  
48. android:id="@+id/button1"  
49. android:layout_width="wrap_content"  
50. android:layout_height="wrap_content"  
51. android:layout_alignLeft="@+id/radioGroup1"  
52. android:layout_centerVertical="true"  
53. android:text="Button" />  
54.   
55. </RelativeLayout>  

5.3. Edit view properties

You can edit properties of Views via right-click on the view or via XML.

• Navigate to “res/layout/” and open the Graphical Layout of your “activity_main.xml“
• right-click on the first Radio Button and open “Edit Text”

• Assign the miles property to the second Radio Button
• Set the “Checked” property for the first Radio Button (Other Properties -> inherited from compoundbutton -> checked -> true)
• Set the “Input type” property for the Text Field to “numberSigned” and “numberDecimal“
• Assign “calc” to the Button and set “calculate” for the “onClick” property (Other Properties -> inherited from view -> onClick)
• Set Background-Color (Right-click on an empty space on your Application -> Edit Background)

After that change the Background should be #eeeeee! I think it can be difficult to see the difference.

6. Implement the Logic

After we implemented the Frontend-View we have to implement the logical part with Java!

• Switch to “src/com.example.tutorialapplication/” and open “MainActivity.java“

view plaincopy to clipboardprint?

1. package com.example.tutorialapplication;  
2.   
3. import android.os.Bundle;  
4. import android.app.Activity;  
5. import android.view.Menu;  
6. import android.view.View;  
7. import android.widget.EditText;  
8. import android.widget.RadioButton;  
9. import android.widget.Toast;  
10.   
11. public class MainActivity extends Activity {  
12.   
13.     // public var  
14.     private EditText text;  
15.   
16.     // default func  
17.     @Override  
18.     protected void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.activity_main);  
21.         // findViewById = Finds a view that was identified by the id attribute  
22.         // from the XML that was processed in onCreate(Bundle).  
23.         // (EditText) = typecast  
24.         text = (EditText) findViewById(R.id.editText1);  
25.     }  
26.   
27.     // default func  
28.     @Override  
29.     public boolean onCreateOptionsMenu(Menu menu) {  
30.         // Inflate the menu; this adds items to the action bar if it is present.  
31.         getMenuInflater().inflate(R.menu.main, menu);  
32.         return true;  
33.     }  
34.   
35.     /* 
36.      * Will be executed by clicking on the calculate button because we assigned 
37.      * "calculate" to the "onClick" Property! 
38.      */  
39.     public void calculate(View view) {  
40.   
41.         RadioButton mileButton = (RadioButton) findViewById(R.id.radio0);  
42.         RadioButton kmhButton = (RadioButton) findViewById(R.id.radio1);  
43.         // if the text field is empty show the message "enter a valid number"  
44.         if (text.getText().length() == 0) {  
45.             // Toast = focused floating view that will be shown over the main  
46.             // application  
47.             Toast.makeText(this, "enter a valid number", Toast.LENGTH_LONG)  
48.                     .show();  
49.         } else {  
50.             //parse input Value from Text Field  
51.             double inputValue = Double.parseDouble(text.getText().toString());  
52.             // convert to...  
53.             if (mileButton.isChecked()) {  
54.                 text.setText(String.valueOf(convertToMiles(inputValue)));  
55.                 // uncheck "to miles" Button  
56.                 mileButton.setChecked(false);  
57.                 // check "to km/h" Button  
58.                 kmhButton.setChecked(true);  
59.             } else { /* if kmhButton isChecked() */  
60.                 text.setText(String.valueOf(convertToKmh(inputValue)));  
61.                 // uncheck "to km/h" Button  
62.                 kmhButton.setChecked(false);  
63.                 // check "to miles" Button  
64.                 mileButton.setChecked(true);  
65.             }  
66.         }  
67.     }  
68.   
69.     private double convertToMiles(double inputValue) {  
70.         // convert km/h to miles  
71.         return (inputValue * 1.609344);  
72.     }  
73.   
74.     private double convertToKmh(double inputValue) {  
75.         // convert miles to km/h  
76.         return (inputValue * 0.621372);  
77.     }  
78. }  

That’s all 

That was only a _very_ short Overview of how to create a mobile Application for Android!!! If there are any mistakes please message me 

To get more Information visit:
Android Developer Reference
Style | Android Developers
Patterns | Android Developers
Building Blocks| Android Developers

Read More

मान्छे

                                                         

एउटा लामो कथा लिएर बाँचेको मान्छे

सम्झँदै तिमीलाई आँशु पिएर बाँचेको मान्छे

लट्टाईको सहारामा उडेको चंगा जस्तो

फगत् धागोमै जिएर बाँचेको मान्छे

समयले एस्तो हविगत बनाइसक्दा पनि

मौनताको सहारा लिएर बाँचेको मान्छे

पढ्न त पढ्छन मलाई बुझ्दैनन् कसैलेनी

ध्वजा ध्वजा यो मन सिएर बाँचेको मान्छे ।

                 

               -क्षितिज वाग्ले

Read More

उनि

फर्कियर मुस्कुराई हेर्ने उनि
सपनीमा अंगालोमा बेर्ने उनि
आज बल्ल चाल पाय सबै कुरा
दिनदिनै व्वोइफ़्रेन्ड फेर्ने उनि !

Read More

Pitbull and Jennifer Lopez Team Up for FIFA World Cup Song

Pitbull and Jennifer Lopez Team Up for FIFA World Cup Song

• 22

Whether you grew up in the generation of Ricky Martin's "The Cup of Life" or Shakira's "Waka Waka," it's time to announce that the FIFA world cup might just have its third anthemic hit by latin stars. According toFIFA, a brand new Pitbull and Jeniffer Lopez collaboration called "We Are One (Ole Ola)" has been named as the official anthem for the 2014 World Cup in Brazil. The song also features Brazilian singer Claudia Leitte, and will be performed at the opening of the football tournament at the Arena de Sao Paulo on 12 June, 2014.

"I'm honored to join Jennifer Lopez and Claudia Leitte at the FIFA World Cup to bring the world together," Pitbull said in a statement. "I truly believe that this great game and the power of music will help unify us, because we are best when we are one."

Jeniffer Lopez had a much more personal link to the collaboration. When approached for a statement the "Jenny From the Block" singer took it back to her roots.

"I grew up in a house that loved futbol, so I am thrilled to be performing at the World Cup Opening Ceremonies with Pitbull and Claudia Leitte," says Jennifer Lopez. "This is an amazing celebration of global unity, competition and the sport."

The track will be released later this year in the lead up to the World Cup. It will also be included on the upcoming official 2014 Fifa World Cup album.

Read More

Traffic Light using AT89S52 microcontroller

Circuits on Matrixboard

Soldering part

Compelled By: [Kshitij Wagle(me) & Samir Pokhrel (BEX/069)]

Traffic Light Program( C ):

 #include<reg51.h>

sbit R1=P1^2;

sbit Y1=P1^1;

sbit G1=P1^0;

sbit R2=P1^3;

sbit Y2=P1^4;

sbit G2=P1^5;

sbit R3=P2^2;

sbit Y3=P2^3;

sbit G3=P2^4;

sbit R4=P2^7;

sbit Y4=P2^6;

sbit G4=P2^5;

void msdelay(unsigned int t)

{

int i,j;

int k=100*t;

for(i=0;i<k;i++)

for(j=0;j<1275;j++);

}

void clear()

{

R1=0;

R2=0;

R3=0;

R4=0;

Y1=0;

Y2=0;

Y3=0;

Y4=0;

G1=0;

G2=0;

G3=0;

G4=0;

}

void phase1()

{

R1=1;

R2=1;

G3=1;

R4=1;

msdelay(25);

Y3=1;

Y1=1;

msdelay(5);

}

void phase2()

{

G1=1;

R2=1;

R3=1;

R4=1;

msdelay(25);

Y2=1;

Y1=1;

Y4=1;

msdelay(5);

}

void phase3()

{

R1=1;

G2=1;

R3=1;

G4=1;

msdelay(25);

Y2=1;

Y4=1;

msdelay(5);

}

void phase4()

{

R1=1;

G2=1;

R3=1;

R4=1;

msdelay(25);

Y1=1;

Y2=1;

Y3=1;

msdelay(5);

}

void phase5()

{

G1=1;

R2=1;

G3=1;

R4=1;

msdelay(25);

Y1=1;

Y3=1;

Y4=1;

msdelay(5);

}

void phase6()

{

R1=1;

R2=1;

R3=1;

G4=1;

msdelay(25);

Y3=1;

Y4=1;

msdelay(5);

}

void main()

{

P1=0x00;

P2=0x00;

while(1)

  {

 phase1();

 clear();

 phase2();

 clear();

 phase3();

 clear();

 phase4();

 clear();

 phase5();

 clear();

 phase6();

 clear();

  }

}

Read More

Crack Internet Download Manager Manually in XP/Windows 7/8

Hello Friends, today i am going to explain how to hack or crack Internet Download Manager (IDM) manually. IDM is the best Internet download manager available on internet but its not free and its cracked or patched versions contains viruses. Using this hack you can register the Internet Download Manager (IDM) for free using you own credentials i.e register on your Name and email ID. 
I am explaining the manual hacking method because most of my users said that patch and keygen contain viruses.

Now suppose you have updated your IDM (Internet Download Manager) and if you are using cracked or patched version, after updating IDM, it shows an error message that you have registered IDM using fake serial key. And after that IDM exits and hence it doesn't download anything.
This hack also works for trail IDM that means download a trail IDM from there site and register the professional i.e. full version of IDM with your credentials for free using my hack.


Let's start the tutorial, How to hack or crack IDM manually.

Crack Internet Download Manager in Windows XP

Steps Involved:


Step 1: Download the IDM trial or If you already have IDM installed Update it by going to Help---}} then to check for Updates.
If you don't wanna update your version, Just click on Registration.

Step2: When you click on registration, Now a new dialog appears that is asking for Name, Last Name, Email Address and Serial Key.

Step3: Now Enter you name, last name, email address and in field of Serial Key enter any of the following Keys:

RLDGN-OV9WU-5W589-6VZH1
HUDWE-UO689-6D27B-YM28M
UK3DV-E0MNW-MLQYX-GENA1
398ND-QNAGY-CMMZU-ZPI39
GZLJY-X50S3-0S20D-NFRF9
W3J5U-8U66N-D0B9M-54SLM
EC0Q6-QN7UH-5S3JB-YZMEK
UVQW0-X54FE-QW35Q-SNZF5
FJJTJ-J0FLF-QCVBK-A287M

And click on ok to register.

Step4: Now after you click ok, it will show an error message that you have registered IDM using fake serial key and IDM will exit. Now here the hack starts.

Step5: Now Go to START --}} Then go to RUN and type the following text and click enter:

notepad %windir%\system32\drivers\etc\hosts

OR

Open Hosts file in notepad manually from %windir%\system32\drivers\etc folder


Now a notepad file appears something like this as shown below:

How to hack IDM manually : Host file

Step 6. Now copy the below lines of code and add to hosts file as shown above:


127.0.0.1 tonec.com
127.0.0.1 www.tonec.com
127.0.0.1 registeridm.com
127.0.0.1 www.registeridm.com
127.0.0.1 secure.registeridm.com
127.0.0.1 internetdownloadmanager.com
127.0.0.1 www.internetdownloadmanager.com
127.0.0.1 secure.internetdownloadmanager.com
127.0.0.1 mirror.internetdownloadmanager.com
127.0.0.1 mirror2.internetdownloadmanager.com

After adding this piece of code, save the notepad file. And exit from there. That's all . Your IDM is registered forever now.

 

Crack Internet Download Manager in Windows 7/Windows 8

For Windows 7 users, due to security reasons you will not be able to save hosts file. So You have to change security Properties of file.

The Process is as below:

• First of all go to C:/ drive (or any other if your windows is installed on any other driver) then go to Windows Folder and then go to System32 folder and then go to Drivers folder and then go to Etc Folder. In the Etc folder you will see the hosts file.
• Now right click on hosts file and go to its properties, 
• Go to security tab and then select your admin account, just below u will see an edit button (in front of change permissions), Click on Edit Button to open a dialog box.

 

• Now give the user full control and then click on apply and then click on OK, now u will be able to edit the hosts file and save changes in it.

Now Repeat Steps From 1 to 6.

Read More

How To Add Snow Effect On The Blogger Mouse Cursor Area

+Kshitij Wagle 
How to Install Blogger Snow Cursor Code Generator Widget

Now let's start adding it... 

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. 

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. 

Step 3. Select 'HTML/Javascript' and add the one of code given below. 

Step 4. Now Click On Save 'JavaScript' You are done.

<script type="text/javascript" src="http://dl.dropboxusercontent.com/s/nrr77jrknp9n11r/01_black_000000_24work.blogspot.com.js"></script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" ></a>

How to make snow cursor in blogspot

Follow these very simple steps make a snow effect on the mouse cursor on the blog.


Step 1 : Go To Blogger > Design > Page Elements

Step 2: Click on "Add a Gadget" link

Step 3: From the pop-up window, choose HTML/JavaScript

Step 4: Copy and paste the following code below

<script type="text/javascript">
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
};
document['write']('<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>');
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

And now click Save 


# you can change :

var colour="black";

How to Make Sparkling Cursor [Starry Cursor] Snow Effect

never seen a blog with a star-studded Cursor ? follow these steps: Make a Starry Cursor

1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.

2. Paste the following code in HTML/Javascript Box.

<script type="text/javascript">
// <![CDATA[
var colour="black";
var sparkles = 65;

var x = ox = 400;
var y = oy = 300;
var swide = 800;
var shigh = 600;
var sleft = sdown = 0;
var tiny = new Array();
var star = new Array();
var starv = new Array();
var starx = new Array();
var stary = new Array();
var tinyx = new Array();
var tinyy = new Array();
var tinyv = new Array();
window.onload = function () {
if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i = 0; i < sparkles; i++) {
var rats = createDiv(3, 3);
rats.style.visibility = "hidden";
document.body.appendChild(tiny[i] = rats);
starv[i] = 0;
tinyv[i] = 0;
var rats = createDiv(5, 5);
rats.style.backgroundColor = "transparent";
rats.style.visibility = "hidden";
var rlef = createDiv(1, 5);
var rdow = createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top = "2px";
rlef.style.left = "0px";
rdow.style.top = "0px";
rdow.style.left = "2px";
document.body.appendChild(star[i] = rats);
}
set_width();
sparkle();
}
}

function sparkle() {
var c;
if (x != ox || y != oy) {
ox = x;
oy = y;
for (c = 0; c < sparkles; c++) if (!starv[c]) {
star[c].style.left = (starx[c] = x) + "px";
star[c].style.top = (stary[c] = y) + "px";
star[c].style.clip = "rect(0px, 5px, 5px, 0px)";
star[c].style.visibility = "visible";
starv[c] = 50;
break;
}
}
for (c = 0; c < sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}

function update_star(i) {
if (--starv[i] == 25) star[i].style.clip = "rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i] += 1 + Math.random() * 3;
if (stary[i] < shigh + sdown) {
star[i].style.top = stary[i] + "px";
starx[i] += (i % 5 - 2) / 5;
star[i].style.left = starx[i] + "px";
} else {
star[i].style.visibility = "hidden";
starv[i] = 0;
return;
}
} else {
tinyv[i] = 50;
tiny[i].style.top = (tinyy[i] = stary[i]) + "px";
tiny[i].style.left = (tinyx[i] = starx[i]) + "px";
tiny[i].style.width = "2px";
tiny[i].style.height = "2px";
star[i].style.visibility = "hidden";
tiny[i].style.visibility = "visible"
}
};
document['write']('<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>');
function update_tiny(i) {
if (--tinyv[i] == 25) {
tiny[i].style.width = "1px";
tiny[i].style.height = "1px";
}
if (tinyv[i]) {
tinyy[i] += 1 + Math.random() * 3;
if (tinyy[i] < shigh + sdown) {
tiny[i].style.top = tinyy[i] + "px";
tinyx[i] += (i % 5 - 2) / 5;
tiny[i].style.left = tinyx[i] + "px";
} else {
tiny[i].style.visibility = "hidden";
tinyv[i] = 0;
return;
}
} else tiny[i].style.visibility = "hidden";
}
document.onmousemove = mouse;

function mouse(e) {
set_scroll();
y = (e) ? e.pageY : event.y + sdown;
x = (e) ? e.pageX : event.x + sleft;
}

function set_scroll() {
if (typeof (self.pageYOffset) == "number") {
sdown = self.pageYOffset;
sleft = self.pageXOffset;
} else if (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;
}
}
window.onresize = set_width;

function set_width() {
if (typeof (self.innerWidth) == "number") {
swide = self.innerWidth;
shigh = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientWidth) {
swide = document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight;
} else if (document.body.clientWidth) {
swide = document.body.clientWidth;
shigh = document.body.clientHeight;
}
}

function createDiv(height, width) {
var div = document.createElement("div");
div.style.position = "absolute";
div.style.height = height + "px";
div.style.width = width + "px";
div.style.overflow = "hidden";
div.style.backgroundColor = colour;
return (div);
}
// ]]>
</script>

And now click Save 


# you can change :

var colour="black";

with good wishes /HORIZON

Read More