HTML में बॉर्डर के साथ लिंक बनाने के लिए, आपको लिंक को स्टाइल करने के लिए CSS का उपयोग करना होगा। आप <head> अनुभाग में <style> टैग का उपयोग करके या किसी बाहरी CSS फ़ाइल से लिंक करके अपने HTML दस्तावेज़ में CSS शैलियाँ जोड़ सकते हैं।
Blogger के लिए बॉर्डर के साथ कस्टम HTML लिंक
इनलाइन शैली का उपयोग करके बॉर्डर के साथ लिंक बनाने का एक उदाहरण यहां दिया गया है:
यह कोड "लिंक विथ बॉर्डर" पाठ के साथ एक लिंक बनाता है, जिसे क्लिक करने पर, उपयोगकर्ता पृष्ठ के शीर्ष पर ले जाएगा (क्योंकि href विशेषता "#" पर सेट है)। इनलाइन शैली 1-पिक्सेल ठोस काली सीमा, 5 पिक्सेल पैडिंग जोड़ती है, और डिफ़ॉल्ट रेखांकन को हटा देती है।
CSS का उपयोग करके HTML में बॉर्डर वाले लिंक की सूची बनाने का एक उदाहरण यहां दिया गया है:
यह कोड लिंक की एक अनियंत्रित सूची बनाता है, प्रत्येक में 1-पिक्सेल ठोस काली सीमा, 5 पिक्सेल पैडिंग और कोई रेखांकन नहीं होता है। प्रदर्शन: ब्लॉक संपत्ति को यह सुनिश्चित करने के लिए जोड़ा गया है कि प्रत्येक लिंक अपनी स्वयं की रेखा लेता है, जिससे सीमा को देखना आसान हो जाता है।
आप अपनी वांछित स्टाइल प्राप्त करने के लिए आवश्यकतानुसार मूल्यों को समायोजित कर सकते हैं। उदाहरण के लिए, आप बॉर्डर की चौड़ाई, रंग और शैली को बदल सकते हैं या लिंक के चारों ओर अलग-अलग रिक्ति बनाने के लिए पैडिंग समायोजित कर सकते हैं।
यह भी पढ़ें - कॉलेज के छात्रों के लिए ब्लॉग Topic Ideas.
ब्लॉगर में html विजेट कैसे ऐड करें?
ब्लॉगर में HTML विजेट जोड़ने के लिए, इन चरणों का पालन करें:
- अपने ब्लॉगर खाते में लॉग इन करें।
- उस ब्लॉग का चयन करें जिसमें आप विजेट जोड़ना चाहते हैं।
- अपने ब्लॉगर डैशबोर्ड के लेआउट सेक्शन में जाएँ।
- अपने ब्लॉग के उस अनुभाग में "ऐड ए गैजेट" लिंक पर क्लिक करें जहाँ आप विजेट जोड़ना चाहते हैं।
- गैजेट की सूची से, "HTML/JavaScript" विकल्प चुनें.
- वह HTML कोड दर्ज करें जिसे आप विजेट के सामग्री बॉक्स में जोड़ना चाहते हैं।
- वैकल्पिक रूप से, आप "शीर्षक" फ़ील्ड में विजेट के लिए एक शीर्षक जोड़ सकते हैं।
- अपने ब्लॉग में विजेट जोड़ने के लिए "सहेजें" बटन पर क्लिक करें।
नोट: आपके द्वारा विजेट में जोड़ा गया HTML कोड मान्य होना चाहिए और उसमें कोई दुर्भावनापूर्ण सामग्री नहीं होनी चाहिए। अपने ब्लॉग में जोड़ने से पहले हमेशा अपने कोड को ध्यान से जांचें।