आप भी बनाएं आपने ब्लॉग के साइडबार पर टेक्स्ट एवं इमेज स्क्रोलबार

आप नीचे लिखे कोड को कॉपी करें व जहाँ-जहाँ पर टेक्स्ट बोल्ड लिखा हुआ है उस जगह पर अपना टेक्स्ट लिखें |  ऐसा करने के लिए आप नोट पैड का इस्तेमाल कर सकते है | मैं Notepad ++ 5.8 का इस्तेमाल करता हूँ, कयोंकि इस नोट पैड में आप कोई भी कोड लिखने के बाद इसी में रन टूल में दी गई लिस्ट के अनुसार अपनी मनपसंद के ब्राउजर में  अपने द्वारा सम्पादित किये गए कोड को देख सकते हैं कि आपका कोड ठीक से काम  कर रहा है जा नहीं | आप इस नोट पैड को यहाँ पर दिए गए लिंक से डाउनलोड कर सकते हैं Download

आप यही कोड यहाँ से  भी डाउनलोड करके इस अपने कम्पूटर में स्टोर कर सकते हैं| जब आप इस कोड को जिस नोट पैड पर मैं काम करता हूँ, अगर आप उसी नोट पैड पर पेस्ट करने के बाद सेव करेंगे तो इसे सेव एज टाइप में (यह आप्शन जब सेव एज डायलाग बाक्स के सबसे नीचे होती है ) Hypertext markup langauge File format चुन कर फाइल कोई भी नाम दे कर सेव कर लें |

Code    <!-- scrolling content --><script src="http://www.cityjalalabad.com/scroll-text-js/jpscrollhere.js" language="JavaScript"></script> <div id="JPSCROLL_content" style="visibility:hidden; height: 100px; width: 1px; overflow:hidden;"> <img src="http://www.cityjalalabad.com/Uploads/emp_cor/image001.jpg" alt="Image001" width="250" height="50" /> <div style="clear:both;width:100%;height:15px;"> </div> <a href="http://www.cityjalalabad.com" title="City Jalalabad.Com" accesskey="c" target="_blank">सिटी जलालाबाद डाट</a> काम पर जाने के लिए यहाँ पर क्लिक करें <div style="clear:both;width:100%;height:15px;"> </div> <a href="http://epandit.shrish.in/" title=" ई-पंडित" accesskey="c" target="_blank"> ई-पंडित</a> : सम्पूर्ण तकनालाजी ब्लाग पर जाने के लिए "ई-पंडित" यहाँ पर क्लिक करें <div style="clear:both;width:100%;height:15px;"> </div> <a href="http://www.bhaskar.com/" title="Dainik Bhaaskar" target="_blank">दैनिक भास्कर</a> हिंदी न्यूज़ पेपर पर जाने के लिए यहाँ पर क्लिक करें </div> <!-- scrolling parameters --> <div id="JPSCROLL_parameters" style="visibility:hidden; height: 1px; width: 1px; overflow:hidden;"> <div id="JPSCROLL_width"> 250</div> <div id="JPSCROLL_height"> 100</div> <div id="JPSCROLL_bgcolor"> #ffffff</div> <div id="JPSCROLL_bordercolor"> #ffffff</div> <div id="JPSCROLL_speed"> 15</div> <div id="JPSCROLL_borderwidth"> 1</div> <div id="JPSCROLL_borderstyle"> solid</div> <div id="JPSCROLL_bordergap"> 1</div> <div id="JPSCROLL_alignment"> left</div> <div id="JPSCROLL_pagepause"> 3</div> <div id="JPSCROLL_textcolor"> #000000</div> <div id="JPSCROLL_fontsize"> 11</div> <div id="JPSCROLL_fontfamily"> arial, sans-serif</div> <div id="JPSCROLL_fontstyle"> normal</div> <div id="JPSCROLL_fontweight"> normal</div> </div> <div style="text-align: center; width: 200px; background-color: #FFFFFF;color: #0000FF;font: normal 10px arial"> <a href="http://www.jpowered.com">Scrolling Text provided by JPowered,com</a></div> <script src="http://www.cityjalalabad.com/scroll-text-js/jpscroll.js" language="JavaScript"></script>

आपने यहाँ पर ये कोड तो देख लिया  |  आप इसे अपने ब्लॉग पर लगाना भी चाहेंग Add सबसे पहिले अपने ब्लॉग पर लागइन कीजिये, लागइन करने के बाद नीचे दिखाई दे रही इमेज अनुसार आपकी सक्रीन दिखाई देगी | डिज़ाइन बटन पर कलिक करें

Add a Gadget पर कलिक करें | कलिक करने के बाद आपको स्क्रीन इस तरह से नज़र आएगी |

यहाँ पर आप html/javascript gadget पर कलिक करें| यहाँ पर कलिक करने के बाद आपको स्क्रीन कुछ इस तरह से दिखाई देगी |

लास्ट स्टेप : यहाँ पर टाइटल पर अपने स्लाइडर का नामकरण, आप जो भी रखना चाहें भरें व कान्टेक्ट वाले खाने में कॉपी किया हुआ कोड पेस्ट कर दें |  कोड पेस्ट करने के बाद सेव बटन पर कलिक करें | ऐसा करने के बाद ये सलाईडर आपके ब्लॉग के साइडबार में दिखने लगेगा | किसी भी तरह की मुश्किल के लिए आप हमसे संपर्क कर सकते हैं|