Gradient Color Code Generator Tool Script for Blogger Download

Hello friends! Welcome to your Techly360 blog. So in this article today we are going to talk about Gradient Color Code Generator Tool Script for Blogger Download. And this Blogger Me Gradient Color Code Generator Tool Website Kaise Banaye? So we will know all these things in this article. So stay in this article and know more in full details.

Gradient Color Code Generator Tool

If you do not know what is Gradient Color? So let me tell you that there is a color pattern. In this, you get a color pattern consisting of two or more colors. And this Gradient Color is used in web development. If you do Coding then you must know about it.

As we use different color codes for different colors for web designing. So is the Gradient Color Code in exactly the same way. We cannot remember this. So in this way we need Gradient Color Code Generator Tool to generate this Gradient Color. With the help of this tool, we can easily generate Gradient Color CSS Code.

How to Create Gradient Color Code Generator Tool Script

So now I have provided the answer to the question of many people. Because a lot of people kept asking me whether Techly360 can provide us with Gradient Color Code Generator Tool Script for free. So my answer is yes. Because we provide almost all types of tool script for our Readers and Subscribers for free.

By using these scripts, you can easily create a tool in your own blogger website. By the way, a lot of people want to create their own tool and do online earning. And I am going to make this dream come true.

Steps to Create a Gradient Color Code Generator Tool in Blogger/Blogspot

Go to Blogger/Blogspot Dashboard (Old Blogger Dashboard)
Now Click on Theme Section
Scroll Down & Click on Revert to Classic Themes
Now to Click on Revert to Classic Theme
Now Turn off Blue & Copy Code Bellow

<!DOCTYPE html>

<head>

<title>Online Gradient Color Code Generator Tool</title>

-----------------------------------------------------------------------------------

This blog was Created & Modify by Techly360

----------------------------------------------------------------------------------- */

body {

background: linear-gradient(to right, rgb(177, 56, 168), rgb(250, 116, 5));

}

.title {

background-color: #192B3A;

border-left: 12px solid #00FF0D;

border-right: 12px solid #00FF0D;

border-radius: 50px 117px 50px 117px;

color: #fdfdfd;

padding: 8px;

font-size: 22px;

text-align: center;

}

.subtitle {

font-family: "Kanit", sans-serif;

color: black;

}

.title {

letter-spacing: 0.4em;

}

.subtitle {

letter-spacing: 0.2em;

}

.color1,

.color2 {

width: 3em;

height: 3em;

cursor: pointer;

}

.current-bg {

font-family: "Source Code Pro", monospace;

color: white;

}

.copy-property {

color: black;

cursor: grab;

}

.copy-property:active {

cursor: grabbing;

}

.random-btn {

color: black;

border-radius: 1rem;

transition: all 0.3s ease-in-out;

}

.random-btn:hover {

background: steelblue;

border: 1px solid steelblue;

color: white;

transform: scale(1.1);

}

.adspacebytechnicalarp {

padding: 2em;

box-shadow: 0 5px 15px rgba(0,0,0,.16);

border-radius: 5px;

margin-top: 1em;

background: #fff;

text-align: left;

}

--></style>

</head>

<body>

Gradient Color Code Generator

</h2>

Place you Ad Code 1

</div>

</br>

Current CSS Background

</h4>

<p class="copy-property lead font-italic">Click here to copy!</p>

Place you Ad Code 2

</div>

</br>

Generate random

</button>

</div>

</section>

</center>

const htmlBody = document.body;

const color1 = document.querySelector(".color1");

const color2 = document.querySelector(".color2");

const currentSelection = document.querySelector(".current-bg");

const copyProperty = document.querySelector(".copy-property");

const randomButton = document.querySelector(".random-btn");

function setGradient() {

htmlBody.style.background = `linear-gradient(to right, ${color1.value}, ${color2.value})`;

currentSelection.textContent = `${htmlBody.style.background};`;

}

function generateRandom() {

const randomColor1 = Math.random().toString(16).slice(2, 8).toUpperCase();

const randomColor2 = Math.random().toString(16).slice(2, 8).toUpperCase();

color1.value = `#${randomColor1}`;

color2.value = `#${randomColor2}`;

setGradient();

}

function copyText() {

const text = currentSelection.innerText;

let temp_element = document.createElement("textarea");

document.body.appendChild(temp_element);

temp_element.value = text;

temp_element.select();

document.execCommand("copy");

document.body.removeChild(temp_element);

}

window.addEventListener("load", setGradient);

color1.addEventListener("input", setGradient);

color2.addEventListener("input", setGradient);

copyProperty.addEventListener("click", copyText);

randomButton.addEventListener("click", generateRandom);

</Script>

</body>

</html>

Remove all Code & Paste New Code Here
Now Click on Save Theme, That’s All
Now Your Gradient Color Code Generator Tool is Ready to Use

Conclusion - How did you like this article of Gradient Color Code Generator Tool Script for Blogger Download. You must definitely comment by commenting in the comment box below. Or you also want to give some kind of Suggestion, then you can share your opinion with us in the Comment Box below.

Learn Some thing new about Tec

Gradient Color Code Generator Tool Script for Blogger Download