Kolotibablo

Kolotibablo is a data entry site, Which pay you for typing captchas.

How To Make Account On Kolotibablo

Step 1: Go to Kolotibablo.com.

Step 2: Click on Join button.

Step 3: Fill that small form by typing your Email Address, Login (USERNAME) and Captcha.

Step 4: After that click on Register button, It will send a mail to you on the email that you have provided, Go on your Mailbox and you will see your Login & Password there.

Step 5: Copy the login & password, And type the login and password on the kolotibablo site and log in to your account.

Step 6: After logging in to your account, You can see some instructions on the main page, Click on I Understand and start typing captcha.

Step 7: Go on the payments tab, and choose your payment method. 

For example: You choose payza, Then type payza email address.

Step 8: Minimum payment level is 1$, As you reach 1$ you can order your amount.

Now Kolotibablo rates are not good, You can click on Work Hours tab to see the current rate + hour and can also check that How much work is available.

You can also check the stats tab to see How many captchas you type correctly.

Advantages

A big advantage of Kolotibablo is that they have a bonus system.

The beginner bonus: + 0% of total input captcha: 0

Younger Sticker Bonus: + 2% of the total input captcha: 100

The senior Sticker Bonus: + 5% total input captcha: 1000

Silver hammer bonus: + 8% of the total input captcha: 5000

Gold hammer bonus: + 10% of total input captcha number: 10000

the smith bonus: + 15% of the total input captcha: 18,000

The gold smith bonus: + 20% of the total input captcha: 30,000

Kuvaldo bonus: + 25% of total input captcha number: 50000

Gold kuvaldometr bonus: + 30% of the total input captcha: 80,000

T he younger borer bonus: + 35% of the total input captcha: 20000

The senior borer bonus: + 50% of the total input captcha: 170 000

Deformator bonus: + 120% of the total input captcha: 250 000

(I got these bonus amounts from an other site, Not their own site)

You can go in Payments tab to see how much bonus you got.

If you type more than 100 Captchas, They will give you 2%.

If you type 1000, Then 5%.

And so on, as shown above.

Bonus will apply to your balance, Every detail of it will be found in Payment tab.

MegaTypers
MegaTypers is a site, Which pays you for typing captchas.

What Is Captcha?
While making account on any site (Facebook-Yahoo etc), You might have seen some words in the last of the form. Some sites have written that verify you are human and says you to type the words that are shown in the image, Those words are called Captchas. These are used to prevent spam, because a Human can read them but a computer can't.

How to create a account on MegaTypers

Step 1: Go to MegaTypers.

Step 2: Click on Free Sign up button at the top.
Step 3: Fill the form, And remember the payment method can not be change again, Then in the invitation code type 4LVO and after typing the image click on Register.
Step 4: It will show you a Quick Tutorial, Read it or skip it (Your Choice).
Step 5: Now your account has been created in MegaTypers.

How To Earn Money with MegaTypers

Step 1: Click on Start Working if you have normal captcha typing speed, But if you have enough speed the n click on High Speed Work (BETA). I will recommend you High Speed Work (BETA).
Step 2: Click on Start, now you can type captchas.
Now by typing captchas, you can earn money.

Click on their Statics page to know the current payout rates for 1000 images

More Features
You can also make affiliates, Go to the Affiliates tab, Their you will see a invitation code. If you give this invitation code to your friends, and they signup and start earning on MegaTypers then you will get commission.
They also have a lottery tab, Click on it to know more about it.



Now if you have a good typing speed, then you can type 1000-2000 captchas in a hour and can earn $1 - $2, Depending upon the payout rates. I will recommend you to work when the rate is above 0.70$. If the payout rate is 0.70$, It means that they will pay you 0.70$ for 1000 captchas.

LinkBucks

LinkBucks is a link shortening site same as Adf.ly, Bit.ly and Tinyurl etc. They also give some money for clicking links like adf.ly.

Signup on LinkBucks

Step 1: Go to LinkBucks.

