॥दस्तक॥

गिरते हैं शहसवार ही मैदान-ए-जंग में, वो तिफ़्ल क्या गिरेंगे जो घुटनों के बल चलते हैं

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

Posted by सागर नाहर on 24, अक्टूबर 2007

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

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

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

चित्र देखिये

1.jpg

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

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

****

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

जी हरिरामजी बिल्कुल इसमें इमेज को भी आसानी से मर्क किया जा सकता है। आप सब की जानकारी के लिये मैने हिन्दी चिट्ठाजगत के तीनो एग्रीग्रेटर, रेडियोवाणी और मेरी गीतों की महफिल के लोगो को यहाँ घूमते हुए बताया है, जिससे बहुत सारे लोगो भी हों तो भी साईडबार ज्यादा जगह नहीं घेरेगा।
नीचे लिखे शब्द 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

11 Responses to “फायरफॉक्स वाले भी ब्लॉगरोल सुधारें”

  1. जी, प्रयास किया जायेगा। अच्‍छी क्‍लास चला रहे है आप

  2. ठीक है भाई, लगता है प्रयोग करना ही पड़ेगा वरना क्लास लेते रहेंगे 🙂

    अपनी क्लास जारी रखें, नई उपयोगी बाते जानने को मिलती है.

  3. आपका मार्कि tarakashi.blogspot.com पर लगाया है, मगर फिक्स इट करना रह गया. अभी करता हूँ बाकि चकाचक है.

  4. रवि said

    बढ़िया, काम की जानकारी दी है आपने.

  5. रवि said

    जांच करने पर देखा कि माउस ओवर करने पर वह रुकता नहीं है. जिससे कि लिंक पर क्लिक करने में असुविधा होती है. क्या कोड में फेरबदल कर माउस ओवर में स्क्रॉल बंद हो जाए ऐसा किया जा सकता है? यदि ऐसा हो जाए तो बहुत बढ़िया. और ऐसा जुगाड़ ब्लॉगर के लिए भी बताएँ.

  6. चलते हैं. बस नमस्ते करने आये थे. जारी रहें. 🙂

  7. अरे वाह , यह तो वाकई मे घूम रहा है 🙂 मगर क्या वर्ड्प्रेस वाले भाईसाहब इसकी इजाजत देगें 🙂

  8. kakesh said

    धन्यवाद जी हमने भी लगा लिया जी.

  9. धन्‍यवाद नाहर भाई, यह तो चल रहा है। बहुत बहुत धन्‍यवाद अमित जी।

  10. Punit Omar said

    अच्छी जानकारी है. मुझे वाकई में नहीं पता था की ये कैसे लगते हैं. देखिये, अपनी पसंद के चिट्ठे की सूची बना लूँ फ़िर मैं भी लगता ह ऐसा ही कुछ.

  11. सागर भाई
    मैंने भी अपने ब्लॉग पर सबको घुमा दिया है।

एक उत्तर दें

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / बदले )

Twitter picture

You are commenting using your Twitter account. Log Out / बदले )

Facebook photo

You are commenting using your Facebook account. Log Out / बदले )

Google+ photo

You are commenting using your Google+ account. Log Out / बदले )

Connecting to %s

 
%d bloggers like this: