How To Add Announcments To Your Blog

You can actually do this with the help of marquee tag in html
Add the below CSS code before ]]></b:skin>

.marquee
{
padding: 5px;
background: #666666;
color : #f8f8f8;
}

Insert any one of the below marquee div code below <body>

<div class=”marquee”>
<marquee direction=”left” behavior=”scroll”>Announcment goes here</marquee>
</div>

[or]

<div class=”marquee”>
<marquee direction=”right” behavior=”scroll”>Announcment goes here</marquee>
</div>

[or]

<div class=”marquee”>
<marquee direction=”left” behavior=”slide”>Announcment goes here</marquee>
</div>

[or]

<div class=”marquee”>
<marquee direction=”right” behavior=”slide”>Announcment goes here</marquee>
</div>

[or]

•Use the below code to move the text in to and fro motion

<div class=”marquee”>
<marquee behavior=”alternate” >Announcment goes here</marquee>
</div>

•You can use scrolldelay attribute to decrease the speed of the text

<div class=”marquee”>
<marquee direction=”left” behavior=”scroll” scrolldelay=”200″ >Announcment goes here</marquee>
</div>

•Inorder to make the announcement as hyperlink insert announcement text into anchor tag

<div class=”marquee”>
<marquee direction=”left” behavior=”scroll”><a href=”#”>Announcment goes here</a></marquee>
</div>

I hope this post will help the newbiee

Share on Facebook



Comments

  1. I am new to blogging. What is announcement. How does it work?

  2. Blogger Nutshell says:

    Announcements are used to tell visitors about the latest posts posted in the blog or can be used for advertising purpose

Speak Your Mind

*