Friday, 5 April 2013

Widgets

How to add marquee text for Blogger/blog?

, Friday, 5 April 2013 18 Comments so far
Animation text is use to attract the visitor to tell your visitors what will be your next updates or if you repair a broken link and tell to visitor about broken link using marquee.Animation text (also called Marquee).Moving text which you can put or add anywhere in your blog and in posts.I'm going to explain you How to add marquee text for Blog.and we can customize Moving text in many ways.like change text direction,change text background and control marquee speed.I am Customize text with Using CSS. Now I am going to show ,how to marquee text.if you want to move text. use the codes given below.

Example:1
<marquee>ADD YOUR TEXT HERE.</marquee>
RESULT: ADD YOUR TEXT HERE In this code text is simple and move text from right to left.
Example:2
<marquee direction="right">ADD YOUR TEXT HERE.</marquee>
<marquee direction="left">ADD YOUR TEXT HERE..</marquee>
RESULT: ADD YOUR TEXT HERE.... ADD YOUR TEXT HERE.... you can change the direction of the marquee text adding 'direction' attribute.
Example:3
 <marquee direction="right" width='90%'>ADD YOUR TEXT HERE....</marquee>
RESULT:
ADD YOUR TEXT HERE....
You can change the moving width of marquee text.
Example:4

 <marquee direction="right" width="100%" style="background:#FF6310"><font color="#000">ADD YOUR TEXT HERE....</font></marquee>
<marquee direction="left" width="100%" style="background:#0080ff"><font color="#000">ADD YOUR TEXT HERE....</font></marquee>
RESULT:
ADD YOUR TEXT HERE.... ADD YOUR TEXT HERE....
Now I add text color,text background color for the text.You may replace #ff6310 and #0080ff with hexadecimal color number for background color of Marquee text and also replace #000 with hexadecimal color number for text color.
Example:5
 <marquee direction="right" scrollamount="1">ADD YOUR TEXT HERE WITH CONTROL SPEED.</marquee>
RESULT:
ADD YOUR TEXT HERE WITH CONTROL SPEED. Now in this example I add scrollamount="1" to control marquee speed.if you want to customize the speed then change bold text in above code with your number.and also change  text direction just replace right with left.

Example:6
<marquee direction="left"width="90%"><a href='http://bloggerwidget4u.blogspot.com/2013/04/how-to-create-move-text-in-blog.html'>How to add marquee text for  Blogger</a></marquee>
RESULT: How to add marquee text for Blogger
Now in this example move text with link. replace Red color url with your post address.and Replace bold words with your text.
That's All Take 5 second and share this article with friends.

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Farhan Kayani
I'm Farhan Kayani a Web Designer, Web Developer and Computer Instructor Currently live in Islamabad,I've been interest to forward my experience to the world. . Read More →
Labels: , ,

18 comments:

  1. Admin14 May 2014 at 05:07

    How can I change the size of the text? Please help

    ReplyDelete
  2. Anonymous29 May 2014 at 19:28

    Nice post... now send me friends request to https://www.facebook.com/saqlain.zakki
    i know many tricks i gave you free... (y)

    ReplyDelete
  3. Malin Sarkar20 June 2014 at 11:08

    Thanks,very nice post..

    Lovely Zone
    :About Computer,Software,Hardware,Networking,Blogger Tips And Tricks
    Online/Offline Job    .


    Design Patterns
    : Bengali And English Make money Tips
    Update and new style blogger tips    .

    Design Patterns
    : Make Money Tips,Hot news
    Huge Online Job! Register Now    .

    ReplyDelete
  4. সত্য মানব15 September 2014 at 17:02

    Nice And Great Post Dear Admin.....i Am Add This Code On My Site http://www.techtunesu.blogspot.com

    ReplyDelete
  5. সত্য মানব15 September 2014 at 17:20

    It's awesome to pay a visit this web site and reading the views of all mates concerning this post, while I am also eager of getting familiarity.Please See My Blog টেকটিউনসইউ

    ReplyDelete
  6. Unknown20 December 2014 at 11:49

    Hello, I am new to blogging and I do not know where to put this code. I tried to put this code in my template but it dont work. Please help me where to put this code.

    ReplyDelete
    Replies
    1. Miracleboi30 August 2015 at 15:57

      goto Layout / add gadget / html, then paste the code there!

      Delete
  7. Royal Mechanical BUzz2 January 2015 at 06:01

    THANKS SUCH GREAT ARTICLE..HI DEAR CAN U TELL US HOW TO FIXED PAGE MENU AT THE TOP OF BLOGGER AS YOURS

    ReplyDelete
  8. Unknown13 May 2015 at 00:53

    Nice piece of information on HTML5. With the expansion of smartphones and other portable gadgets, the demand for responsive website design that go comfy on all devices keeps on increasing. This leads to invention and expansion of HTM5 web technology. PHP Training Institute in Chennai

    ReplyDelete
  9. admin3 August 2015 at 06:28

    not working on my blog :(

    ReplyDelete
  10. Unknown26 August 2015 at 12:08

    get paid-to-click going to :- neobuxkingofptc.blogspot.in

    ReplyDelete
  11. koppulakiran.blogspot.com9 September 2015 at 08:49

    Thanks to give these examples very useful me

    ReplyDelete
  12. Ibne Kayesh27 December 2015 at 11:01

    Great. helpful
    http://websitesdirectorybd.blogspot.com

    ReplyDelete
  13. Unknown18 October 2016 at 06:16

    Great. helpful...
    selenium training in chennai

    ReplyDelete

Please do not Spam Comments will be Deleted immediatley upon review.

Subscribe to: Post Comments (Atom)

/
show-notice
hide-notice
© 2012 Designed by My Blogger Tricks