Skip to main content
Home Telegram Contact About Support Blog Tools Base Custom More Logo Friends Partners People Workl Work Work Work Work Work

Add Responsive Download Button in Blogger Post

Add Download Button in Blogger Post

नमस्कार दोस्तो ! स्वागत है आपका Kevalnews.in में।तो  हमने इस Kevalnews Blog में एक नया कैटेगरी बनाया है जिसका नाम है Widgets जी हाँ आपने एकदम सही सुना।मैं आपको बता दूँ की आपको तो ऐसे इस ब्लॉग में ब्लॉगिंग से संबंधित अर्टिकल्स और साथ ही अपडेट और ट्रिक्स की भी अर्टिकल्स मिल जाते है।तो इस Widgets वाले कैटेगरी में मैं ब्लॉगर से संबंधित Widgets के बारे में बताऊंगा।तो आज के इस ब्लॉग पोस्ट में हम बात करने वाले है Responsive Download Button के बारे में।की इसे हम कैसे अपने ब्लॉगर ब्लॉग में लगा सकते है।तो बने रहिये इस आर्टिकल में।और जानिए विस्तार पूर्वक।

Add Responsive Download Button in Blogger Post

What is Download Button

जैसा कि आपको पता होगा कि अगर आप इंटरनेट पर कुछ भी डाउनलोड करने जाते है तो आपको वहा एक Download Button मिलता है।जिसपर क्लिक करके आप उस File को आसानी से डाउनलोड कर सकते है।वैसे कई जगहों पर डाउनलोड बटन नही होता है।सिर्फ कुछ अक्षर लिखे होते है।लेकिन अगर डाउनलोड बटन लगा हो तो वह देखने मे भी अच्छा लगता है।

Also Read- Add Syntax Highlighter in Blogger

तो अगर आप ब्लॉगर है और कोई डाऊनलोड ब्लॉग को चलाते है तो इस आर्टिकल को पढ़ते रहिये।यह आर्टिकल सिर्फ ब्लॉगर पर ब्लॉगिंग करने वालो के लिए है।इस आर्टिकल में मैने नीचे कुछ HTML Code उपलब्ध कराया है।जिसे इस्तेमाल करके आप आसानी से अपने ब्लॉगर ब्लॉग में Download Button को लगा सकते है।तो नीचे दिए गए Steps को फॉलो करके आप इस HtML Code के द्वारा डाउनलोड बटन लगा सकते है।

Download Button Implement Steps

Step 1- सबसे पहले आपको नीचे एक Bootstrap Code  मिलेगा इस कोड को कॉपी करके आपके ब्लॉगर के टेम्प्लेट में <head> tag के नीचे पेस्ट करके सेव कर देना है।
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

Step 2- अब आपको नीचे Download Button के कोड मिलेंगे।ये कोड दो प्रकार के है।आप अपने अनुसार इसे इस्तेमाल कर सकते है।आपको इस कोड को न्यू पोस्ट में जाकर HTML में पेस्ट करके सेव कर देना है।

<button class="btn"><i class="fa fa-download"></i> Download</button>

<button class="btn" style="width:100%"><i class="fa fa-download"></i> Download</button>

अंतिम शब्द:-आपको यह पोस्ट कैसा लगा।नीचे कमेंट करके जरूर बताएं।और इस पोस्ट को अधिक से अधिक शेयर करे।
😊 Thanks for Visit.😊

Post a comment

0 Comments