How to Add Audio Player in Blogger Post | Apple Point

Audio Player in Blogger Post

यहां, इस लेख में, मैं आपको दिखाऊंगा कि आप ब्लॉगर वेबसाइट पर कस्टम-डिज़ाइन किए गए ऑडियो प्लेयर को आसानी से कैसे जोड़ सकते हैं।

ब्लॉगर में mp3 प्लेयर जोड़ने के लिए 3 अलग-अलग तरीके तैयार किए हैं।

इस प्लेयर को बनाने के लिए केवल HTML और CSS का उपयोग किया है जो कि लोडिंग में काफी तेज है और काफी अच्छा दिखता है। यह मोबाइल Respoinsive है और स्क्रीन साइज के हिसाब से फिट बैठता है।

जैसा कि आप जानते हैं कि ब्लॉगर में ऑडियो फ़ाइल अपलोड करने का कोई तरीका नहीं है और इसलिए इसे करना आसान नहीं है

Audio Player V1

Godzilla vs Kong - Ringtone [Whatsapp Status Release]

ऑडियो प्लेयर जोड़ने के लिए आपको एक छवि और एक ऑडियो फ़ाइल की आवश्यकता होती है जिसे Google Drive जैसे क्लाउड स्टोरेज पर होस्ट किया जाना चाहिए।

फिर आपको ड्राइव लिंक को सीधे डाउनलोड लिंक में बदलना होगा या आप फ़ाइल आईडी को नीचे दिए गए वर्तमान के साथ बदल सकते हैं।

अब Blogger Dashboard में जाएं, पोस्ट को HTML व्यू में खोलें और मैने दिए गए HTML और CSS कोड को पेस्ट करें।

अब आपको ऑडियो फ़ाइल का नाम, कलाकार का नाम, ऑडियो फ़ाइल की छवि और ऑडियो फ़ाइल के स्रोत लिंक को बदलना होगा।

अब HTML ऑडियो प्लेयर आपकी ब्लॉगर वेबसाइट में जुड़ जाएगा।
The process of Adding the other two custom Audio is almost the same.

Audio Player V2

यहां आप ऑडियो प्लेयर में एक संक्षिप्त विवरण जोड़ सकते हैं या यदि आप इसे नहीं चाहते हैं तो इसे हटा सकते हैं। आप सीएसएस कोड को संशोधित करके छवि की चौड़ाई और ऊंचाई, बॉक्स-छाया प्रभाव भी बदल सकते हैं।

Note: if you don't want to paste the CSS code in all blog posts then you can paste the CSS code (<style> CSS code </style> ) just above the </body> tag in the theme file.

Audio Player V3

यहां वास्तव में कई ऑडियो प्लेयर जोड़े हैं और grid-style का डिज़ाइन बनाया है। यदि आप एकाधिक ऑडियो प्लेयर प्रदर्शित करना चाहते हैं तो यह आपकी सहायता करने वाला है।

Buy Click here