Download button css with hover effect

नमस्कार दोस्तों, आज की पोस्ट में आपके साथ एक Download button css with hover effect कि कोडिंग साझा की है, जिसे आप बिल्कुल फ्री में हमारी वेबसाइट से डाउनलोड कर सकते हैं,

इस पोस्ट में आपके साथ जो hover बटन की कोडिंग साझा की गई है, उसे आप अपनी वर्डप्रेस और ब्लॉगर की ब्लॉग पोस्ट में ऐड कर सकते हैं,

Css Button Hover Effects

अगर आप अपनी वेबसाइट में इस बटन की कोडिंग का यूज करते हैं, तो आपकी पोस्ट में लगा बटन यूजर्स को काफी अच्छा लगेगा और कुछ अलग आपकी वेबसाइट में देखने को उन्हें मिलेगा।

दोस्तों अगर आपको नहीं पता कि अपनी वेबसाइट की ब्लॉग पोस्ट में किस तरह से इस पोस्ट में बताए hover बटन को add कर सकते हैं, तो आप इस पोस्ट को लास्ट तक जरूर पढ़ें, इस पोस्ट में हमने आपको बटन से रिलेटेड सभी जानकारी डिटेल में साझा की है, साथ ही आपको बताया है किस तरह से आप अपनी ब्लॉग पोस्ट में बटन को ऐड कर सकते हैं।

Download button css with hover effect

दोस्तों सबसे पहले यहां पर हम बटन की कोडिंग की बात कर लेते हैं, क्योंकि अगर आपके पास बटन के codes नहीं होंगे, तो आप अपनी वेबसाइट में कोई भी बटन add नहीं कर पाएंगे, इसलिए सबसे पहले आपको नीचे दिए गए बटन पर क्लिक करके हमारे इस hover बटन की कोडिंग को डाउनलोड कर लेना है,

Wait Link Available in 40 seconds.


जैसे ही आप ऊपर दिए download button पर क्लिक करते हैं, तो आप हमारी instamojo की वेबसाइट पर redirect हो जाएंगे, जहां आपको hover बटन की coding free में provide कराई गई हैं, जहां से आप hover बटन की कोडिंग को डाउनलोड कर सकते हैं।

Read Also: 3d button html css code free provide

Hover button ko wordpress me kaise lagaye

दोस्तों hover button कि coding को अपनी वर्डप्रेस वेबसाइट की ब्लॉग पोस्ट में लगाने के लिए आपको नीचे बताए गए सभी स्टेप्स को फॉलो करना है,

Step 1. सबसे पहले आपको hover बटन की कोडिंग को डाउनलोड कर लेना है,

Step 2. बटन की कोडिंग डाउनलोड करने के बाद आपको उसमें एक “zip” फाइल मिलती है, जिसे आपको सबसे पहले “extract” (unzip) करना है,

Css Button Hover Effects  Download Button With Hover Effect

Step 3. Zip file को extract करते ही आपको उसमें कुछ फाइल मिल जाएगी जिनमें से आपको “button code” के फोल्डर को ओपन करना है,

Step 4. Folder open करने के बाद आपको उसमें 7 फोल्डर मिलते हैं, जो कि कलर के नाम से होंगे, जिसमें से आपको जिस भी कलर का बटन पसंद हो आप उस कलर वाले फोल्डर को ओपन करें,

Hover button ko wordpress me kaise lagaye

Step 5. इसके बाद फोल्डर में आपको एक .txt file मिल जाएगी, जिसे आपको ओपन करना है,

Step 6. इसके बाद आपके सामने जो भी कोड ओपन होता है, उसे आपको copy कर लेना है,

Step 7. दोस्तों अब आपको अपनी वर्डप्रेस वेबसाइट को ओपन करना है और जिस पोस्ट में आप hover बटन को add करना चाहते हैं उस पोस्ट का edit पेज ओपन करना है,

Step 8. इसके बाद आपको अपनी पोस्ट में जिस जगह पर बटन को add करना है, उस जगह आपको एक html code box add कर लेना है,

download Css Button Hover Effects

Step 9. इसके बाद आपको html code box मे hover बटन के code को paste कर देना है,

Step 10. दोस्तों इसके बाद आप जो बटन की कोडिंग को पेस्ट करते हैं, उसमें से आपको शुरू में और बटन कोड के लास्ट में से <style> और </style> tag को हटा (remove) देना है,

