Add Marquee/Running Text on blog

See my Marquee / Running Text Below :-



#Multi level Dropdown menu  #Use of Meta tag  #Get paid from Bloggerwave  #Creating simple Dropdown Menu  #How to creat Tab view/Box  #Host your Blog  #Blogging tools  < And many more >




Just Look out my Marquee Text that scrooling right to left. I just use this code -



<marquee align="center" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">

#<a href="http://ttssn.blogspot.com/2010/01/new-multi-level-drop-down-menu.html" target="_blank">Multi level Dropdown menu</a>  #<a href="http://ttssn.blogspot.com/2010/01/meta-tags-importance-and-how-to-use.html" target="_blank">Use of Meta tag</a>  #<a href="http://ttssn.blogspot.com/2010/01/get-paid-from-bloggerwave.html" target="_blank">Get paid from Bloggerwave</a>  #<a href="http://ttssn.blogspot.com/2010/01/how-to-creat-dropdown-menu.html" target="_blank">Creating simple Dropdown Menu</a>  #<a href="http://ttssn.blogspot.com/2009/03/tab-view-is-very-usefull-box.html" target="_blank">How to creat Tab view/Box</a>  #<a href="http://ttssn.blogspot.com/2010/01/remove-or-hide-navbar-on-blog.html" target="_blank">Host your Blog</a>  #<a href="http://ttssn.blogspot.com/2010/01/blogging-tools-blogging-tools-to-create.html" target="_blank">Blogging tools</a>  < And many more >
</marquee>

The simplest code is -
<marque> Your Text </marque>

direction="left"
It direct text from right to left. You can change it to - Right / up / Down 

onmouseout="this.start()" onmouseover="this.stop()" 
It is a mouse over statement. You can remove it If you want.

scrollamount="2"
Scrollamount describe the speed of the marquee text. You can change it to higher or lower.

New Multi-Level Drop-Down Menu

Drop down menu makes the navigation in your blog a lot easier, as you can put a number of links in a single row or column.

See this widget in action: ClubVista Template

Similar Widgets:

1. Multi Level Drop Down Menu - Black


2. Sliding Drop Down Menu



To use this drop down menu on your blog, follow these instructions:



STEP #1:

Log in to Blogger, go to Layout and click on "Edit HTML"




Find (CTRL+F) this code in the template:


</head>
and immediately ABOVE / BEFORE that, paste this code:


<!--MULTI-LEVEL-DD-MENU-STARTS-->


<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/style.css" type="text/css" />


<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/script.js"></script>




<!--MULTI-LEVEL-DD-MENU-http://bloggerstop.net-->


STEP #2:

Now go to "Layout" -> "Edit HTML" -> "Page Elements" and click on "Add a Gadget" and select it as "HTML/JavaScript" type.




And add this code to it:


<!--MULTI-LEVEL-DD-MENU-STARTS-->


<ul class="menunew" id="menu">


<li><a href="#" class="menulink">Dropdown One</a>


<ul>


<li><a href="#">Navigation Item 1</a></li>




<li>


<a href="#" class="sub">Navigation Item 2</a>


<ul>


<li class="topline"><a href="#">Navigation Item 1</a></li>


<li><a href="#">Navigation Item 2</a></li>




<li><a href="#">Navigation Item 3</a></li>


<li><a href="#">Navigation Item 4</a></li>


<li><a href="#">Navigation Item 5</a></li>




</ul>


</li>


<li>


<a href="#" class="sub">Navigation Item 3</a>


<ul>


<li class="topline"><a href="#">Navigation Item 1</a></li>




<li><a href="#">Navigation Item 2</a></li>


<li>


<a href="#" class="sub">Navigation Item 3</a>


<ul>


<li class="topline"><a href="#">Navigation Item 1</a></li>




<li><a href="#">Navigation Item 2</a></li>


<li><a href="#">Navigation Item 3</a></li>


<li><a href="#">Navigation Item 4</a></li>




<li><a href="#">Navigation Item 5</a></li>


<li><a href="#">Navigation Item 6</a></li>


</ul>


</li>


<li><a href="#">Navigation Item 4</a></li>




</ul>


</li>


<li><a href="#">Navigation Item 4</a></li>


<li><a href="#">Navigation Item 5</a></li>


</ul>




