Blog Widgets | Widget Blogger: Jun 17, 2009

Marquee can considerably increase the viewers attention towards the text or link rolling into it.

It is used and is can be useful for any announcements on your Blog.

>>How to add the scrolling text in your blog?

Let me explain it:

ONE Adding simple scrolling text:
Here is the code to add a simple scrolling text from right to left side

The output:.....

code to simple scrolling text

If you want some more attention of your Viewers,

Change the Background color to the text,

Note: Use matching and favourable colours that look good with each other.

The output:.....

code to simple scrolling text

You can choose your background colour by replacing the hexadecimal code(#99ccff).
Click here to see the codes of the different colors.

Here are some mode attributes to learn:


direction="left"

direction="right"

direction="up"

direction="down"

The above attributes tells the text which direction to scroll.

Apply whichever you want

Here are its examples ....................

code to simple scrolling text

code to simple scrolling text

code to simple scrolling text

code to simple scrolling text

More attributes:
You can add this attribute to alternate the text means it will bounce within the coloured area.

Like this

code to simple scrolling text

Its Code:-

You can also set the speed up the widget text with a simple attribute:

The lower the scroll amount value, the less speed it moves,
the html code adding scrollamount would be

(for scrollamout =2) in this marquee it would be at this speed

code to simple scrolling text

(for scrollamount=10)

code to simple scrolling text

TWO

   Pausing the text when mouse is over the text:
   It is very useful when the reader wants to read the text,and the scrollamount is big,sothat he will put the mouse over the text to pause the text and read the matter:
   Here is the code for it

It will have the following feel

code to simple scrolling text

(Roll the mouse over the text)

THREE

Changing the text colour:
Here is the code to change the text colour:(Add it before the marquee tag)

The whole code would be like

code to simple scrolling text

Here are the codes for various colours

Here is the important and most useful one, adding hyperlinks in the scrolling text
Hyperlink means a link when clicked go to another location(site).
Let's see how to add hyperlinks to the scrolling text:

FOUR

Adding hyperlinks(open in the same window):

sample sode for it.

Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the desired url addresses.

The output will look like this

EtalkIndia Colour Codes Gmail

If you want to open the links in new window,here is the code:

Here's the code for it

That's it!Now you can add this to your blogger sidebar,in the blog post,where ever you want.

If you want to put this in sidebar,then sign in to your blogger account>click the add a page element> and paste the code in html/javascript and save the changes .This is shown in the below pictures.

happy marqueeing

If you have any doubts, ask your questions via your comments.

Tell us which widgets you need us to post

Every blogger wants to get some money for all the hardwork he/she puts in for Blog.

So we also know that one of the best available publisher heaven is Adsense...Bidvertiser

You place ads on your Web-Blog ,on pages and places they appear prominant for your viewers.

I thought which place would be more 'visible' ,other than the place after the Title.

And moreover let me tell you that this code wont pop up in your read more column on your Homepage [if u have enabled READ MORE],there your visitors will naturally see the summary

of the Web-page Blog post.

As i said before your blog earnings depend mainly on your Weblog's traffic and on your

ad placement.

This is in accordance with the Google Adsense Terms of service.

I am personally using the same Hack Widget on this blogger Blog. You can see bid ads below the post title on my post pages.

now lets know how to set it up.

go to Adsense or Bidvertiser and get the Ad selected

Now copy the ad code to parse it

Parse It Here{{untick the "add blockcode" on the parsing site}}

Copy off the parsed code..
Now login to your blogger account.
Goto Layout> Edit Html and expand the widget templates.
Find this piece of code

Now paste this code before it.

<b:if cond='data:blog.pageType == "item"'>
Put your parsed
adsense code here
<br/>
</b:if>

So friends now enjoy this Widget on your Blog

won't you give us backlink; add the code on the right sidebar to do that..

[if u are viewing in email u might not see the code; click on the title of post to see the original post]

More such amazing Blog Widgets coming soon..so stay tuned..

Search This Blog

Wednesday, June 17, 2009

MARQUEE-Scrolling text and link hacks

Ads below every Blog title Widget