फायरफॉक्स वाले भी ब्लॉगरोल सुधारें
Posted by सागर नाहर on 24, अक्टूबर 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>
इन दोनो कोड का चलता फिरता और घुमता हुआ नमूना आप मेरे इस प्रयोग चिट्ठे पर देख सकते हैं।
इस पोस्ट को लिखने में मदद करने के लिये अमित जी का बहुत बहुत धन्यवाद।
प्रमेन्द्र प्रताप सिंह said
जी, प्रयास किया जायेगा। अच्छी क्लास चला रहे है आप
sanjay bengani said
ठीक है भाई, लगता है प्रयोग करना ही पड़ेगा वरना क्लास लेते रहेंगे 🙂
अपनी क्लास जारी रखें, नई उपयोगी बाते जानने को मिलती है.
sanjay bengani said
आपका मार्कि tarakashi.blogspot.com पर लगाया है, मगर फिक्स इट करना रह गया. अभी करता हूँ बाकि चकाचक है.
रवि said
बढ़िया, काम की जानकारी दी है आपने.
रवि said
जांच करने पर देखा कि माउस ओवर करने पर वह रुकता नहीं है. जिससे कि लिंक पर क्लिक करने में असुविधा होती है. क्या कोड में फेरबदल कर माउस ओवर में स्क्रॉल बंद हो जाए ऐसा किया जा सकता है? यदि ऐसा हो जाए तो बहुत बढ़िया. और ऐसा जुगाड़ ब्लॉगर के लिए भी बताएँ.
समीर लाल said
चलते हैं. बस नमस्ते करने आये थे. जारी रहें. 🙂
Dr Prabhat Tandon said
अरे वाह , यह तो वाकई मे घूम रहा है 🙂 मगर क्या वर्ड्प्रेस वाले भाईसाहब इसकी इजाजत देगें 🙂
kakesh said
धन्यवाद जी हमने भी लगा लिया जी.
आनंद said
धन्यवाद नाहर भाई, यह तो चल रहा है। बहुत बहुत धन्यवाद अमित जी।
Punit Omar said
अच्छी जानकारी है. मुझे वाकई में नहीं पता था की ये कैसे लगते हैं. देखिये, अपनी पसंद के चिट्ठे की सूची बना लूँ फ़िर मैं भी लगता ह ऐसा ही कुछ.
हर्षवर्धन said
सागर भाई
मैंने भी अपने ब्लॉग पर सबको घुमा दिया है।