blogger में Rainbow effect के साथ Download button कैसे बनाय |

blogger में download button और उसमे effect कैसे डाले इस पोस्ट में कैसे बनाय इस पोस्ट में हम आपको बताएँगे | blogger में किसी चीज करने के लिय आपको कुछ कोड use करने होंगे |

Rainbow effect से आप  download या किसी और तरह के button बना सकेंगे हम आपको एकदम आसन कोड देंगे |

• सबसे पहले आपको theme section में जाना होगा 
• उसके बाद edit html करना होगा 

अब आपको इस कोड को ]]></b:skin> search करना होगा
फिर आपको निचे दिय गय कोड को  ]]></b:skin> के निचे पेस्ट करना है|

a.kurainbow-tombol {
    color: black;}
a {
  text-decoration:none;
  color:#FFF;
}
.kurainbow-tombol {
  width:calc(8vw + 5px);
  height:calc(2vw + 6px);
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
  border-radius:5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
  font-size:1vw;
  margin:auto;
  font-weight:bold;
}
.kurainbow-tombol:after {
  background-color:white;
  content:attr(alt);
  width:8vw;
  height:2vw;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.kurainbow-tombol:hover {
  animation:kuraslidebg 2s linear infinite;
}
@keyframes kuraslidebg{
  to {
    background-position:30vw;
  }
}

अब आपको save template पे क्लिक करना है|
अब आप जिस पोस्ट में button देना चाहते है उस पोस्ट में html से जाय फिर निचे दिय गय कोड कोड़े को पेस्ट क्रर दे |

<a alt=" Demo " class="kurainbow-tombol" href="https://www.blogger.com/url"> </a>
<a alt=" Download " class="kurainbow-tombol" href="https://www.blogger.com/url"></a>
<a alt=" message " class="kurainbow-tombol" href="https://www.blogger.com/url"></a>

                                    Demo Button

• gmail account kaise banay

demo या कोई एक कोड को कॉपी करना है url के जगह अपना लिंक और message के या demo के जगह अपना keyword देना है याद रहे ये सिर्फ preview या publish होने के बाद आपको download button दिखेगा सो आपको button को देखने के लिय preview या पोस्ट publish होने का इंतज़ार करना होगा |

अगर आप button के size को बढ़ाना कहते है तो ऊपर दिय गये css कोड को  search करे  जरुरत अनुसार बदलाव करें |

width: calc ( 8 vw + 5 px); 
height: calc ( 2 vw + 6 px); 
width: 8 vw; 
height: 2 vw;