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

मैने अपनी पिछली प्रविष्‍टी में मैने ब्लॉगरोल को घूमता हुआ दिखाने के लिये एक 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>

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

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

Advertisement

आपके चिट्ठे का ब्लॉगरोल बहुत बड़ा है? आईये उसे घूमता बनायें

हिन्दी चिट्ठाजगत में ब्लॉगरोल का महत्व का बड़ा महत्व है। हम अपने चिट्ठों के साईडबार में अपने पसंदीदा चिटठों का या अपने पसंदीदा साईटस के लिंक देते हैं। कई बार यह लिस्ट इतनी लम्बी हो जाती है कि दूसरे चिट्ठों की लिंक या दूसरी महत्वपूर्ण लिंक बहुत नीचे चले जाते हैं।

मैने बहुत दिनों तक इसका उपाय खोजा कि सारे चिट्ठे भी रहें और जगह भी कम घेरे। मुझे आखिरकार कल इसका इलाज मिल ही गया।

कल पूरा दिन इसके पीछे बर्बाद करने के बाद मैने पहले रेडियोनामा पर इसका प्रयोग किया और सफल रहा तो मन हुआ कि यह प्रयोग आप सबको बताना चाहिये।

तो प्रस्तुत है आप सबके लिये यह काम का और मजेदार तरीका जिससे आपके साईडबार में दिये ब्लॉगरोल के लिंक उपर या नीचे घूमने लगेगा और बहुत ही कम जगह रोकेगा। जिससे आपको और भी ज्यादा लिंक, कोड या फोटो लगा सकते हैं।

सबसे पहले अपने ब्लॉगर में जाकर Dashboard- Layout – Add and Arrange Page Elements में जाकर एक HTML/Java Script वाली खिड़की खोल लेवें। और नीचे बताये गये दोनों कोड को कॉपी कर लेवें और उस खिड़की में पेस्ट कर लेवें।

चूंकि wordpress.com HTML कोड अपने चिट्ठों पर नहीं बताने देता इसलिये मैने आगे पीछे तीर के निशान नहीं लगाये है सो आप उनके कोड के पहले < और सबसे अन्त में > लगा देवें।

 marquee align="center" height="200" width="100%" direction="up" scrollAmount="3" onmouseout="this.start()" onmouseover="this.stop()"</pre>
<pre>यहाँ लिंक लिखें।</pre>
<pre>इस कोड में जितनी जगहों पर pre  लिखा है उन्हें हटा देवें wordpress.com  में यह अपने आप आ जाता है</ul></pre>
<pre></marquee></pre>
<pre>


अब इस कोड के बाद अपने पसंदीदा चिट्ठों के लिंक नीचे बताये अनुसार लिख लेवें। उदाहरण के लिये मैने मेरे चिट्ठे का भोमियो का लिंक लगाया है। आप चाहें तो प्रयोग के लिये इसे ही कॉपी कर सकते हैं, लिंक अपने चिट्ठे का जरूर बदले देवें।:) कॉपी करने के लिये कोड के उपर लिखे Copy to clipboard पर क्लिक करें। या आप इसे सीधे नोटपैड में खोलना चाहें तो view plain पर क्लिक करें।




<li><a href="http://bhomiyo.com/en.xliterate/nahar.wordpress.com>Roman </a></li>

<li><a href="http://bhomiyo.com/gu.xliterate/nahar.wordpress.com>Gujarati</li</a>>



अब कोड को बन्द करने के लिये </li> के नीचे</ul> </marquee> लिख कर कोड को बन्द कर देवें। साईडबार की HTML विन्डो को सुरक्षित कर बन्द कर देवें। और
अब प्रीव्य़ू देखें। आपके साईड बार के लिंक उपर की तरफ चल रहे हैं। आप माऊस के तीर को उसके पास लेकर जायेंगे तो वह रुक जायेगा, ताकि आप अपने पसंदीदा चिट्ठे/ लिंक पर क्लिक कर सकें।फायरफोक्स में लिंक उपर नीचे घूमते हुए नहीं दिख रहे, दो दिन की माथा पच्ची के बाद भी इसका हल नहीं मिला, कोई जानकार बंधू अगर इसका निराकरण बता सके तो अच्छा होगा।
ध्यान देने योग्य बातें: 


भोमियो का लिंक वर्डप्रेस.कॉम में लिखने के बाद जब उसे सेव करते हैं तो वह अपने आप बदल जाता है और लम्बा हो जाता है। अत: आप कोड वही प्रयोग करें जो आप पहले से कर रहे हैं। इस पोस्ट का उद्दॆश्य सिर्फ लिंक को मर्क करना है, सो आप लिंक देते समय सावधानी रखें।

सबसे पहली खिड़की में बताये कोड में 200 की जगह 300 या और कम ज्यादा करने से खिड़की की साईज छोटी या बड़ी होगी।
direction=”up” की जगह Down लिखने से लिंक उपर से नीचे की और घूमेंगे। आप चाहें तो इसी तरह दायें बायें भी घुमा सकते हैं परन्तु उससे खिड़की की साईज बड़ी करनी पड़ेगी, और इस कोड को लिखने का कोई अर्थ नहीं रहेगा। इसलिये आप उपर या नीचे ही पसन्द करें।
इसी तरह scrollAmount=”3″ में 3 की बजाय 2 या 1 लिखने से लिंक के घूमने की गति धीमी होगी और 4-5 या ज्यादा लिखने से गति तेज होगी।

पुनश्‍च:( दिनांक 23.10.2007)
लेख लिखने के बाद लगा कि   बहुत से चिट्ठाकार   इस तरह कोड को कॉपी कर सुधार कर अपने चिट्ठे पर नहीं लगा पायेंगे उनकी सुविधा के लिये कुछ लिंक जोड़कर में फाइल को यहाँ अपलोड कर रहा हूँ, बस आप  नीचे एक राइट क्लिक कीजिये और Save Link as पर क्लिक कर कोड को सेव कर लीजिये। लेफ्ट क्लिक करने पर घूमते हुए ब्लॉगरोल  का प्रीव्यू दिखेगा।
new-blogroll-code.txt