How to create colour picker tool website for free:
What is colour picker:
A color picker is a tool which shows the colour in the hexadecimal format. Browser can easily read the respective colour and shows the colour to their user. Since all the colour hexa decimal code cannot be easily remind, since by keeping such a tools will be helpful for us. Color pickers often show colors and their information in various formats, including Hexadecimal and RGB.
How to create color picker website:
Step1: Download the color picker js file.
Step2: Login to your panel => Go to File manager or Login through FTP which direct goes to file manager=>
Step2: Create a page in the name of index.html (do not worry, all tools are free)
Step3: Copy and paste the below mentioned code on your html site.
<html> <head> <title>Online Color Picker Script - Pinepl</title>
<script src="jscolor.js"></script> </head>
<body> <form> <tr> <td>
<input class="pik1 jscolor"> </td> </tr>
</form>
<script> function setTextColor(picker)
{
document.getElementsByTagName('.bharat')[0].style.background-color = '#' + picker.toString() }
</script> </body> </html>
Step4: Save it. Also you can customize the the file by adding css
Next how we can make money using such tools.
By adding contextual network’s ads, we can make huge money on this. Best contextual ad network is google adsense. Let see how to add adsense ads on your color tool picker.
Note: for that you should have an active adsense account. Do not worry, if you do not have it means you can read this article for getting adsense account.
Step1: login to your adsense account => go to my ads => create ads => create responsive ads => put the ads name and copy the adsense ad code.
Step2: Go to your website file manager => click the edit file => paste the below mentioned code and just replace the code with your adsense ad code.
<html> <head> <title>Online Color Picker Script - Pinepl</title>
<script src="jscolor.js"></script>
</head>
<body>
<p>paste your ad code here</p>
<form> <tr> <td>
<input class="pik1 jscolor"> </td> </tr>
</form>
<script>
function setTextColor(picker) {
document.getElementsByTagName('.bharat')[0].style.background-color = '#' + picker.toString() }
</script>
<p>paste your ad code here</p>
</body> </html>
Step3: Now you can view it, you see a website like below mentioned,
Conclusion: using this method you can make huge money from google adsense. Remember that you should not click on your own ads, that is violation of adsense program policies.