How to setup Accordation CDN BAR on your blog
आपने बहुत सी साईटस पर ये "UI Accordian CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि |आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
आइये जाने कि कैसे इसे अपने ब्लॉग पर स्थापित किया जाये | सबसे पहले निम्न कोड को कापी करें |
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js'></script>
<style type="text/css">
@import url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/south-street/jquery-ui.css");
</style> |
अब आप सब से पहिले डिज़ाइन पर फिर एडिट "HTML" पर कलिक करें व "CTRL+F" कमांड दे कर 
लिख कर एंटर कीज़ दबाएँ व इसके बिलकुल ऊपर कापी किया हुआ कोड पेस्ट करके सेव टेम्पलेट पर कलिक करें | आप निम्न से पहिली तस्वीर में देख सकते हैं कि कापी किए हुए कोड को कहाँ पर पेस्ट करना है |
अब आप न्यू पोस्ट पर कलिक करें व निम्न कोड को अपनी पोस्ट पर पेस्ट कर दें व प्रीविउ बटन पर कलिक करें, आप उपरोक्त से दूसरी तस्वीर के अनुसार इसे इस तरह से देखेंगे | अगर आपको ये तस्वीर आपके अपने ब्लॉग में दिखती है तो इस का मतलब है कि आपने इसे सफलता पूर्वक इसे अपने ब्लॉग में स्थापित कर लिया है |
<div id="jQueryUIAccordion"><h3><a href="#">Section 1</a></h3>
<div>
<p>आपने बहुत सी साईटस पर ये "Accordiann CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि <br>
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
</p>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<p>आपने बहुत सी साईटस पर ये "Accordian CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि <br>
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
</p>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>आपने बहुत सी साईटस पर ये "Accordian CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि <br>
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>
आपने बहुत सी साईटस पर ये "Accordian CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि <br>
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
</p>
</div>
</div>
<script type="text/javascript">
jQuery("#jQueryUIAccordion").accordion({
event: "click",
collapsible: false,
autoHeight: true
});
</script> |
उपरोक्त कोड में जहां-जहां पर टेक्स्ट को नीले रंग में लिखा हुआ दिखाया गया है वहाँ-वहाँ पर आप अपने टेक्स्ट को लिख कर अपनी पोस्ट को सेव कर लें | सेव करने के पश्चात ये "UI Accordation CDN Bar" निम्न अनुसार दिखाई देगा |
आपने बहुत सी साईटस पर ये "Accordation CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि |
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
आपने बहुत सी साईटस पर ये "Accordation CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि |
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
आपने बहुत सी साईटस पर ये "Accordation CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि |
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
- List item one
- List item two
- List item three
आपने बहुत सी साईटस पर ये "Accordation CDN BAR" लगा देखा होगा | इस को निम्न तस्वीर में देख सकते हैं | जब आप किसी भी साईट पर लाग करते हैं तो सबसे पहले पहिला बार खुला होता है जब दूसरे बार पर माउस से कलिक करते हैं तो पहिला बार बंद हो जाता है व दूसरा बार खुल जाता है, इसी प्रकार तीसरा, चौथा अदि |
आप भी चाहते होंगे कि आप भी इसे अपने ब्लॉग पर लगा पाएं | इस का सबसे बड़ा फायदा ये है ये आपके पेज की लम्बाई को कम करता है जिससे आपके ब्लॉग का होम पेज जल्दी लोड होता है | इस का दूसरा बड़ा फायदा ये है कि आप अपने पेज पर ज्यादा से ज्यादा सामग्री को कम स्थान यानि कि पेज के लम्बाई को बढ़ाये बिना ही अपने पेज पर दिखा सकते हैं | इस को अपने ब्लॉग पर स्थापित करना बड़ा ही आसान हैं
यदि आपको ये लेख पसंद आये तो कृपया टिप्पणी जरूर करें | (किसी भी मुश्किल दरवेश होने पर आप मुझसे संपर्क करें)
Subscribe in a reader
