फायरफॉक्स वाले भी ब्लॉगरोल सुधारें
Posted by सागर नाहर on 24, October 2007
मैने अपनी पिछली प्रविष्टी में मैने ब्लॉगरोल को घूमता हुआ दिखाने के लिये एक HTML कोड बताया था जिसको अपनने चिट्ठे के साईडबार में जोड़ देने से ब्लॉग रोल घूमने लग जाता था। उस पोस्ट में दो परेशानी थी पहली यह कि यह कोड फायरफोक्स में नहीं चलता था। और दूसरी यह कि बहुत ज्यादा तकनीकी हो गई थी, रही कसर वर्डप्रेस ने कोड अपनी सुविधा के अनुसार बदल कर करदी।
मुझे कई मित्रों ने चैट और मेल पर बताया कि वे इस कोड को अपने चिट्ठे पर लगाने की कोशिश कर रहे है परन्तु अभी तक सफल नहीं हुए; तो कुछ मित्रों की परेशानी यह थी कि वे सिर्फ फायरफाक्स प्रयोग करते हैं। तो आखिर बहुत मेहनत के बाद एक ऐसा कोड मिल ही गया जिसको ब्लॉगरोल के साथ जोड़ने पर फायरफोक्स में भी चिट्ठे को देखने पर ब्लॉगरोल घूमता हुआ नजर आयेगा।
जब में इस कोड पर कई घंटे प्रयोग करने के बाद सफल नहीं हो पाया तब अमित गुप्ता जी मदद के लिये सामने आये और उन्होने एक कोड बताया जिससे कुछ हद तक बड़े ब्लॉगरोल की समस्या हल हो जाती थी। इस कोड को जोड़ने पर ब्लॉगरोल के साईड में एक स्क्रोलर आ जाता था जिसको घुमाने से ब्लॉगरोल के लिंक उपर नीचे किये जा सकते थे।
चित्र देखिये
मुझे संतोष नहीं था, मैं चाहता था ब्लॉगरोल का यह कोड फायरफोक्स में चलने के साथ साथ उनके लिंक भी नीचे से उपर या उपर से नीचे घूमते हुए होने चाहिये ताकि पाठक को (स्क्रोल) घुमाना ना पड़े।
आखिरकार थोड़ी और मेहनत करने के बाद मैने अमित जी के दिये कोड को और मेरे पिछले कोड को मिला दिया और नया कोड जो बना वह फायरफोक्स में भी बिल्कुल सही चलने लगा। नया कोड इस पोस्ट में सबसे नीचे दिया है।
****
यह पोस्ट लिख ही रहा था कि पिछली पोस्ट पर श्री हरिरामजी की टिप्पणी मिली कि क्या इसमें इमेज को भी इस तरह मर्क किया जा सकता है?
जी हरिरामजी बिल्कुल इसमें इमेज को भी आसानी से मर्क किया जा सकता है। आप सब की जानकारी के लिये मैने हिन्दी चिट्ठाजगत के तीनो एग्रीग्रेटर, रेडियोवाणी और मेरी गीतों की महफिल के लोगो को यहाँ घूमते हुए बताया है, जिससे बहुत सारे लोगो भी हों तो भी साईडबार ज्यादा जगह नहीं घेरेगा।
नीचे लिखे शब्द marquee.txt पर क्लिक कीजिये, कॉपी कीजिये या राईट क्लिक कर save as कर सेव कर लीजिय।अब कॉपी किये हुए कोड यहाँ पेस्ट करने के बाद Fix it पर क्लिक कीजिये और परिणाम देख लीजिये।
इस कोड में मैने खिड़की की साईज 200px रखी है आप इसे कम या ज्यादा कर सकते हैं। scrollamount=”5″ मैने 5 रखी है आप इसे कम ज्यादा कर घूमने की गति को बढ़ा या घटा सकते हैं।
****
अब नीचे ब्लोगरोल के नये कोड को अपलोड कर रहा हूँ जिसे आप सेव कर या कॉपी कर ( उपर बताये अनुसार) साईडबार में अपने पसंदीदा लिंक से बदल कर लगा दीजिये और देखिये कमाल.. .. अब यह नया ब्लोगरोल फायर फोक्स में भी घूम रहा है।
<div style="width:250px; height:300px; overflow:auto; white-space:normal;">
<div class="widget-content">
<marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="5" height="150" align="center">
<ul>
<li><a href="http://www.epandit.blogspot.com/" target="_blank">ई- पण्डित</a></li>
<li><a href="http://mahaphil.blogspot.com" target="_new">गीतों की महफिल</a></li>
<li><a href="http://hindini.com/fursatiya/" target="_new">फुरसतिया</a></li>
<li><a href="http://diaryofanindian.blogspot.com" target="_new">अनिल रघुराज की डायरी</a></li>
<li><a href="http://kakesh.com" target="_new">काकेश की कतरनें</a></li>
<li><a href="http://jitu.info/merapanna" target="_new">जीतू का पन्ना</a></li>
<li><a href="http://udantashtari.blogspot.com" target="_new">उड़नतश्तरी</a></li>
<li><a href="http://www.kalpana.it/hindi/blog" target="_new">जो डॉ सुनील ही कह सके</a></li>
<li><a href="http://ankurthoughts.blogspot.com//" target="_blank">अंकुर गुप्ता</a></li>
<li><a href="http://raviratlami.blogspot.com/" target="_blank">रवि रतलामी</a></li>
</ul>
</marquee></div>
</div>
इन दोनो कोड का चलता फिरता और घुमता हुआ नमूना आप मेरे इस प्रयोग चिट्ठे पर देख सकते हैं।
इस पोस्ट को लिखने में मदद करने के लिये अमित जी का बहुत बहुत धन्यवाद।



