Viral Gradient Color Code Generator Tool

Hello friends! Welcome to your MANteck. So in this article today we are going to talk about Gradient Color Code Generator Tool Script for Blogger Download. How to create Viral Gradient Color Code Generator Tool ? So we will know all these things in this article. So stay in this article and know more in full details.

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.

gradient background gradient generator gradient background photoshop gradient color generator gradient color code those helpful for us. linear-gradient


As for Web Designing we use different color codes for different colors. 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 Generate. With the help of this tool, we can easily generate Gradient Color CSS Code.

How to Create Viral Gradient Color Code Generator Tool

So now I have provided the answer to the question of many people. Because a lot of people kept asking me whether MANteck 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, many people want to create their own tool and do online earning. And I am going to make this dream come true.

Following Steps Help You...

Steps:

  • Go to Blogger / Blogspot Dashboard (old Blogger Dashboard)
  • Now click on the Theme Section
  • Scroll and click Back to Classic Topics
  • Now click on Revert to Classic Theme
  • Now close the blue and copy code

<!DOCTYPE html>    
  <html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>    
  <head>    
  <meta name="viewport" content="width=device-width, initial-scale=1.0">    
  <title>Online Gradient Color Code Generator Tool</title>    

  <meta content='gradient color palette, text color gradient css generator, colorspace gradient color css generator, gradient button generator, inear-gradient(top to bottom), css color generator' name='Description'/>    
  <meta content='gradient color palette, text color gradient css generator, colorspace gradient color css generator, gradient button generator, inear-gradient(top to bottom), css color generator' name='Keywords'/>    
  <meta content='index, follow' name='robots'/>    
  <meta content='2 days' name='revisit-after'/>    
  <meta content='English' name='language'/>    

  <link href='https://techly360.com/gradient-color-code-generator-tool-script/' rel='canonical'/>    
  <meta content='India' name='geo.country'/>    
  <meta content='Bihar' name='geo.placename'/>    
  <meta content='global' name='distribution'/>    
  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>    
  <meta content='true' name='MSSmartTagsPreventParsing'/>    
  <meta content='general' name='rating'/>    
  <style id='page-skin-1' type='text/css'><!--    
  /*    

   border-right: 12px solid #00FF0D;  
  -----------------------------------------------------------------------------------    
  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-radius: 50px 117px 50px 117px;  
   color: #fdfdfd;  

      color: black;  
   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 {  
      cursor: grab;  
 }  

   text-align: left;  
 .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;  
 }  
  --></style>    

                     <input class="color1 my-4 mr-4" type="color" name="color1" value="#B138A8" />  
  </head>    
  <body>    
  <center>  
  <!-- main section -->  
 <section id="main" class="mt-3">  
      <div class="container">  
           <div class="row">  
                <div class="col text-center">  
                     <h2 class="title text-uppercase font-weight-bold">  
                          Gradient Color Code Generator  
                     </h2>  
                     <div class="adspacebytechnicalarp container">  
         Place you Ad Code 1     
            </div>  
         </br>  

            </div>  
                     <input class="color2" type="color" name="color2" value="#FA7405" />  
                     <h4 class="subtitle text-uppercase font-weight-bold">  
                          Current CSS Background  
                     </h4>  
                     <h5 class="current-bg font-weight-bold my-4"></h5>  
                     <p class="copy-property lead font-italic">Click here to copy!</p>  
                     <div class="adspacebytechnicalarp container">  
         Place you Ad Code 2     
         </br>  

 const randomButton = document.querySelector(".random-btn");  
                     <button class="random-btn btn btn-light btn-lg mt-3 p-3">  
                          Generate random  
                     </button>  
                </div>  
           </div>  
      </div>  
 </section>  
 <!-- end of main section -->   
 </center>  
  <Script Language='Javascript'>    
  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");  

      let temp_element = document.createElement("textarea");  
 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;  

  </html>    
      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>

  • Paste all code and new code here
  • Now click on save theme, all this
  • Now your gradient color code generator tool is ready to use