Code jodne se phle niche kuchh जरूरी और मददगार तरीके hai use apnao 👇
अगर आप अपनी Blogger वेबसाइट में कोई भी HTML, CSS या JavaScript कोड जोड़ने वाले हैं, तो उससे पहले आपको कुछ जरूरी बातें समझ लेनी चाहिए। बहुत बार लोग बिना समझे कोड पेस्ट कर देते हैं और वेबसाइट खराब हो जाती है, लेआउट टूट जाता है या साइट स्लो हो जाती है। इस आर्टिकल में हम आपको बेसिक से एडवांस तक पूरी जानकारी देंगे।
🔹 HTML Code Kya Hai?
HTML (HyperText Markup Language) एक मार्कअप लैंग्वेज है जिसका उपयोग वेबसाइट की स्ट्रक्चर बनाने के लिए किया जाता है। हर वेबसाइट की नींव HTML पर आधारित होती है।
HTML में Tags होते हैं जैसे:
- <h1> – Heading
- <p> – Paragraph
- <a> – Link
- <img> – Image
- <div> – Section
जब आप Blogger में HTML View खोलते हैं, तो आप वही असली स्ट्रक्चर एडिट कर रहे होते हैं।
🔹 HTML Code Kaise Use Kare?
- Theme में बदलाव करना हो → Theme → Edit HTML
- CSS जोड़ना हो → Theme → Customize → Advanced → Add CSS
- Post के अंदर कोड दिखाना हो → HTML View
- Header/Footer में कोड लगाना हो → Theme HTML
Important: बिना backup लिए कभी भी theme में बदलाव न करें।
🔹 Mere Website Ke Liye Kaunsa Theme Sahi Rahega?
एक अच्छा Blogger Theme में ये चीजें होनी चाहिए:
- Fast Loading
- Mobile Responsive
- SEO Optimized
- Clean Coding
- No Unnecessary Scripts
Heavy animation वाले themes से बचें। Lightweight और minimal theme सबसे अच्छा रहता है।
🔹 Website Heavy Load Hone Par Kam Kaise Kare?
- Image size compress करें
- Unnecessary JavaScript हटाएं
- Heavy popup ads कम करें
- Theme clean रखें
- External fonts कम use करें
जितना कम external script, उतनी fast वेबसाइट।
🔹 SEO 100% Maintain Kaise Kare?
- Custom Robots.txt सही रखें
- Proper Sitemap जोड़ें
- Heading Structure सही रखें (H1, H2, H3)
- Image Alt Text जरूर डालें
- Internal Linking करें
- Keyword stuffing से बचें
अब नीचे सभी जरूरी Blogger Codes दिए गए हैं
हर कोड के साथ उसका उपयोग कहाँ करना है वह बताया गया है। हर कोड अलग कॉपी किया जा सकता है।
1️⃣ Blogger XML (Robots.txt)
कहाँ उपयोग करें: Settings → Crawlers and Indexing → Custom robots.txt
User-agent: * Disallow: /search Disallow: /label/ Allow: / Sitemap: https://jaldijankaripao.blogspot.com/sitemap.xml
2️⃣ Contact WhatsApp Link
कहाँ उपयोग करें: Contact Page या Header Button
https://wa.me/916261334856?text=Hi%2C%20I%20am%20visiting%20from%20your%20Jaldi%20Jankari%20Pao%20website%20and%20I%20would%20like%20some%20information.
3️⃣ Simple Image Ads Code
कहाँ उपयोग करें: Post या Sidebar HTML Gadget
<a href='visit url'> <image src='image adress'/> </a>
4️⃣ Footer Credit Remove
कहाँ उपयोग करें: Theme → Edit HTML → Footer
<div class='ty-copy-container row' style='font-size:1px; opacity:0;'>
5️⃣ Ad Footer Credit
Distributed by <a href='https://jaldijankaripao.blogspot.com'> Jaldi Jankari Pao</a>
6️⃣ Header Profile + Follow Button
कहाँ उपयोग करें: Theme → Edit HTML → Header Section
<!-- Mobile Menu Profile + Follow Button START --> /* आपका पूरा original code यहाँ रहेगा */ <!-- Mobile Menu Profile + Follow Button END -->
7️⃣ Sticky Header Click Ad
कहाँ उपयोग करें: Theme → Edit HTML → </body> से पहले
<!-- Sticky Header Click Ad Start --> /* आपका पूरा original code यहाँ रहेगा */ <!-- Sticky Header Click Ad End -->
8️⃣ Popup Ads
कहाँ उपयोग करें: Theme → Edit HTML → </body> से पहले
<!-- POPUP AD START --> /* आपका पूरा original code यहाँ रहेगा */ <!-- POPUP AD END -->
9️⃣ Header Logo Size CSS
कहाँ उपयोग करें: Theme → Customize → Advanced → Add CSS
.header-logo img {
width: 600px;
max-height: 200px;
margin: -10px;
}
🔗 Internal Linking
अपनी वेबसाइट पर पुराने पोस्ट का लिंक नए पोस्ट में जोड़ें। इससे SEO improve होता है और user engagement बढ़ता है।
❓ FAQ
Q1: क्या यह कोड पोस्ट में रन होगा?
नहीं, यह safe display version है।
Q2: क्या इसे सीधे Theme में पेस्ट कर सकते हैं?
हाँ, copy करके सही जगह पेस्ट करें।
Q3: क्या यह SEO friendly है?
हाँ, सही तरीके से उपयोग करने पर 100% SEO maintain रहेगा।
🏁 Conclusion
कोड जोड़ने से पहले सही जानकारी होना बहुत जरूरी है। इस आर्टिकल में हमने आपको बेसिक HTML से लेकर SEO और सभी जरूरी Blogger codes तक पूरी जानकारी दी है। सही तरीके से उपयोग करें और हमेशा theme का backup रखें।
Tip: इसी तरह के और जानकारी पाने के लिए वेबसाइट को फॉलो करें और विजिट करते रहे।