Add Responsive Download Button in Blogger Post
Add Download Button in Blogger Post
नमस्कार दोस्तो ! स्वागत है आपका Kevalnews.in में।तो हमने इस Kevalnews Blog में एक नया कैटेगरी बनाया है जिसका नाम है Widgets जी हाँ आपने एकदम सही सुना।मैं आपको बता दूँ की आपको तो ऐसे इस ब्लॉग में ब्लॉगिंग से संबंधित अर्टिकल्स और साथ ही अपडेट और ट्रिक्स की भी अर्टिकल्स मिल जाते है।तो इस Widgets वाले कैटेगरी में मैं ब्लॉगर से संबंधित Widgets के बारे में बताऊंगा।तो आज के इस ब्लॉग पोस्ट में हम बात करने वाले है Responsive Download Button के बारे में।की इसे हम कैसे अपने ब्लॉगर ब्लॉग में लगा सकते है।तो बने रहिये इस आर्टिकल में।और जानिए विस्तार पूर्वक।
What is Download Button
जैसा कि आपको पता होगा कि अगर आप इंटरनेट पर कुछ भी डाउनलोड करने जाते है तो आपको वहा एक Download Button मिलता है।जिसपर क्लिक करके आप उस File को आसानी से डाउनलोड कर सकते है।वैसे कई जगहों पर डाउनलोड बटन नही होता है।सिर्फ कुछ अक्षर लिखे होते है।लेकिन अगर डाउनलोड बटन लगा हो तो वह देखने मे भी अच्छा लगता है।
Also Read- Add Syntax Highlighter in Blogger
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>