Blogger theme basic code - ldkalink
 |
| Blogger them basic code |
1. Add Basic HTML tag
<!DOCTYPE html><html><head><title>Page Title</title></head><body></body></html>
यह एचटीएमएल का एक बेसिक कोड है जो कि हर वेब पेज के लिए उपयोग किया जाता है कोई भी वेबसाइट या वेब पेज बनाने के लिए इस कोड को लिखा ही जाता है और फिर जरूरत के अनुसार इनके बीच में कई सारे कोड लिखे जाते है।
ऊपर दिए गए कोड को कॉपी करें और ब्लॉगर के थीम सेक्शन में जाकर एडिट एचटीएमएल में जाकर पहले से जो थीम होगा उसे सिलेक्ट ऑल करके डिलीट कर ले और उसके बाद ऊपर दिए गए कोड को पेस्ट करें।
2. Add <b:skin> code
<b:skin>
<![CDATA[
/* Custom CSS rules goes here... */
]]>
</b:skin>
अभी आपने जो कोड पेस्ट किया था इस कोड में </head> के ऊपर इस दिए गए कोड यानी की b:skin कोड को पेस्ट करें।
Note: जितने भी सीएसएस कोड होंगे वे सभी ]]> के उपर लिखा जायेगा है।
3 . Add b:section
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
<!-- Section contents -->
</b:section>
Note: जितने भी एचटीएमएल कोड हमारे द्वारा लिखा जाएगा यह सभी <body> के अंदर ही लिखा जाएगा और b:section भी <body> के अंदर है लिखा जाता है।
अब आप अपने थीम को सेव करके देखें कि आपके द्वारा जो कोड लिखा गया है वह सेव हो रहा है या नहीं जैसे ही आप save बटन पर क्लिक करते हैं आपके सामने सक्सेसफुली save का मैसेज दिखाई देगा आज के इस आर्टिकल में हमने जाना की ब्लॉगर में थीम बनाने के लिए क्या-क्या जरूरी कोड होता है।
पर अभी इसके आउटपुट में कुछ भी शो नहीं होगा क्यों की इसमें अभी कुछ भी कोड नहीं लिखा गया है जो हमें वेबपेज में दिखाना है हमने सिर्फ वेबपेज बनाने के कुछ जरुरी कोड ही लिखा है।
यदि इसे सेव करने के बाद प्रीव्यू करके देखते है की हमने जो थीम सेव किया है वह कैसे दीखता है तो इसमें अभी कुछ भी कंटेंट दिखाई नहीं देगा।
Add content
हम चाहते है की हमने जो थीम अभी सेव किया है इसमें कुछ कंटेंट दिखे तो इसके लिए हम कुछ कंटेंट भी ऐड करते है।
1. html कोड को <body> सेक्शन के अंदर पेस्ट करे।
<h1>Learn Coding From</h1>
<p><a href='https://www.ldkalink.com/'>Visit ldkalink.com!</a></p>
2. CSS code को b:skin कोड के अंदर यानि ]]> के उपर पेस्ट करे।
h1 {text-align: center;}
p {text-align: center;}
अब अपने थीम को दुबारा सेव करे अब एक बार फिर प्रीव्यू बटन पर क्लिक करके देखे आपके सामने आपके स्क्रीन पर कुछ टेक्स्ट और लिंक भी दिखाई देंगे।