फायरफॉक्स वाले भी ब्लॉगरोल सुधारें

मैने अपनी पिछली प्रविष्‍टी में मैने ब्लॉगरोल को घूमता हुआ दिखाने के लिये एक HTML कोड बताया था जिसको अपनने चिट्ठे के साईडबार में जोड़ देने से ब्लॉग रोल घूमने लग जाता था। उस पोस्ट में दो परेशानी थी पहली यह कि यह कोड फायरफोक्स में नहीं चलता था। और दूसरी यह कि बहुत ज्यादा तकनीकी हो गई थी, रही कसर वर्डप्रेस ने कोड अपनी सुविधा के अनुसार बदल कर करदी।:(

मुझे कई मित्रों ने चैट और मेल पर बताया कि वे इस कोड को अपने चिट्ठे पर लगाने की कोशिश कर रहे है परन्तु अभी तक सफल नहीं हुए; तो कुछ मित्रों की परेशानी यह थी कि वे सिर्फ फायरफाक्स प्रयोग करते हैं। तो आखिर बहुत मेहनत के बाद एक ऐसा कोड मिल ही गया जिसको ब्लॉगरोल के साथ जोड़ने पर फायरफोक्स में भी चिट्ठे को देखने पर ब्लॉगरोल घूमता हुआ नजर आयेगा।

जब में इस कोड पर कई घंटे प्रयोग करने के बाद सफल नहीं हो पाया तब अमित गुप्‍ता जी मदद के लिये सामने आये और उन्होने एक कोड बताया जिससे कुछ हद तक बड़े ब्लॉगरोल की समस्या हल हो जाती थी। इस कोड को जोड़ने पर ब्लॉगरोल के साईड में एक स्क्रोलर आ जाता था जिसको घुमाने से ब्लॉगरोल के लिंक उपर नीचे किये जा सकते थे।

चित्र देखिये

मुझे संतोष नहीं था, मैं चाहता था ब्लॉगरोल का यह कोड फायरफोक्स में चलने के साथ साथ उनके लिंक भी नीचे से उपर या उपर से नीचे घूमते हुए होने चाहिये ताकि पाठक को (स्क्रोल) घुमाना ना पड़े।

आखिरकार थोड़ी और मेहनत करने के बाद मैने अमित जी के दिये कोड को और मेरे पिछले कोड को मिला दिया और नया कोड जो बना वह फायरफोक्स में भी बिल्कुल सही चलने लगा। नया कोड इस पोस्ट में सबसे नीचे दिया है।

****

यह पोस्ट लिख ही रहा था कि पिछली पोस्ट पर श्री हरिरामजी की टिप्पणी मिली कि क्या इसमें इमेज को भी इस तरह मर्क किया जा सकता है?

जी हरिरामजी बिल्कुल इसमें इमेज को भी आसानी से मर्क किया जा सकता है। आप सब की जानकारी के लिये मैने हिन्दी चिट्ठाजगत के तीनो एग्रीग्रेटर, रेडियोवाणी और मेरी गीतों की महफिल के लोगो को यहाँ घूमते हुए बताया है, जिससे बहुत सारे लोगो भी हों तो भी साईडबार ज्यादा जगह नहीं घेरेगा।
नीचे लिखे शब्द marquee.txt पर क्लिक कीजिये, कॉपी कीजिये या राईट क्लिक कर save as कर सेव कर लीजिय।अब कॉपी किये हुए कोड यहाँ पेस्ट करने के बाद Fix it पर क्लिक कीजिये और परिणाम देख लीजिये।

marquee.txt

इस कोड में मैने खिड़की की साईज 200px रखी है आप इसे कम या ज्यादा कर सकते हैं। scrollamount=”5″ मैने 5 रखी है आप इसे कम ज्यादा कर घूमने की गति को बढ़ा या घटा सकते हैं।

****

अब नीचे ब्लोगरोल के नये कोड को अपलोड कर रहा हूँ जिसे आप सेव कर या कॉपी कर ( उपर बताये अनुसार) साईडबार में अपने पसंदीदा लिंक से बदल कर लगा दीजिये और देखिये कमाल.. .. अब यह नया ब्लोगरोल फायर फोक्स में भी घूम रहा है।

new-blogroll-1.tx

<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>

इन दोनो कोड का चलता फिरता और घुमता हुआ नमूना आप मेरे इस प्रयोग चिट्ठे पर देख सकते हैं।

इस पोस्ट को लिखने में मदद करने के लिये अमित जी का बहुत बहुत धन्यवाद।

Advertisements