Step 2: There you will see a signup button, Click on it.

Step 3: Fill out the form. Accept the Terms and Conditions by checking that small box and type the words that are shown in the image (CAPTCHA) and click on Submit Registration.

Step 4: They will send you a confirmation email on your mail, Go to your mailbox and Click on that link to activate your account.

Now You have successfully created a account on LinkBucks.

How To Earn With LinkBucks

LinkBucks also pays for clicking on the shorten urls same as Adf.ly. When you will shorten a long url, You will get a short url. Click on it and wait for 5 seconds, then click Skip Ad button at top right side, And you will be taken to the original page.

It says to wait for 5 seconds, so that it may show ads to you on these 5 seconds.

To Shorten A Url

Step 1: Log in to your account.

Step 2: Click on Create Links.

Step 3: Paste the url that you want to short in the Link to convert box.

Step 4: Choose Clean (All ages) from the page content menu.

Step 5: Don't change Ad Type or Alias Url (If you want any other domain to show instead of LinkBucks, Then change Alias Url).

Step 6: Then Click Generate Link.

See a live demo of LinkBucks shorten link.

Live Demo

Now if any visitor will click on this url, and waits for 5 seconds, You will get a little commission. 

More Features

You can only earn great amount by shortening links if you have a website with a great traffic or a facebook page with more likes. But for those who are new, They should start referring their friends to LinkBucks. On your account they have provided you Referral Links, Referral Banners. You can place those banners on your website/blog. You will get 20% of the earning of the person, whom you have referred.

They also have Full Page Script, Visit Script, Link Creation API and much more.

Payout Rates

You can see their payout rates here.

So what are you waiting for? Go register and start earning online, Share these links instead of sharing simple links. 

Adf.ly

Adf.ly is a link shortening site, You have probably seen many link shortening sites like Bit.ly & Tinyurl. Adf.ly is same like these, It shortens long url's into small url's. 

How Does Adf.ly Works

When you will paste a long url in the bar and press on Shrink button, It will make that url short, And when anyone will click on it, he have to wait for 5 seconds in order to go to the original link. I know that on other link shortening sites like Bit.ly and other we don't have to wait for seconds. So you might think that Why Adf.ly requires to wait for 5 seconds? 

Actually when you will go to that shorten url, you will see some ads that are being displayed on that page. That is the reason Adf.ly requires us to wait for 5 seconds, So that we can see their ads which are linked to other websites (PROMOTION).

How To Make Money With Adf.ly

Step 1: Click Here to go to the adf.ly site.

Step 2: After Going on Adf.ly, Click on Join Now button, and a new popup box will open.

Step 3: Fill that form by providing your Name, Username, Email, Account Type (Choose Link Shrinker in Account Type), Password, And enter the words that are shown in Human Check and check the I agree to the terms and conditions box and click on Join.

Step 4: It will say you to Activate Your Account by clicking on the confirmation link that they have send to your mail.

Step 5: After confirming, log in to your account and add your Paypal or Payoneer Email address in the withdraw section, Adf.ly will send you the money in your paypal or paynoeer depending upon which method you have chosen there.

Step 6: Now you have to shorten url so that you can share it with your friends, and earn money.

Step 7: You will see a bar, type the url in the bar that you want to short and click on Shrink, and it will shrink the url for you.

Example

After you will click on the button, you will go to adf.ly link. Now you have to wait for 5 seconds, It will say itself please wait at the top right corner of the page, and when the 5 seconds will pass You will see a Skip Ad button on the top right corner of the page instead of that time, You can click on it to go to the original link.

Step 8: Same if any visitor will do this by clicking on your shorten url, and he will wait for 5 seconds and click on Skip Ad. You will earn a small amount.


More Features 
You can not only earn money by shortening links, You can also earn by their Referral system.
There will be a Referral tab next to the home icon. Click on it. You will see your Referral Url. Now if you share it with your friends, and they signup through your Referral link, You will 20% of their earning for life.

