लेआउट के लिए सीएसएस टैग को कस्टमाइज़ करना

अपने ब्लॉग टेम्प्लेट के सीएसएस के साथ टेम्प्लेट डिज़ाइनर इस्तेमाल करने के लिए आपको कुछ निर्देशों का पालन करना होगा.

वैरिएबल सेट अप करना

अपने कोड के <head> सेक्शन में आपको <b:skin> </b:skin> टैग का एक जोड़ा रखना होगा.

सीएसएस शैली का एलान इन टैग के बीच जाएगा. साथ ही, इनमें वैरिएबल के नाम भी होंगे जिनकी वजह से आपकी डिज़ाइन फ़ॉन्ट और रंग पेज के साथ काम करेगी.

उदाहरण

<head>

  
  ...
  <b:skin>
   <style type='text/css'>
   /*
    * Variable definitions:
    *  <Variable name='bgcolor' description='Page Background Color'
        type='color' default='#fff'/>
    */
   body {
     background: $bgcolor;
     margin: 0;
     padding: 40px 20px;
   }
   </style>
  </b:skin>
  </head>

/* और */ टिप्पणी टैग के बीच लिखा सीएसएस कोड आपके ब्लॉग पर दिखाई नहीं देगा.

यहां वैरिएबल की एक सूची होगी. हर उस फ़ॉन्ट या रंग के लिए जिसमें आप "फ़ॉन्ट और रंग" टैब से बदलाव करवाना चाहते हैं. हर वैरिएबल में वह जानकारी होनी ज़रूरी है जो ऊपर के उदाहरण में और यहां नीचे बताई गई है:

नाम – इसमें अक्षर या संख्याएं शामिल हो सकती हैं. आपके टेम्प्लेट में दिया गया हर नाम सबसे अलग होना चाहिए.
ब्यौरा - "फ़ॉन्ट और रंग" सेक्शन में दिखाने के लिए एक ब्यौरा जोड़ें.
प्रकार - "फ़ॉन्ट" या "रंग."
डिफ़ॉल्ट - डिफ़ॉल्ट मान. रंगों के लिए, यह हेक्साडेसिमल (16 निशानों से बना) रंग कोड होना चाहिए, उदाहरण के लिए #FF0066. फ़ॉन्ट के लिए, यह फ़ॉर्मैट की सूची होगी यानी फ़ॉन्ट की शैली, फ़ॉन्ट की मोटाई, फ़ॉन्ट का आकार, फ़ॉन्ट फ़ैमिली.

वैरिएबल का इस्तेमाल करें

वैरिएबल सेट अप हो जाने के बाद, जब आप वैरिएबल के मान का इस्तेमाल करना चाहें, तो b:skin सीएसएस में $variable_name डालें.

वैरिएबल के प्रकार

टेम्प्लेट डिज़ाइनर में सीएसएस वैरिएबल के कुछ प्रकारों के सेट का इस्तेमाल करके बदलाव किए जा सकते हैं. वैरिएबल का प्रकार सेट करने के लिए:

रंग के वैरिएबल से टेम्प्लेट डिज़ाइनर में चुनने के लिए रंगों का पैलेट मिलेगा.
फ़ॉन्ट वैरिएबल से टेम्प्लेट डिज़ाइनर में आकार और बोल्ड या इटैलिक विकल्पों के साथ फ़ॉन्ट के विकल्प मिलेंगे.

ऊपर दिए गए उदाहरण में, bgcolor नाम का एक वैरिएबल है जो सफ़ेद (#fff) पर सेट है. अगले कोड में, यह लिखा है: background: $bgcolor. इससे बैकग्राउंड सफ़ेद रंग में बदल जाता है. आप इसे “फ़ॉन्ट और रंग” सेक्शन में जाकर बदल सकते हैं.

ध्यान दें: आपको सीएसएस विशेषताओं के दूसरे प्रकारों के वैरिएबल बनाने की ज़रूरत नहीं है. उन्हें सीएसएस में उसी तरह शामिल किया जा सकता है जैसे सामान्य तौर पर किया जाता है (जैसे ऊपर दिए गए उदाहरण में margin: और padding: विशेषताओं के साथ किया गया है).

सीएसएस के बारे में ज़्यादा जानें .