Step 11. इसके बाद आपको अपनी पोस्ट की सेटिंग को सेव कर देना है,

दोस्तों इसके बाद अब आप अपनी ब्लॉग पोस्ट को व्यू करके देख सकते हैं, उसमें आपको अब hover download button नजर आ जाएगा,

मुझे उम्मीद है आपको समझ में आ गया होगा कि किस तरह से आपको अपनी वर्डप्रेस वेबसाइट में hover बटन को लगाना है।

Read Also: Sliding hover button html css coding

Blogger blog post me hover download button kaise lagaye

दोस्तों अगर आपकी वेबसाइट blogger पर बनी हुई है और आप अपनी ब्लॉगर वेबसाइट की ब्लॉग पोस्ट में hover बटन को ऐड करना चाहते हैं, तो नीचे बताई गई सभी स्टेप्स को फॉलो करें,

Step 1. दोस्तो सबसे पहले आपको hover बटन की कोडिंग को download करके उसे unzip कर लेना है, उसके बाद आपको उसके unzip फोल्डर को ओपन करना है,

Step 2. इसके बाद आपको hover button की कोडिंग के फोल्डर में “button code” की फाइल को ओपन करना है,

Step 3. फोल्डर को ओपन करते ही आपको उसमें से 7 फोल्डर मिलेंगे, जिनके नाम हमने कलर के ऊपर रखे हुए हैं, आपको उसमें से जिस भी कलर का बटन अपनी blog पोस्ट में add करना हो उस कलर name वाले फोल्डर को ओपन करना है,

Step 4. इसके बाद आपको फोल्डर में .txt file मिलती है जिसे आपको ओपन करके उसमें मौजूद पूरे कोड को कॉपी कर लेना है,

Step 5. कोड को कॉपी करने के बाद आपको अपनी ब्लॉगर की उस blog पोस्ट को ओपन करना है, जिसमें आपको बटन ऐड करना हो,

Step 6. दोस्तों इसके बाद आपको अपनी पोस्ट के अंदर जिस जगह भी बटन को ऐड करना हो, उस जगह पर आपको कुछ सिमिलर वर्ड्स लिखने होंगे, ताकि आप उनको ब्लॉग पोस्ट की html फाइल में आसानी से पहचान सके,

Step 7. इसके बाद आपको अपनी blog पोस्ट के html editor के option पर click करना है,

Step 8. इसके बाद आपको अपने html editor मैं उन सिमिलर वर्ड्स को सर्च करना है, जो कि आपने अपनी ब्लॉग पोस्ट में ऐड किए थे,

Step 9. इसके बाद आपको अपने सिमिलर वर्ड्स को हटाकर उनकी जगह पर hover बटन की कोडिंग को पेस्ट कर देना है और अपनी पोस्ट की सेटिंग को सेव कर देना है,

दोस्तों इस प्रोसेस को फॉलो करने के बाद आप अपने ब्लॉग पोस्ट को view करके देख सकते हैं, उसमें अब आपको hover बटन ऐड मिल जाएगा।

Read Also: Blogger post me html code box kaise lagaye

दोस्तों अगर आपको नहीं पता की बटन की कोडिंग में यूआरएल लिंक कैसे ऐड करें, या फिर बटन का text कैसे चेंज करें, तो उसके लिए आप जब hover बटन की कोडिंग को डाउनलोड करते हैं, तो बटन की डाउनलोड फाइल में आपको एक guide file भी मिलती है,

जिसमें आपको बटन की कोडिंग से रिलेटेड काफी सेटिंग्स को समझाया गया है, साथ ही उसमें आपको बताया गया है, किस तरह से आप अपने बटन की कोडिंग में किसी भी url link को ऐड कर सकते हैं।

Conclusion:

दोस्तों आपको हमारी “Download button css with hover effect” पोस्ट कैसी लगी हमें कमेंट करके जरूर बताएं और इस पोस्ट से रिलेटेड आपके कोई भी सवाल हो तो आप हमें कमेंट करके पूछ सकते हैं,

आगे भी अगर आप इसी तरह से free download buttons की कोडिंग को प्राप्त करना चाहते हैं, तो हमारी वेबसाइट पर जरूर से सब्सक्राइब करके जाएं, धन्यवाद।

Read More Post:

Share This Post:

1 thought on “Download button css with hover effect”

Leave a Reply

Your email address will not be published. Required fields are marked *