You can also use banners, scroll down on the referral tab and you will see some banners with their Code. If you have a website/blog, You can paste them there, and when anyone will click and he signup through your referral you will earn 20% of his earning.

They also have Full Page Script and Website Entry Script, for Websites.

When They Will Pay You?
Adf.ly will automatically pay you if your earning have reached the total of 5$ or more. You can read more about it on their withdraw page, You can also see the next withdraw time that is being displayed there.

How Much We Can Earn From Them through Links
You can search on google about The average CPV (cost per view) to know their rates for each country. Currently the highest rate are of US. They have average rate of $8.50 for 1000 unique / $4.23 for 1000 views.

Opacity Effect

Adding Opacity Effect to any image or social icon is good and easy as compare to other things. It just become bright when you hover the mouse on them. Hover the mouse on the below Twitter Icon to See Live Example of Opacity Effect on Social Icon.

It looks nice, You can also add a delay in this effect like the example below, Hover the mouse on below example to see the opacity effect with a delay of 1 second.

Both looks nice, It's your decision that which you want to use. Let's start with the simple one.
The image that I am using is given below.

It's a dark red twitter icon.

Step 1: Get any image or any social icon.

Step 2: Upload your image to any site and get it's image url.

Step 3: Now place your image link in the code below.

.twitteropacity {
background:url('IMAGE LINK');
width:86px;
height:71px;
display:inline-block;
margin:3px;
opacity:0.5;
cursor:pointer;
}
.twitteropacity:hover {
opacity:1;
}

Step 4: After placing your image link in the above code, Now you have to put the Width & Height of your image. My Image's width is 86px and height is 71px, That's why I have used 86 as width and 71 as height. You have to replace it with your image's width and height.

If you want to add it in Blogger.
Go to Template, Click on Edit Html, And paste the code just above the ]]></b:skin>.
To Add In Wordpress, Add the code in your theme stylesheet.

HTML Code

<a class="twitteropacity" href="LINK HERE"></a>

Step 5: Replace LINK HERE with the link of your social media account.

You can add that Html Code in your blog posts, or in your HTML Template or HTML Gadget.

Why this CSS Code is giving a nice opacity effect?
Carefully see the CSS code, You will see opacity:0.5; and on the hover part, You will see opacity:1.
It tells that when the mouse is not over the image the opacity of the image will be 0.5, Default opacity is always 1, And when the mouse will come over the image, It will go to it's default opacity that is 1.


Opacity Effect With Delay
To add a delay in your opacity effect, Add the following code in your CSS Code.

-webkit-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;

And Your CSS Code with become like this

.twitteropacity {
background:url('IMAGE LINK');
width:86px;
height:71px;
display:inline-block;
margin:3px;
opacity:0.5;
-webkit-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;
cursor:pointer;
}
.twitteropacity:hover {
opacity:1;
}

The Html Code will remain same.

I hope you guys understand that how you can simply add opacity effects to your Images/Social Icons and make them look beautiful.

Add Slide Effect To Any Social Icon With CSS

If you have no idea about what I am talking about. See the live example below. Hover the mouse on twitter icon and see what happens.

It looks nice, Isn't It?.
Today i will tell you how to add this effect to any social icon. There Is one more way to Display A image on hover through HTML. But it requires two images and it is slow as compared  to this method.
The Image That i am using for this tutorial is

You can see that one of the image is colored and one is not colored. As shown in the example above, When you will hover mouse on the Grey image, it will slide to show the colored image.

If you do not want slide like the example below:

If you do not want slide, and you only want to display like the above example, I will tell you that way too. Let's Start.

Step 1: First Get any image (Social Icon), and place the colored one at the upper side, and the grey one at down side. You can also place the grey one up and colored one down. But i'm using Grey one down in this tutorial that why i am saying, so that you can better understand it.
Note: You Should keep both (Colored and Grey One) Width & Height same. You can create it in Photoshop.

