Monday, February 17, 2020

अपने blog post मैं कैसे लगाए colourful large buttons हिंदी मे जाने || html code for large colourful buttons || html script for buttons in blog post ||

How to add large colourful buttons in our bloggers post ?

Html code,
Html code for large button

दोस्तों आज के इस पोस्ट में आपके साथ एक ऐसा कोड शेयर करने वाला हूं जिस html code के सहायता से आप अपने ब्लॉग में जो भी पोस्ट लिखते हो उस पोस्ट को प्रोफेशनल बना सकते हो 

          मतलब होता क्या दोस्तों कि आप अपने ब्लॉगर्स में कुछ खास एनिमेशन नहीं कर पाते हो ||

ये भी पढ़े - ahrefs tool को free में कैसे use करे ।

 जैसे कि आपने कई वेबसाइट पर देखे होंगे कि वहां पर बड़े-बड़े large buttons होते हैं जो देखने में colourful लगते हैं और थोड़ा प्रोफेशनल भी लगते हैं कोई भी विजिटर अगर उस वेबसाइट पर जाता है तो उसे लगता है , वाकई वेबसाइट बहुत ही अच्छा है ।
                           उसी जगह अगर आप अपने ब्लॉग पर कोई सिंपल सा पोस्ट लिखते हो जिस पर एनिमेशन नाम का कोई चीज होता ही नहीं है मतलब कोई designing हो तो नहीं होता। इससे विजिटर्स को लगता है यह तो  पूरा सिंपल ब्लॉग है  और थोड़ा इंटरेस्टिंग भी नहीं लगता उसे पढ़ने में । 

इसलिए आपके लिए एक html code लेकर आया हूं। इस html code का यूज करके अपने ब्लॉग पोस्ट को attractive बना सकती हो ।।
                  दोस्तों इस html code को यूज करने से पहले आपको मेरा एक पिछला पोस्ट पढ़ना होगा जिस पोस्ट में मैंने आपको दो html code दिया था उस दोनों html code को आपके ब्लॉगर के थीम सेक्शन में जाकर के एचटीएमएल में उन दोनों html code को पेस्ट करना होगा <head> tag के नीचे ।
            उन दोनों html code को पेस्ट कर देंगे उसके बाद ही अभी जो मैं आपको कोड दूंगा वह काम करेगा अन्यथा यह काम नहीं करेगा। इसलिए सबसे पहले आप मेरा पिछला पोस्ट पढ़िए। जिसका लिंक मैं यहां नीचे दे रहा हूं इस पर क्लिक करके आप पढ़ सकते हैं।
       👇👇👇👇  इस बटन को देख कर के आप एक अंदाजा लगा सकते हो कि इसी तरह का मैं आपको html code देने वाला हूं। जिसको अगर आप अपने ब्लॉगर के पोस्ट में ऐड करोगे तो जैसा कि आप नीचे बटन देख रहा हो इसी टाइप का  same button आपके ब्लॉग पोस्ट पर आएगा।
  👇tap here👇
collapse animation html code

html code for large colourful button null- html code



  1. एक बार जैसे ही आपने ऊपर दिए गए पोस्ट को पढ़ने के बाद वह दोनों  html code को अपने ब्लॉगर के  html  में ऐड कर दिए। उसके बाद आपको नीचे बताए गए स्टेप्स को फॉलो करना है।
  2. सबसे पहले आप अपने जिस ब्लॉग पोस्ट में इस तरह के बटन को ऐड करना चाहते हो उस ब्लॉग पोस्ट को ओपन कर लीजिए ओपन करने के बाद आपको उस पोस्ट में ऐसा जगह खोजना होगा या जिस जगह पर आप उस बटन को ऐड करना चाहते हैं।
  3.  वहां के आसपास के किसी लेटर को याद रख लीजिए। उस लेटर को याद रख लेने के बाद आपको जाना है। उसी ब्लॉग पोस्ट के लेफ्ट कॉर्नर की तरफ एक html  लिखा हुआ बटन होता है उस बटन पर आप जैसे हैं क्लिक करेंगे आपको उसी वर्ड को ढूंढना है जिस वर्ड को आपने अपने पोस्ट से याद किया था 
  4. उसी वर्ड को html में ढूंढने के बाद आपको मैं एक नीचे कोड दे रहा हूं। उस कोड को उसके नीचे में पेस्ट कर देना है। पेस्ट कर देने के बाद आपको आना है अपने ब्लॉग पोस्ट पर फिर से और देखिएगा कि जहां पर आप बटन लगाना चाहते थे वहां पर बटन लग चुका है।
  5.  अब वहां पर लिखा होगा बटन के ऊपर large button और आप उसके ऊपर जैसे ही टच करेंगे तो आपको एडिट का ऑप्शन मिल जाएगा जिससे कि वहां पर आपlarge buttonको हटाकर के कुछ भी लिख सकते हो  आप जो लिखना चाहते हो वह लिख सकते हो तो नीचे मैं आपको वह code दे रहा हूं। उसको आप कॉपी करके इसी तरह से आप अपने ब्लॉग में एनिमेशन  यूज कर सकते हो।
  6.  

<button type="button" class="btn btn-primary btn-lg">Large button</button>

<button type="button" class="btn btn-secondary btn-lg">Large button</button>


Copy First code this type of button .


Copy Second code for this type of button




आशा करता हूं दोस्तों आप लोगों को यह पोस्ट पसंद आया होगा ।पसंद आया तो दोस्तों इस पोस्ट को अपने हर ब्लॉगर दोस्तों के साथ शेयर जरूर करें। क्योंकि इस पोस्ट की जरूरत तो आपके उन ब्लॉगर दोस्तों को भी है ।।
                     तो दोस्तों फिर मिलते हैं आपसे किसी दिन इसी तरह के html code के साथ तब तक के लिए अपना प्यार बनाए रखें और हमेशा की तरह फिर से मुस्कुराते रहें। 😀😀😀

धन्यवाद! ❤️❤️🙏🙏❤️❤️❤️...............

0 Comments: