GET MOTIVATIONAL INSPIRATIONAL AND LOVE STORIES, SHAYRIES, QUOTES AND BIOGRAPHIES. YOU CAN ALSO GET HERE APPLIED EDUCATION, USEFULL GENERAL INFORMATION, BUSINESS IDEAS, ONLINE JOBS, CAREER TIPS, HELTH TIPS, ROCHAK FACTS, SPORTS FACTS, TRAVELLING FACTS AND NEW TECHNOLOGIES DESCRIPTIONS.

हिंदी के सुप्रसिद्ध वेब पोर्टल हिन्दीशिखर डॉट कॉम पर आपका स्वागत हैं।

Please Choose Your Language in Which do You want to Read

Search Your Post

चलने वाले शब्द/वाक्य ब्लॉग और वेबसाइट में कैसे लगाए : How to Add Running Text in An Blog Or Website

दोस्तों यदि आप अपने  ब्लॉग/बेवसाइट के किसी पेज पर चलते हुए शब्द/वाक्य या फोटो {Scrolling Text or Image} लगाना चाहते है तो नीचे दिए जा रहे  HTML कोड को copy करले तथा अपने वेबपेज की html कोडिंग में पेस्ट कर, सेव कर दे। इस प्रकार आप सरल तरीके से रनिंग टेक्स्ट को अपने ब्लॉग/वेबसाइट पर लगा सकते है।

प्रत्येक बेव प्लेटफार्म पर रनिंग टेक्स्ट लगाने के अलग-अलग तरीके होते हैं। मैं आपको इस आर्टिकल में google के blogger.com पर बने आपके ब्लॉग के होम पेज व पोस्ट में Running Text लगाने का तरीका बताने जा रहा हूँ।

यदि आप का ब्लॉग blogger.com पर है तो सबसे पहले किसी भी बेव ब्राऊज़र पर जाकर www.blogger.com ओपन करेगे, उसके बाद आप अपनी gmail Id से लॉगइन करेगे। लॉगिन करने के पश्चयताप आपके ब्लॉगर का ड्राफ्ट ओपन हो जागेगा।
अब आप यहाँ Layout ऑप्शन पर क्लिक करेगे
जिससे आपके ब्लॉग का लेआउट ओपन हो जाएगा। अब आप जहाँ पर रनिंग टेक्स्ट लगाना चाहते है, वहाँ पर उस लेआउट के ऊपर Add a gadget ऑप्शन पर क्लिक करें। अब आपके सामने बहुत सारे gadgets दिखयी पड़ेगे, जिसमे से आप को html/JavaScript के सामने + पर क्लिक कर add करना होगा।
अब ये gadget ओपन हो जागेगा,जहाँ पर आप इसे कोई टाइटल दे सकते है। इसके बाद html टेक्स्ट बॉक्स में कॉपी किये हुए टेक्स्ट को paste कर सेव कर दे। इस प्रकार आप सफलता पूर्वक चलने वाले शब्दों/वाक्यों को अपने ब्लॉग/बेवसाइट पर लगा सकते है।
यदि आप किसी पोस्ट में रनिंग टेक्स्ट लगाना चाहते है
तो सिम्पली HTML पर क्लिक कर पोस्ट बॉडी के अंदर कोड को पेस्ट कर दे।
  
कोड को पेस्ट करने के बाद " Your Running Text Here" के स्थान पर उन शब्दों को लिख ले, जिन्हें आप अपने ब्लॉग/बेबसाइट पर लगाना चाहते है। फ़ोटो लगाने के लिए scr="आपके बेबसाइट के फोटो का लिंक" paste करे एवं hindishikhar.com के स्थान पर अपनी वेबसाइट का नाम दर्ज करे।

1.वाई तरफ से दायीं तरफ चलने वाले शब्दों के लिए निम्न कोड कॉपी करें
<marquee behavior="scroll" direction="left">Your Running text goes here</marquee>

Preview
Your Running text goes here

2.दायीं तरफ से वाई तरफ चलने वाले शब्दों के लिये निम्न कोड कॉपी करें।
<marquee behavior="scroll" direction="right">Your Running text goes here</marquee>

Preview
Your Running text goes here

3.नीचे से ऊपर चलने वाले वाले शब्दों के लिए निम्न कोड कॉपी करें।
<marquee behavior="scroll" direction="up" style="height:100px;">Your Running text goes here</marquee>

Preview
Your Running text goes here

4.ऊपर से नीचे चलने वाले शब्दों के लिए निम्न कोड कॉपी करें।
<marquee behavior="scroll" direction="down" style="height:100px;">Your Running text here</marquee>

Preview
Your Running Text here

5.चलने वाली इमेज के लिए निम्न कोड कॉपी करें।
<marquee behavior="scroll" direction="left"><img src="https://2.bp.blogspot.com/-R-EgdtvEygQ/Wj9yjFp8ECI/AGACE/OmYOPooUrPY_5uIiXABmhNWceiUXu1OjQCK4BGAYYCw/s1056/20171224_145457.jpg" width="120" height="100" alt="My Blog Name"/></marquee>
<p><a href="http://www.hindishikhar.com/html/html_marquee_image.php"></a></p>

<!-- Marquee Text by hindishikhar.com -->

Preview
hindi shikhar.com


6.कलर्ड शब्दों व कलर्ड बैकग्राउंड के लिए निम्न कोड कॉपी करें।
<font color="BLACK"><marquee direction="left" style="background:YELLOW">Your Running Text here</marquee></font>


Preview
Your Running Text here