बोरिंग text link से ज्यादा attractive download button दिखती है. जिस से आपका कंटेंट डाउनलोड होने के chances बढ़ जाते है क्यों के इसका लुक professional आता है.
आप कोई content अपने visitors को डाउनलोड करवाना चाहते है तो आप download button अपने post में लगा सकते है.
Download button post me add करने के लिए आपको इस पोस्ट में, मै एक CSS code दूंगा. जिसके मदत से आप stylish download button create कर पाएंगे.
आपने शायद सुना होगा JavaScript और CSS codes साईट की speed slow कर सकते है.
पर दोस्तों मै आपको बताना चाहूँगा की इन codes का इस्तमाल करना हम पूरी तरह से बंद भी नहीं कर सकते.
क्यों के Adsense , Facebook popup like box जैसे सेवाओ का लाभ उठाने के लिए आपको इन codes का इस्तेमाल करना जरुरी है.
पर आपको ये भी बताना चाहता हु JavaScript और CSS का हद से ज्यादा प्रयोग न करे.
क्यों के professional look के कारन हमे इसका फायदा होता है तो ये download button का प्रयोग आप कर सकते है.
तो चलिये मुद्दे पे आते है और देखते है blogger post me download button kaise lagate hai.
Contents
Download Button Ke Liye CSS Code Kaise Add Kare?
- Login करे Blogger में>>Theme>>Customise Option चुने.
- Ab Blogger theme designer खुल के रहेगा वाहा Advance पर click करे और Add custom CSS मे निचे दियागया code पेस्ट करे.
body{ font-family: 'Alegreya Sans'; background: #708292; } a.download{ text-decoration: none; color: #fff; background: #FF4500; padding: 8px 10px; border-radius: 3px; display: block; width: 120px; text-align: center; z-index: 100; transition: opacity .8s ease; }
- अब Apply to Blog पर क्लिक करे.
अगर आप download button का colour बदलना चाहते है तो,
background: #FF4500
#FF4500 की जगह अपना colour code replace कर सकते है.
Blogger Post Me Download Button Show Kaise Kare?
उपर दियागया code आपने ब्लॉग पर add किया है तो, अब आप stylish download button post me show कर सकते है.
पोस्ट में बटन show करने के लिए,
- Post को HTML mode मे open करे.
- और जहा आपको डाउनलोड बटन show करनी है वाहा निचे दिया code paste कर दे www.example.com की जगह अपनी Download Link डाले
<a href="http://www.example.com" class="download">Download</a>
- Post Publish/Update करदे.
अब आपके उस पोस्ट पे डाउनलोड बटन दिखने लगेगी.
>Download</a> की जगह Download Now, Download PayTM, etc. भी आप लिख सकते है.
यदि डाउनलोड बटन से related कोई समस्या होगी तो जरुर comment कर के पूछे मे आपकी पूरी help करूँगा.
Also Read:
Bahut achcha tips diya ha bro
Very useful article and very new Blogger helping..
Very helpful article best Idea for download Button