Step 2: After Creating the image in Photoshop, Make sure You have equal width and height for both images. Then upload it to any site and get the IMAGE URL.

Step 3: Now you have to place your Image Link in the code Below.

.twittersocialicon {
background:url('PLACE IMAGE LINK HERE') bottom;
width:86px;
height:69px;
display:inline-block;
margin:3px;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
cursor:pointer;
}
.twittersocialicon:hover {
background-position:0 0;
}

My each image Width=86px & Height=69px. As you can see in code, That's why i have used WIDTH=86px and Height=69px. If your images width is 100 for example, You can replace the width with 100 and same for height.

This Code is for the images that will slide. If you want to add it in Blogger.
Go to Template, Click on Edit Html, And paste the code just above the ]]></b:skin>.
To Add In Wordpress, Add the code in your theme stylesheet.

HTML CODE

<a class="twittersocialicon" href="LINK OF YOUR TWITTER"></a>

Step 4: You can add that Html Code in your blog posts, or in your HTML Template or HTML Gadget.


Why Image is sliding?
The image is sliding, because we have added Transition effects in the code, If you don't know about Transition effect. Search on Google and you will come to know about the magic of Transition.


Simple Hover Image
Simple Hover Image, that i showed you in the second example above, It will not Rollover. It will simply Change it colors immediately.
You can get Simple Hover just by removing these transition lines below from the CSS.

-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;

And the Code will look like this:

.twittersocialicon {
background:url('http://1.bp.blogspot.com/-bYV7TuD0kko/UpBSKMJb8qI/AAAAAAAAA_0/GpLHwrbYbGQ/s1600/Twitter-MYBN-TUT.png') bottom;
width:86px;
height:69px;
display:inline-block;
margin:3px;
cursor:pointer;
}
.twittersocialicon:hover {
background-position:0 0;
}

It will not slide, It will simply change it's color.


I hope you learned that how you can add hover effect to any Social Icon.
In this tutorial i use the single image, which only have Twitter Icons, You can use multiple images in a single image, like next to the Colored Twitter Icon there will be a colored Facebook icon. But To do this you have to make all the images width and size equal and margin between them too.
Then you can just use background-position to Display Them.
I will soon write a topic on CSS Offsets ( background-positioning ).

Social Media Icons
Social Media Icons are the icons, that you usually see on websites-blog etc. If you have your own website/blog, and you also want Social Media Icons then this post is best for you. The following social media icons are beautiful,stylish and attractive. If a social media icon is attractive, then there are more than 90% chance that the visitor will click on them. Social Media Icons are linked with your social media profiles, When someone will click. He/She will be taken to your social media profile.

Why You Need Social Media Icons?
Social Media Icons are very important, because almost every person uses social media like Facebook, Twitter and other. They are not every time present on your website/blog, and if you add some new stuff to your website/blog, How would your visitor know that you added some new stuff. For this social media icons are used. When you will add new stuff, You will surely promote them with your Social Media Profiles, and those who have liked your facebook page or have followed you on twitter, They will come to know that you have added this stuff to your website, and they will come to check it.

The following list of social icons is not created by me, I just collect it from the internet and share them on one place. So you guys can easily use them. To Download these social media icons, Simply click on the image or the title of every icon list.


Long Shadow Social Media Icons

Stained and Faded Social Media Icons

Stained and Faded Social Media Icons Vol.2

Stained and Faded Social Media Icons Vol.3

Square Mono Social Media Icons

Cute Social Media Icons

Polygon Social Media Icons

Social and Media Icons Pack

Social Media Sleek Icons pack

Glowing Social Media Icons

Bubblicons

Free Hand Switch Social Bookmarking Icon

Round Social Icons

Store Social Media Icons

Cloud Social Media Icons

Egg Shaped Social Media Icons

To Download, Simply click on image or the title of each icon, and in a new tab you will be taken to the Icon's Owner website, from where you can download it.
Tell us through comments, that which social media icons you like the most from the above list. :)