मूविंग टेक्स अथवा स्क्रूलिंग टेक्स अपने ब्लॉग पर कैसे लगाएं ???
"moving text" or "scrolling text" का वापर हम कई बार अपने "ब्लॉग" या वेबसाइट पेज को आकर्षित और ज्यादा अट्रैक्टिव करने के लिए करते हैं औरतें और हम "moving text" or "scrolling text" का वापर, रीसेंट पोस्ट और "लेटेस्ट न्यूज़" का अपडेशन अपने यूजर्स को देने के लिए करते हैं.
आप अपने वेबसाइट की "सजावट के लिए", कई तरह के "moving text" or "scrolling text" के कोड का यूज कर सकते हैं, मैंने नीचे कई तरह के "moving text" or "scrolling text" के प्रकार के बारे में बताया है, आप भी अपनी वेबसाइट पर "moving text" or "scrolling text" को लगाना चाहते हो तो सबसे पहले मैंने नीचे दिए गए स्टेप्स को फॉलो करें,
स्टेप . 1.
आपको नीचे दिए गए "कोड" को सबसे पहले कॉपी करना है,और सबसे इंपॉर्टेंट आपको जहां "moving text" or "scrolling text" आपके पोस्ट के भीतर दिखाना है, उस पोस्ट के "html" में जाकर वहां आप उस कोड को "paste" करवा दे.
स्टेप . 2.
नीचे दिए गए "moving text" or "scrolling text" के कोड को पोस्ट के "html" में पेस्ट करने के बाद, उसे "सेव" कर दे, फाइनली आपको आपके पोस्ट के भीतर, "moving text" or "scrolling text" दिखाई देना शुरू होंगे.
आप "moving text" or "scrolling text" के कोड में "कस्टमाइजेशन" भी कर सकते हैं जैसे कि बैकग्राउंड कलर चेंज करना हो, टेक्स्ट कलर चेंज करना हो,"moving text" or "scrolling text" के भीतर बॉक्स लगाना हो या स्पेसिफिक पार्ट डिजाइन करना हो, तो आप आपके अनुसार कर सकते हैं.
1 . सिंपल "moving" कोड :
उदाहरण :
<marquee>This is moving text Moving Right to Left </marquee> सिंपल "moving" कोड इस कोड का यूज़ करके आप लोग टेक्स्ट "move" कर सकते हो, जिसमें किसी तरह का " कस्टमाइजेशन" नहीं किया है जैसे कि ऊपर दिखाया है, यदि आप चाहे तो आप उसमें , बैकग्राउंड कलर, टेक्स्ट कलर, चेंज कर सकते हैं इसलिए आपको नीचे दिए गएकोड का यूज करें.
2. मूविंग टेक्स्ट बैकग्राउंड कलर के साथ :
उदाहरण :
<marquee bgcolor="#33cc99">This is moving text with Background Colour </marquee>
सिंपल "moving" कोड इस कोड का यूज़ करके आप लोग टेक्स्ट "move" कर सकते हो, जिसमें किसी तरह का " कस्टमाइजेशन" नहीं किया है जैसे कि ऊपर दिखाया है, यदि आप चाहे तो आप उसमें , बैकग्राउंड कलर, टेक्स्ट कलर, चेंज कर सकते हैं इसलिए आपको नीचे दिए गएकोड का यूज करें.
3. मूविंग टेक्स्ट, टेक्स्ट कलर और बैकग्राउंड कलर के साथ :
उदाहरण :
<marquee bgcolor="#33cc99" style="color:white;">This Is Coloured Scrolling Text With Background Colour </marquee> "टेक्स्ट और बैकग्राउंड" का कलर चेंज आप लोग ऊपर दिए गए, कोड से कर सकते हैं, इस कोड में बस आपको केवल bgcolor="#33cc99" कलर की जगह आपका पसंदीदा कलर यूज करना है, जैसे मैंने किया हुआ है, और मूविंग टेक्स्ट का कलर नॉर्मली आप जैसे करते हैं वैसे कर सकते हैं.
4. मूविंग टेक्स्ट,बोल्टेड स्क्रोलिंग टेक्स्ट, टेक्स्ट कलर और बैकग्राउंड कलर के साथ :
उदाहरण :
<marquee bgcolor="#33cc99" style="color:white;"><b>This Is Coloured Scrolling Bolded Text With Background colour </b></marquee> आप लोग ऊपर दिए "मूविंग टेक्स्ट" में देख सकते हैं, उसमें टेक्स्ट को बोल्ट के साथ कलर दिया हुआ है, यदि आप यह पैटर्न यूज़ करना चाहते हो तो ऊपर दिए गए कोड को कॉपी करें और आपके ब्लॉग पोस्ट पर जहां आपको लगाना है वह उसे उसके "html" में पेस्ट कर दें.
5. मूविंग टेक्स्ट "स्पीड कंट्रोल" के साथ :
उदाहरण :
<marquee bgcolor="#33cc99">This Is Scrolling Text with scrollamount="6" </marquee> मूविंग टेक्स्ट का स्पीड कंट्रोल आप आसानी से कर सकते हैं, इसलिए ऊपर दिए गए कोड को अच्छी तरह से देख ले जिसमें आपको scrollamount="6" दिया है, इसे आप आपके अनुसार चेंज कर सकते हैं जिससे टेक्स्ट "फास्ट" या "स्लो" मोशन में फ्लो होने लगते हैं.
6. मूविंग टेक्स्ट " डायरेक्शन कंट्रोल" के साथ
उदाहरण :
<marquee bgcolor="#33cc99" direction="up">This Is Moving Text with Up Direction </marquee> ऊपर दिए गए कोड का यूज करके आप अपने टेक्स्ट का डायरेक्शन "लेफ्ट" से "राइट", या "राइट" से "लेफ्ट" चाहे तो आप उसे "अप या डाउन" भी कर सकते हैं. जैसे मैंने ऊपर दिखाया है, आप यहां bgcolor="#33cc99" कलर और direction="up" आपके अनुसार कर सकते हैं.
7. मूविंग टेक्स्ट " अल्टरनेट कंट्रोल" के साथ :
उदाहरण :
<marquee bgcolor="#33cc99" behavior="alternate" style="color:white;">This Is Moving Text with Alternate Behavior</marquee> अब मूविंग टेक्स्ट को "अल्टरनेट" फ्लो में मोशन दे सकते हैं, जैसे मैंने ऊपर दिखाया है, मूविंग टेक्स्ट लेफ्ट और राइट साइड के कॉर्नर को "touch" करके फिर से सेंट्रल कि तरफ आते हैं इसे हम "अल्टरनेट" मोशन कहते हैं, ऊपर दिए गए कोर्ट में behavior="alternate" रखें, तभी ए कोड काम करेगा.
8 . स्क्रोलिंग टेक्स्ट " लिंक" के साथ :
उदाहरण :
<marquee bgcolor="#33cc99" style="color:white;"><br />
<a href="url">Link 1</a><br />
</marquee> जैसे कि मैंने ऊपर दिखाया है, मूवीग टैक्स के साथ आप कौन से भी वेबसाइट का " लिंक" लगा सकते हैं, यूज़र जब स्क्रोलिंग टेक्स्ट पर माउस रखेगा और उस टेक्स्ट पर क्लिक करेगा, तो उसे उस वेबसाइट का लिंक "नए ब्राउज़र" में ओपन होगा, ऊपर दिए कोड के <a href="url">Link 1</a> बस उस वेबसाइट का लिंक डालना जरूरी होता है..
9 . स्क्रोलिंग टेक्स्ट " मूविंग इमेज " के साथ :
उदाहरण :
<marquee bgcolor="#33cc99" style="color:white;"><br />
Moving Image<img src="image url"><br />
</marquee> स्क्रोलिंग टेक्स्ट के साथ वेबसाइट लिंक कैसे मूविंग करते हैं इसके बारे में हमने अभी तक सिखा है, ऊपर दिए गए कोड से आप "इमेज को मूविंग" कर सकते हैं जैसे मैंने ऊपर दिखाया है, <img src="image url"> इमेज यूआरएल की जगह आपको इमेज का सोर्स ऐड्रेस डाल देना है.
10. मूविंग टेक्स्ट एक जगह स्टॉप करना :
उदाहरण :
<marquee bgcolor="#33cc99" style="color:white;width:500px;" onmouseover="this.stop()" onmouseout="this.start()"><br />
This text can be paused.Just Point Mouse Over It.<br />
</marquee> ऊपर देखो, दिए हुए उदाहरण में आप जैसे ही "टेक्स्ट पर माउस लाओगे तो वह टेक्स्ट वही रुकेगा", इसका फायदा यह होता है, कि आप मूविंग टेक्स्को एक जगह स्टॉप करके अच्छी तरह से देख सकते हैं, आपको इस प्रकार का मूविंग एनिमेशन अच्छा लगता है तो आप भी ऊपर दिए गए कोड कॉपी कर सकते हैं और आपके वेबसाइट पर लगा सकते हैं.
11. सभी पोस्ट मूविंग टैक्स में दिखाना :
उदाहरण :
<div id="wcnot-cont">
<div id="wc-movtext">
<marquee bgcolor="#FFFFFF " direction="right" onmouseout="this.start();" onmouseover="this.stop();" text-align:="center;">
<p>
</p><a href="https://www.eonlinework.com/2020/09/part-time-work-without-investment.html" target="_blank"><font center="" color="#000000" face="" text-align:=""><b> (1) Getpaidto के साथ पार्ट टाइम काम करके पैसे कैसे कमाए ??</b></font></a>
| <a href="https://www.eonlinework.com/2020/07/earn-money-without-investment.html" target="_blank"><font center="" color="#000000" face="" text-align:=""><b> (2) Superpay के साथ काम करके ऑनलाइन पैसे कैसे कमाए ?</b></font></a>
| <a href="https://www.eonlinework.com/2020/07/earn-money-online-from-home-welcome.html" target="_blank"><font center="" color="#000000" face="" text-align:=""><b> (3) घर से ऑनलाइन काम करके डेली $20 से $30 कैसे कमाए.???</b></font></a>
<p></p>
</marquee>
</div>
<div> मूविंग टैक्स में आप अपने वेबसाइट की सभी पोस्ट दिखा सकते हैं, इसके लिए ऊपर देख कोड का इस्तेमाल करें, आप लोग ऊपर दिए गए कोड में " कस्टमाइजेशन भी कर सकते हैं" जैसे कि, टेक्स्ट का कलर चेंज करना , पोस्ट का इमेज ऐड करना, टेक्स्ट की लाइन हाइट बढ़ाना या कम करना, बैकग्राउंड कलर चेंज करना आदि.