24, October 2007 at 2:42 pm
जी, प्रयास किया जायेगा। अच्छी क्लास चला रहे है आप
24, October 2007 at 3:47 pm
ठीक है भाई, लगता है प्रयोग करना ही पड़ेगा वरना क्लास लेते रहेंगे
अपनी क्लास जारी रखें, नई उपयोगी बाते जानने को मिलती है.
24, October 2007 at 4:06 pm
आपका मार्कि tarakashi.blogspot.com पर लगाया है, मगर फिक्स इट करना रह गया. अभी करता हूँ बाकि चकाचक है.
24, October 2007 at 6:44 pm
बढ़िया, काम की जानकारी दी है आपने.
24, October 2007 at 6:46 pm
जांच करने पर देखा कि माउस ओवर करने पर वह रुकता नहीं है. जिससे कि लिंक पर क्लिक करने में असुविधा होती है. क्या कोड में फेरबदल कर माउस ओवर में स्क्रॉल बंद हो जाए ऐसा किया जा सकता है? यदि ऐसा हो जाए तो बहुत बढ़िया. और ऐसा जुगाड़ ब्लॉगर के लिए भी बताएँ.
24, October 2007 at 7:25 pm
चलते हैं. बस नमस्ते करने आये थे. जारी रहें.
24, October 2007 at 8:25 pm
अरे वाह , यह तो वाकई मे घूम रहा है
मगर क्या वर्ड्प्रेस वाले भाईसाहब इसकी इजाजत देगें 
25, October 2007 at 2:34 pm
धन्यवाद जी हमने भी लगा लिया जी.
8, November 2007 at 8:20 am
धन्यवाद नाहर भाई, यह तो चल रहा है। बहुत बहुत धन्यवाद अमित जी।
23, November 2007 at 7:28 pm
अच्छी जानकारी है. मुझे वाकई में नहीं पता था की ये कैसे लगते हैं. देखिये, अपनी पसंद के चिट्ठे की सूची बना लूँ फ़िर मैं भी लगता ह ऐसा ही कुछ.
1, December 2007 at 9:36 am
सागर भाई
मैंने भी अपने ब्लॉग पर सबको घुमा दिया है।