</li>


<li><a href="http://bloggerstop.net" class="menulink">Blogger Help</a></li>


<li>


<a href="#" class="menulink">Dropdown Two</a>


<ul>


<li><a href="#">Navigation Item 1</a></li>




<li>


<a href="#" class="sub">Navigation Item 2</a>


<ul>


<li class="topline"><a href="#">Navigation Item 1</a></li>


<li><a href="#">Navigation Item 2</a></li>




<li><a href="#">Navigation Item 3</a></li>


</ul>


</li>


</ul>


</li>


<li>


<a href="#" class="menulink">Dropdown Three</a>




<ul>


<li><a href="#">Navigation Item 1</a></li>


<li><a href="#">Navigation Item 2</a></li>


<li><a href="#">Navigation Item 3</a></li>




<li><a href="#">Navigation Item 4</a></li>


<li><a href="#">Navigation Item 5</a></li>


<li>


<a href="#" class="sub">Navigation Item 6</a>




<ul>


<li class="topline"><a href="#">Navigation Item 1</a></li>


<li><a href="#">Navigation Item 2</a></li>


</ul>


</li>




<li><a href="#">Navigation Item 7</a></li>


<li><a href="#">Navigation Item 8</a></li>


<li><a href="#">Navigation Item 9</a></li>




<li><a href="#">Navigation Item 10</a></li>


</ul>


</li>


</ul>


<script type="text/javascript">


var menu=new menu.dd("menu");


menu.init("menu","menuhover");




</script>


<!--MULTI-LEVEL-DD-MENU-http://bloggerstop.net-->
Of course you have to edit the content before saving this widget.

Meta Tags - Importance and How To Use

For any website, a good percentage of traffic comes from search engines like Google, Yahoo, AOL, MSN Search etc. But when search spiders from these search engines come to your website for archiving and indexing, they may or may not pick those important keywords, words, phrases, information from your website, which you actually wanted to be indexed.

So you must guide those search engine spiders, what to be indexed and what should not, which can be done by Meta Tags.

Meta tags are placed in the <Head> region of any blog/web site. These tags mainly contain the Title of the website, general information, all keywords, pages to be indexed / left, author's name, e-mail, language of website, copyright information etc. These meta tags are optional, you may add all of them or some of them or even none. But for Search Engine Optimization, and better indexing, and to get more traffic from search engines, you must add meta tags to your website.



Here are the simple code lines to be added in the <Head> </Head> region:

<title>TITLE_OR_NAME_OF_YOUR_WEBSITE</title>

<link href="mailto:YOUR_EMAIL_ADDRESS_HERE" rev="made"/>

<meta content="ALL_KEYWORDS_HERE_SEPARATED_BY_COMMAS" name="keywords"/>


<meta content="YOUR_NAME_HERE" name="author"/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta content="GENERAL_DESCRIPTION_HERE" name="description"/>

</b:if>

<meta content="SEE_BELOW" name="ROBOTS"/>
Change those lines in blue color above.




In the last meta tag, where "SEE_BELOW" is written, select one of these as per your requirement/choice.

- INDEX,FOLLOW  Index this page and follow all links.

- INDEX,NOFOLLOW  Index this page but do not follow or index links on this page.

- NOINDEX,FOLLOW  Do not index this page but follow all links.

- NOINDEX,NOFOLLOW  Do not index this page. Do not follow or index links on this page.




For any particular page, if you want to add any keywords or if you want to add "nofollow" / "noindex" tags to that page, you can add these code lines:
<b:if cond='data:blog.url == "URL_OF_THE_SPECIFIC_PAGE_WITH_http"'>

<meta name="ROBOTS" content="NOINDEX,NOFOLLOW"/>

<meta content="ALL_KEYWORDS_HERE_YOU_CAN_ADD_MORE_LATER_TOO" name="keywords">

</b:if>
For any further queries, you  can write your doubts in the comments section.


Get Paid From Bloggerwave


Bloggerwave is one of PPP (Pay Per Post) Program. It's like sponsoredreviews, buyblogreview and other PPP program. They provide some jobs to be reviewed by bloger. It's such as writing an article about a website or company and then we post it in our blog. To be approved to Bloggerwave is easier than other PPP programs. No PR needed or any others criteria. So I thing this is a good PPP program