কিভাবে গ্রেডিয়েন্ট কালার কোড জেনারেটরের টুল তৈরি করবেন।

হ্যালো বন্ধুরা! আপনার অনলাইন কাজ  ব্লগে স্বাগতম,আজকের এই পোস্টে আমরা “ব্লগার জন্য গ্রেডিয়েন্ট কালার কোড জেনারেটর টুলস স্ক্রিপ্ট সম্পর্কে কথা বলতে যাচ্ছি”। এবং এই ব্লগার গ্রেডিয়েন্ট কালার কোড জেনারেটরের টুল ওয়েবসাইট কিভাবে বানায়? সুতরাং আমরা এই পোস্ট  এই রকম স্ক্রিপ্ট সম্পর্কে জানব। সুতরাং এই পোস্টের সাথে  থাকুন এবং সম্পূর্ণ বিবরণ  জানুন।

গ্রেডিয়েন্ট কালার কোড জেনারেটর টুল-

কিভাবে গ্রেডিয়েন্ট কালার কোড জেনারেটরের টুল তৈরি করবেন।

আপনি যদি না জানেন তবে গ্রেডিয়েন্ট কালার কী? সুতরাং আমি আপনাকে বলতে দিন যে একটি রঙ প্যাটার্ন আছে। এতে আপনি দুটি বা ততোধিক রঙের সমন্বয়ে একটি রঙিন প্যাটার্ন পান। এবং এই গ্রেডিয়েন্ট রঙটি ওয়েব বিকাশে ব্যবহৃত হয়। আপনি যদি কোডিং করেন তবে অবশ্যই আপনাকে এটি সম্পর্কে জানতে হবে।

অবশ্যই পড়ুন-

ওয়েব ডিজাইনিংয়ের ক্ষেত্রে আমরা বিভিন্ন রঙের জন্য বিভিন্ন রঙের কোড ব্যবহার করি। ঠিক একইভাবে গ্রেডিয়েন্ট কালার কোডও। আমরা এটা মনে করতে পারি না। সুতরাং এই ধরণের গ্রেডিয়েন্ট কালার জেনারেট তৈরি করার জন্য আমাদের গ্রেডিয়েন্ট কালার কোড জেনারেটরের টুল প্রয়োজন। এই স্ক্রিপ্টের সাহায্যে, আমরা সহজেই গ্রেডিয়েন্ট কালার সিএসএস কোড তৈরি করতে পারি।

গ্রেডিয়েন্ট কালার কোড জেনারেটর টুল স্ক্রিপ্ট-

তাই এখন আমি অনেক মানুষের প্রশ্নের উত্তর সরবরাহ করেছি। কারণ অনেক লোক আমাকে জিজ্ঞাসা করতে থাকে যে অনলাইন কাজে আমাদের গ্রেডিয়েন্ট কালার কোড জেনারেটর টুলস  স্ক্রিপ্টটি বিনামূল্যে সরবরাহ করতে পারবেন কিনা। সুতরাং আমার উত্তর হ্যাঁ। কারণ আমরা আমাদের পাঠকদের এবং সাবস্ক্রাইবারদের জন্য বিনা মূল্যে প্রায় সকল ধরণের টুল স্ক্রিপ্ট সরবরাহ করি।

অবশ্যই পড়ুন-

এই স্ক্রিপ্টগুলি ব্যবহার করে আপনি নিজের ব্লগার ওয়েবসাইটে সহজেই একটি টুল তৈরি করতে পারেন। যাইহোক, অনেক লোক তাদের নিজস্ব টুল তৈরি করতে এবং অনলাইন উপার্জন করতে চান। এবং আমি এই স্বপ্ন বাস্তব করতে যাচ্ছি।

ব্লগার / ব্লগস্পটে একটি গ্রেডিয়েন্ট কালার কোড জেনারেটর সরঞ্জাম তৈরি করার পদক্ষেপ

  • ব্লগার / ব্লগস্পট ড্যাশবোর্ডে যান (পুরাতন ব্লগার ড্যাশবোর্ড)
  • এখন থিম বিভাগে ক্লিক করুন
  • নিচে স্ক্রোল করুন এবং ক্লাসিক থিমগুলিতে রিভার্ট ক্লিক করুন
  • ক্লাসিক থিম রিভার্ট ক্লিক করুন এখন
  • এখন ব্লু এবং কপি কোড বেলো বন্ধ করুন

<!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'/>    
  <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'/>    
  <link href='https://www.onlinekaj.com' rel='canonical'/>    
  <style id='page-skin-1' type='text/css'><!--    
  /*    
  -----------------------------------------------------------------------------------    
  This blog was Created & Modify by Onlinekaj.com   
  ----------------------------------------------------------------------------------- */    
  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>    
  <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>  
                     <input class="color1 my-4 mr-4" type="color" name="color1" value="#B138A8" />  
                     <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     
            </div>  
         </br>  
                     <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");  
 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>

  • এখানে সমস্ত কোড রিমুভ করুন নতুন কোড পেস্ট করুন 
  • এখন সেভ থিম ক্লিক করুন, আমি সব
  • এখন আপনার গ্রেডিয়েন্ট কালার কোড জেনারেটরের টুল ব্যবহারের জন্য প্রস্তুত।

আমাদের শেষ কথা - ব্লগার ডাউনলোডের জন্য গ্রেডিয়েন্ট কালার কোড জেনারেটর টুল স্ক্রিপ্টের এই আটিকেল আপনি কী পছন্দ করেছেন। আপনি অবশ্যই নীচের কমেন্ট বক্সে আপনার  মন্তব্য করতে পারেন। অথবা আপনিও একরকম পরামর্শ দিতে চান, তারপরে আপনি নীচের কমেন্ট বক্সে আপনার মতামত আমাদের সাথে শেয়ার করতে পারেন।

2 Comments

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

  1. theme ta kiser disen techmag premium ta china bhasr

    ReplyDelete
    Replies
    1. Notepad Age Open Koren , Tar Por Apner Edit Html Open Koron And ALL Code Delate Korun ..Akon Techmag Paste Korun.."Save" Korun...
      Thanks...!

      Delete

Post a Comment

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

Post a Comment

Previous Post Next Post