How to Create Osm Download Button for blogger ? - Technotips

Breaking

BANNER 728X90

Thursday, 24 June 2021

How to Create Osm Download Button for blogger ?

How to Create Osm Download Button for blogger ?

..................... 

Hello🙋‍♂️ 

Welcome to my Website

👉Techno Guide No.1

----_--_-----------_-----__---------------------

Today 

We learn how to create osm Download button for blogger.


There are A few steps to create Download button

👇

Techno Guide No.1

First Step :-

OSM डाउनलोड बटन बनाने के लिए सबसे पहले आप ब्लॉगर में न्यू पोस्ट क्रिएट करें 

यहां से------------


Techno Guide No.1


ब्लॉगर में जो आपको पेंसिल बटन दिखाई दे रहा है वहां पर क्लिक करें और उसे एचटीएमएल view में कन्वर्ट करें

2. Step :- 

नीचे 👇 दिए गए बॉक्स में से दोनों कोड कॉपी करें और  blogger main paste !


अपने ब्लॉगर पोस्ट पर जाएँ। फिर "एचटीएमएल" मोड पर स्विच करें और फिर पहले शीर्षक से ठीक पहले निम्नलिखित एचटीएमएल कोड पेस्ट करें।👇🏾

<div dir="ltr" style="text-align: left;" trbidi="on">

<body>

<center>

<span id="countdown">You have to wait 10 econds.</span></center>

<br />

<div style="text-align: center;">

<b>Click on Download Button After Time is Over</b><br />

<br />

<br />

<a href="https://youtu.be/yumRtXsYV90" id="download_link" style="display: none;" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwP-_72lbpocxAqRrd51y2W7RGWEeIC4MdJxSxKx-zqkRvCleLcGezHi0L4VNnRMuseiBxKL9QohBZBEwz8xnuCGiMr2aTM1D-dyo5oVS6aRc7pvhkLwqTxrDi876RaS7-IpBDMHkdMmL0/s0/download-button-gif-1.gif" /></a>

<noscript>JavaScript needs to be enabled in order to be able to download.</noscript>

<script type="application/javascript">

(function(){

   var message = "%d seconds before download link appears";

   // seconds before download link becomes visible

   var count = 10

   var countdown_element = document.getElementById("countdown");

   var download_link = document.getElementById("download_link");

   var timer = setInterval(function(){

      // if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed

      if (count) {

          // display text

          countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);

          // decrease counter

          count--;

      } else {

          // stop timer

          clearInterval(timer);

          // hide countdown

          countdown_element.style.display = "none";

          // show download link

          download_link.style.display = "";

      }

   }, 1000);

})();

</script>

</div>

</body></div> 


3. Step:-

कोड पेस्ट करने के पश्चात आप इसको शेयर कीजिए ना परियों पर जाइए अगर आपको डाउनलोड बटन दिखाई देता है

 तो आपका कोड सही है अगर नहीं देता तो आप मुझे कमेंट कीजिए मैं आपको कोई दूसरा कोड उपलब्ध करा दूंगा

No comments:

Post a Comment