Blogger Gadget क्या है ? और Blogger HTML Codes
इसलिए (Don't worry), मै इस Article में आपको Blogger theme में HTML or CSS code कैसे Add करते है और कुछ Best HTML or CSS codes बताऊंगा, जिसे आप Add करके अपने Blogger Website को Professional बना सकते है।
HTML or CSS code क्यू Add करे ? HTML or CSS code को Add करने के फायदे।
किसी भी Website को looking Wise अच्छा दिखना और SEO Friendly तथा MOBILE Friendly होना चाहिए, ताकि हमारी Website पर पढ़ने वालों को आसानी हो सके। इसके लिए हमें कुछ HTML or CSS codes को अपनी Theme में Add करने पड़ते हैं तो चलिए शुरू करते हैं...
इसे ब्लॉग से Related Topics:-
- Blogger में HTML code कैसे add करेंगे ?
- Blogger में CSS code कैसे add करेंगे ?
- Edit html में Code को कहां पर Paste करेंगे ?
- Blogger के Easy HTML और CSS Codes कौन से हैं ?
Blogger में HTML code कैसे Add करे ?
Blogger में Html Code को दो तरीके से Add कर सकते है:-
1. Theme मे Edit HTML के द्वारा Code Add करना।
दोस्तों सबसे पहले यह देखते हैं कि Blogger की Blogspot वेबसाइट की Theme में HTML code कैसे Add करते हैं। यह बहुत ही आसान Process है और ऐसा करके आप अपनी वेबसाइट को free में Professional बना सकते हैं।
इसके लिए ये जरूरी नही की आप को HTML की जानकारी हो, बस आप Google पर Search करेंगे तो आप को बहुत सारी Sites मील जायेंगी, जिससे आप Html codes को प्राप्त कर सकते हो और उसकी Testing भीं कर सकते हो।
नीच दी हुई Website पर आप code Search कर सकते है और Try भी कर सकते है।
For Example:- w3school.com ( For Html and CSS code )
आप Website से Code Search करने के बाद Copy कर ले, इसके बाद Blogger Account में Sign in करे। फिर नीचे दिए हुए Steps को follow करना होगा ( नीच दिए हुए Picture में देख 👇👇 )
- Theme पर click करे, left side Menu में
- Under "My theme" edit HTML पर click करे।
अब आपके सामने एक बॉक्स Open होगा, इस बॉक्स मे आपको Code Paste करना है, पर कैसे ?
मान लीजिये कि हमें अपने Blogger का Title कलर चेंज करना है, इसके लिए आप Html Code Page पर कहीं भी क्लिक कर दीजिए, इसके बाद आप Ctrl+f टाइप करे, इसके बाद Html Page के Top में Left Corner में एक बॉक्स ओपन हो जाएगा ।
उस बॉक्स में आप .post-head h1 लिख दीजिए और इंटर दबाएं, फिर आप वहीं पर पहुंच जाएंगे जहां पर Title कलर चेंज करना है । इस तरीके से आप कुछ भी Find करके आप वहां पर Html or CSS कोड पेस्ट कर सकते हैं। फिर नीचे दिए हुए Steps को follow करना होगा ( नीच दिए हुए Picture में देख 👇👇 )
- इसके बाद आप HTML Code Paste कर दीजिये।
- Save करने से पहले आप Preview जरूर देखें ले।
- अब आप Theme को Save करे।
Note:- Theme में कुछ भी Edit करने से पहले आप अपनी Theme का Backup जरूर कर लें ताकि अगर कोई Problem होता है, तो आप अपनी Theme को Restore कर सकते है।
2. Theme की Layout Setting के द्वारा Code Add करना।
इसके लिए आप Blogger Account में log in करेंगे। अब आप को Gagdet code को add करने के लिए left Side में Menu सेक्शन में "Layout" पर click करना है, फिर आप के सामने Theme का layout ओपन हो जायेगा। यहा पर आपको Side bar मे या Footer सेक्शन में Add Gagdet पर click करना है। फिर आपके सामने एक बॉक्स ओपन होगा ( नीच दिए हुए Picture में देख 👇👇 )। उसके बाद नीचे दिए हुए Steps को Follow करे ।
इस बॉक्स 👆👆 मे आपको HTML/JAVA Script का option मिलेगा, उस पर click करे । अब एक बॉक्स ओपन होगा, जिसमे आपको Html Code पेस्ट करना है। ( Picture देखे 👇👇 )
अब आप Save कर दे । इसके बाद Right Side मे नीचे Preview पर click करके देख सकते है। Finally अगर आप को लगता है जो Changes आप ने किए है और वो ठीक है, तो आप Layout को Save कर दीजिए। ( Picture देखे 👆👆 )
Blogger में CSS code कैसे add करेंगे ?
चलिए अब बात करते है CSS code को आप Theme में कैसे Paste करेंगे। तो दोस्तो इसे हम तीन तरीके से Add कर सकते है:-
- Theme मे Edit HTML के द्वारा Add करना ( जिसका Process आपने ऊपर देखा होगा )
- Blogger के Layout के द्वारा Add करना ( इसका Process भी आपने उपर देखा होगा )
- Theme मे Customize Option के द्वारा Code Add करना
तो चलिये अब बात करते है ,Theme मे Customize Option के द्वारा Code Add करने के बारे मे, सबसे पहले Blogger Account में Sign in करे। इसके बाद दिए हुए Steps को Follow करना होगा ( नीच दिए हुए picture में देख 👇👇 )
- Theme पर click करे, left side Menu मे।
- Under "My theme" में, Customize पर click करे।
- इसके बाद Advanced Options पर click करे।
- इसमें Add CSS code पर click करे।
- अब अपने Code को Paste करे।
- Theme को Save करे । (Right side bottom of the Page)
Finally आप Website पर जाकर देख सकते है की किस तरह के Changes हुए हैं।
Blogger के Easy HTML और CSS codes
दोस्तो जब मैने अपनी वेबसाईट बनाई, उस समय मुझे भी अपनी Theme को Good looking बनाने के लिए काफी Search करना पड़ा। क्योंकि नए ब्लॉगर को ये जानकारी आसानी से प्राप्त नहीं होती है और ये इसलिए होता है क्योंकि हम बहुत Confusion में होते है। लेकिन धीरे-धीरे सब समझ आने लग जाता है।
अब मैं आपको कुछ आसान से HTML or CSS code बताऊंगा, जिसे आप अपनी Website में Add करके आप अपने Blog आकर्षक बना सकते हैं और उपर दिए गए Steps को follow करके Add कर सकते है।
Like Dislike का Button कैसे Add करे ?
Like Dislike का Code आप Theme मे Edit Html Option के द्वारा Paste सकते है, इसके लिए आप Search Box मे sharebuttons, share-art etc. Type करके find करे , या जहा पर आप के Html Code मे Share Media के Code हो, वहा पर </div> के नीचे Paste कर दीजिये । Save करने से पहले Preview ज़रूर देखिये।
Note:- Search Box मे या Html Code Page पर हमेशा small letters मे ही टाइप करे।
Copy Code from here 👇👇
<!-- hindiinfostar.blogspot.com BEGIN --><span class='likebtn-wrapper' data-identifier='item_1'/><script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script><!-- hindiinfostar.blogspot.com END -->
Preview देखे 👇👇
कोई टिप्पणी नहीं:
एक टिप्पणी भेजें