Blog Content Idea When Your Brain Stuck!

Today i am going to post on Blog Content Idea. In blogging journey, it is sometime happen that your brain stop thinking and you are stuck to write blog post.
In fact, it may be the result of your laziness or you may not have clear idea to blog about.
Don’t think much. It happens in every blogger’s life when we can’t figure out idea to write.
So, I am going to share you some blog content idea to write about when your mind stop thinking.
Whenever you are stuck in writing blog’s article, come to my blog and read it thoroughly. Soon you will get back to your work with refreshment.
My suggestion is not just title I will tell you to write, but these are some idea which will help you to get unique topic to write.

Let’s start tutorial on how to get blog content idea

How to Post:

Oh! You think I am telling you some tricks on how to post. It is actually topic i am suggesting you. Read as “How to” post. Got it? “How to” type articles are very popular in blogsphere. Generally this type of post are problem solving.
Figure out some questions on which you are master. Then write detailed solution.
Go through comment section of your blog post and find there the real problems which your readers are facing. You will definitely get some unique topic to write.

Take Interview of Pro Blogger:

It is hot method to get both content and traffic.  Blogger take interview of fellow blogger. Thus they get some words to write post.
You should opt out this approach when you are stuck at writing. Send a polite request to take interview. Send few set of questions like tell us about yourself and how do you blog etc. They will simply answer your question. In return you will get an article for your blog. Format it in correct way and publish. You will get lots of traffic and comment because people love to read such interview.
Promoting this interview will also promote your blog.

Write Reviews:

This is simplest way to get content for your blog. Writing review post is also potential source of online earnings.
In case of no ideas to blog, writing a review on product right now. Write an honest review. T will attract traffic. If you are successful to convince your audiences, put an affiliate link. This will generate revenue for you.
Don’t write fake review otherwise you will lose your potential reader as well.

Keep Close Eye on Competitors and Subscribe Fellow Blogger:

Very smart. Don’t you think?  If you follow your competitor then you will get some idea.
Explore old post of their blog. Who knows you may get lots of content ideas there.
Subscribe newsletter of fellow blogger. You will get updated ideas.

Rewriting Old Post:

Have you explored your own blog? If not, go out there and read old post. If you think you can extend the content then write part 2. It will refresh your old post as well.
Write new post on same topics.
So these are my tactics to get content writing ideas. If I have left any point, write in comment section.

Read More

Write SEO Articles In Few Minutes

Writing SEO articles is a must recommendation. SEO optimized blog grows fast and get high ranking in SERP. It is very tough task to write SEO articles because we should keep in mind both the human and search bot for better ranking.
 So today, I am going to show the way to write SEO articles for search bot as well as human. You will get good ranking without putting lots of keywords (Known as keywords stuffing) in your post.
You should not afraid of the word SEO. It is not a pro skill and every one can learn it with best practices.
We have to write article in such a way that user will understand easily.
You should implement your writing skill which makes it easy to read article.
Righting SEO article does not guarantee that your post will be at top of SERP.
There are some other factors also which we must consider to get a good rank.

Title:

Every blog post starts with title.
Make it eye caching, crisp and clear. There should not any confusion.
Do not over optimize and also do not less optimize it.
Choose a focus keyword and insert into title. It should be present in main article also.
Use main keyword one time only in title. Don’t write multiple times.

Permalink Structure

As the name suggest, it is permanent link to your post. You can edit title of post but you can’t edit permalink.
When you go to publish blog post, include main keyword in url.
Keep permalink short and easy to understand for user. Search engines crawl only starting few words.
Don’t write long url. It should be 70 to 100 characters long.

Content Optimization:

Writing SEO optimized content is most crucial part.
It is not hard job actually. But you should maintain it well. Don’t write too short or too long.
First two lines of article is very important. Make a habit to write main keyword in first line.
Write remaining contain thoroughly. Use appropriate text formatting. Make keyword and relative phrase bold where it is required.
Do not repeat the keyword again and again. It looks bad for human being as well as for search engine.
Use interlinking using proper anchor text. Search engine like interlink. It makes your user engaging in reading.
Recent Google Algorithm updates suggest writing minimum 600 word lengthy post. It is not mandatory. It is just recommendation.
When you finish the writing, check it for any grammatical error. It is called proofreading.
Finally, do not forget to put focus keyword in your article.
Now publish the post. Promote it on social media to drive traffic.
Oh! I forget that use of at least one image with proper title and alt tag make it user friendly and search engine friendly.
One Bonus tips for you: Do not focus on quantity of post. Always write quality content. Write at least three post in a week and practice to build some back links.

Read More

Stylish buysellads marketplace Ads Widgets for Blogger and Wordpress

Hello Guys! This time, i will give you css based stylish Buysellads marketplace widgets. If your blog is receiving handsome traffic and you have planned to apply for buysellads, these ads widgets can be very helpful in approval process.Our widgets are cool, attractive and colorful with hover effect.It will not affect your blog load time. The widgets come in four different sizes which are standard.Apply according to blog design and space.It can be added to both Blogger and WordPress.Before going to code section, we should know how to add widgets to your blog.

How to add buysellads widgets to blogger:

It is very simple and quick. You have surely added such kind of widget on your blogger blog.
1..Go to Blogger Dashboard.Select Design tab. Open Page Element tab.
2.Now click on add a gadget and select HTML/Java Script
3.copy below code for any widget and paste into widget. Now save the widgets.

How to add buysellads in WordPress?

WordPress also has direct widget option.
1.Go to Dashboard >> Appearance >> Widget
2.Select "Add a text widget".
3.Paste the below code.Now save widget.

1.First Ads Style Code:

 <style>
html > body div.bsap_1272098 a.adhere {
    width: 258px;
    height: 258px;
}
div.bsap_1272098 a.adhere {
    width: 260px;
    height: 260px;
    line-height: 2080%;
}
div.bsap_1272098 a.adhere {
    color: rgb(102, 102, 102);
    font-weight: bold;
    font-size: 12px;
    border: 1px solid rgb(204, 204, 204);
    background: none repeat scroll 0% 0% rgb(231, 231, 231);
    text-align: center;
}
.bsap a:hover {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bsap .ad1 {
    background: none repeat scroll 0% 0% rgb(17, 108, 165) !important;
}
div.bsap_1272098 a {
    line-height: 100%;
}
div.bsap_1272098 a {
    display: block;
    font-size: 11px;
    color: rgb(136, 136, 136);
    font-family: verdana,sans-serif;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
div.bsap_1272098 a {
    width: 260px;
}
.bsap a {
    text-shadow: 1px 1px 1px rgb(17, 17, 17) !important;
    color: rgb(238, 238, 238) !important;
    padding: 0px !important;
    margin: 0px 10px 10px 0px !important;
    overflow: visible !important;
    transition: all 0.2s ease 0s;
    border: 0px none !important;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
:focus {
    outline: 0px none;
}
</style>
<div class="widget-content">
<!-- Ads Zone Code -->
<div id="bsap_1272098" class="bsap_1272098 bsap"><a href="http://bloggertrendytricks.blogspot.com/" title="Advertise Here" class="adhere ad1 odd" target="_blank">Advertise Here</a></div>
<!-- End Ads Zone Code -->
</div>

2. Second Ads Style Code:

<style>
html > body div.bsap_1264012 a.adhere {
    width: 123px;
    height: 123px;
}
div.bsap_1264012 a.adhere {
    width: 125px;
    height: 125px;
    line-height: 1000%;
}
div.bsap_1264012 a.adhere {
    color: rgb(102, 102, 102);
    font-weight: bold;
    font-size: 12px;
    border: 1px solid rgb(204, 204, 204);
    background: none repeat scroll 0% 0% rgb(231, 231, 231);
    text-align: center;
}
.bsap a:hover {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bsap .ad5 {
    background: none repeat scroll 0% 0% rgb(61, 164, 21) !important;
}
.bsap .ad6 {
    background: none repeat scroll 0% 0% rgb(182, 118, 6) !important;
}
.bsap .even {
    margin-right: 0px !important;
}
div.bsap_1264012 a {
    line-height: 100%;
}
div.bsap_1264012 a {
    display: block;
    font-size: 11px;
    color: rgb(136, 136, 136);
    font-family: verdana,sans-serif;
    margin: 0px 8px 15px 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    float: left;
}
div.bsap_1264012 a {
    width: 125px;
}
.bsap a {
    text-shadow: 1px 1px 1px rgb(17, 17, 17) !important;
    color: rgb(238, 238, 238) !important;
    padding: 0px !important;
    margin: 0px 10px 10px 0px !important;
    overflow: visible !important;
    transition: all 0.2s ease 0s;
    border: 0px none !important;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
:focus {
    outline: 0px none;
}
</style>
<div class="widget-content">
<!-- BuySellAds Zone Code -->
<div id="bsap_1264012" class="bsap_1264012 bsap">
<a href="http://bloggertrendytricks.blogspot.com/" title="Advertise Here" class="adhere ad5 odd" target="_blank">Advertise Here</a>
<a href="http://bloggertrendytricks.blogspot.com/" title="Advertise Here" class="adhere ad6 even" target="_blank">Advertise Here</a>
</div>
<!-- End BuySellAds Zone Code -->
</div>

3.Third Ads Style Code:

<style id="bsa_css" type="text/css">
div.bsap_1263441{width:100%;display:block}div.bsap_1263441 a{width:468px}div.bsap_1263441 a img{padding:0}div.bsap_1263441 a em{font-style:normal}div.bsap_1263441 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;}div.bsap_1263441 img{border:0;clear:right;}div.bsap_1263441 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}div.bsap_1263441 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}div.bsap_1263441 a{line-height:100%}div.bsap_1263441 a.adhere{width:468px;height:60px;line-height:480%}
</style>
<div class="widget-content">
<!-- BuySellAds Zone Code -->
<div id="bsap_1263441" class="bsap_1263441 bsap"><a title="Advertise Here" href="http://bloggertrendytricks.blogspot.com/" class="adhere ad1 odd" target="_blank">Advertise Here</a></div>
<!-- End BuySellAds Zone Code -->
</div>

4. Fourth Ads Style Code:

<style>
div.bsap_1263441 a.adhere:hover {
    border: 1px solid rgb(153, 153, 153);
    background: none repeat scroll 0% 0% rgb(221, 221, 221);
    color: rgb(51, 51, 51);
}
html > body div.bsap_1263441 a.adhere {
    height: 58px;
    width: 466px;
}
div.bsap_1263441 a.adhere {
    width: 468px;
    height: 60px;
    line-height: 480%;
}
div.bsap_1263441 a.adhere {
    color: rgb(102, 102, 102);
    font-weight: bold;
    font-size: 12px;
    border: 1px solid rgb(204, 204, 204);
    background: none repeat scroll 0% 0% rgb(231, 231, 231);
    text-align: center;
}
.bsap a:hover {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bsap .ad1 {
    background: none repeat scroll 0% 0% rgb(17, 108, 165) !important;
}
div.bsap_1263441 a {
    line-height: 100%;
}
div.bsap_1263441 a {
    display: block;
    font-size: 11px;
    color: rgb(136, 136, 136);
    font-family: verdana,sans-serif;
    margin: 0px 4px 10px 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    float: left;
}
div.bsap_1263441 a {
    width: 468px;
}
.bsap a {
    text-shadow: 1px 1px 1px rgb(17, 17, 17) !important;
    color: rgb(238, 238, 238) !important;
    padding: 0px !important;
    margin: 0px 10px 10px 0px !important;
    overflow: visible !important;
    transition: all 0.2s ease 0s;
    border: 0px none !important;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
:focus {
    outline: 0px none;
}
</style>
<div class="widget-content">
<div style="margin-top:35px;">
<!-- BuySellAds Zone Code -->
<div id="bsap_1263441" class="bsap_1263441 bsap"><a title="Advertise Here" href="http://bloggertrendytricks.blogspot.com/" class="adhere ad1 odd" target="_blank">Advertise Here</a></div>
<!-- End BuySellAds Zone Code -->
</div>
</div>

You can comment here if you are facing problem.

Read More

Beautiful Search Box Widget for Blogger

Today, i am going to share a widget for blogger. This is Search Box Widget. It is different from Google Custom Search box. A beautiful, clean search form is essential element for blogger. Sometime we have hundreds of articles in our blog.A user can find it difficult to navigate through all content.Thus search box can save lots of time.This can improve rank because web surfer will return to your blog to find any blog related item.The implementation is very easy and quick. It is purely CSS3 based widget.

How to add Search Box widget to blogger?
Add search box element is very simple and it is in the same way we add any html/javascript gadget to our blog.Just follow the steps in case you don't know how to add.
1. Login to blogger.Open Dashboard.
2. Now add a HTML/Javascript gadget where you want to place widget.
3. Copy and paste following code.
4..Save the widget.

/******* bloggertrendytricks.blogspot.com *******/
<style>
#BTTSearch {
display: block;
clear: both;
margin: 10px 0;
}
#BTTSearch #BTTSinput {
background: url("http://2.bp.blogspot.com/-Q-Ejkmx-Ki4/Teem3RZlpqI/AAAAAAAAA40/_p6u9Xpgs7c/s20/Search-icon.png") no-repeat scroll 8px center transparent !important;
padding: 7px 15px 7px 35px !important;
color: #444;
font-weight: bold;
text-decoration: none;
border: 1px solid #D3D3D3 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
-moz-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width: 52%;
}
#BTTSearch #BTTsubmit {
color: #444;
font-weight: bold;
text-decoration: none;
padding: 6px 15px;
border: 1px solid #D3D3D3;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
 <div id="BTTSearch">
    <form action="/search">
        <input name="q" id="BTTSinput" type="text" />
        <input value="Search" id="BTTsubmit" type="submit" />
    </form>
</div>

Read More

Use Noindex Tag For FeedBurner Feed to Avoid Penalty by Google

Hello friends! Wishing hunny bunny life. This post is for my fellow blogger. Having a blog is good thing. But most of blogger don’t care what is important for them. We commonly use “subscription by email” powered by feed-burner to increase loyal readership. Many blogger don’t check feed burner status and go through setting area.It is good habit if you do check setting area for each and every resource used online. OK. You definitely missed something. But What ??
Be relax guys. Don’t stress your mind. Check below pic if you have missed to active Noindex tag.
It is very important to active Noindex tag for feed burner. Simple reason behind this approach is to escape from duplicate content penalty. If you don’t activate this service, Google might penalize your blog for duplicate contents although you have posted original
contents. This lead to decrease page rank in SERP.

What if your feeds being indexed in search engine?
In simple words, it indicates search engine that contents of your blog post is copied from other sources and you lose originality of unique contents. You further understand what impact of duplicate content is.

How to active noindex tag for feed burner?
1.Login to your feed burner feed account.
2.Select your desired Blog/Site
3.Click on publicize option as shown in pic.

4.Click on Noindex at bottom of left column.See pic.

5.Check both option and Activate service.

6.Save it. Done.
Congratulate. Your genuine post will remain genuine. Use Noindex
for Feeds and live happily.

Read More

Simple Elegant Recent Post Widget for blogger

Today, i will show you how to display Recent Post With Thumbnail for blogger. This is simple javascript/html based widget . Recent post widget gives quick idea to explore your blog contents. It provide overview to blog visitor. It is said that first impression is last impression. So recent post is first impression for any new visitors. Also visitors can find your blog post quickly, without spending more browsing time. Small thumbnail image in recent post could be right fix. This widget has hands on control option so that you can on/off thumbnail, post summary etc.

Follow this simple way to add “Recent Post Widget” to you
blog

• Go to Blogger >> Design >> than Page Element
• Click on Add a Gadget link
• A popup window will be display with many option, select Add
• Javascript/HTML
• Copy and paste following code in blank area

<style type='text/css'>
img.recent_thumb
{padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width:
100%;min-height: 70px;margin: 5px 0px 5px 0px;padding:
0;font-size:12px;}
ul.recent_posts_with_thumbs li
{padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript'
src='http://yourjavascript.com/3012232105/androtweet.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
6
<script
src='http://bloggertrendytricks.blogspot.com/feeds/posts/default?orderby=published&<hr/><small><a style='margin-left:10px;align:right;'
href='http://androtweet.com' target='_blank'>Recent Posts
Widget</a> | <a href='http://bloggertrendytricks.blogspot.com/'
target='_blank'>BTT</a></small>

Few hands on control option

• First of all replace blogger address by desired option.
• If you want to change no, of post to show, vary numpost=5
• Numchars=100 is to change characters shown in summary.
• Change other option by assigning true/false.

Now save this widget. checkout your blog to see change, if any
problem occurs, share with us, will try to solve asap.

Read More

Beautiful Drop down Floating Multi level Menu Button(CSS/HTML Based) without jQuery

Hi folks! Hope you were enjoying my blog post. Today I planned to add a post on blogger widget. You will find Pure CSS /HTML based floating button menu which is multi-level in nature. Drop down menu is very important for blogger/website. If your site has lots of pages and post under various categories, than you must have drop down list. It provides easy navigation. This reflects well arrangement of your site. Having drop down list is good thing but having beautiful drop down list is awesome. It gives first sight impression to your blog reader.

Why CSS/HTML and not jQuery??
J-Qery is used to give a fresh look to blog content. But jQuery suffers with load time. It consume most of blog loading time. thus give bad impression to blog reader. That’s why I created this widget which have all features of jQuery and yet easy, beautiful and fast loading. It is fully optimised for blogger blog. This widget is four level multi drop down list with colourful effects.
Features of this widget:

• Contain CSS/Html code only
• Though its not javascript/jQuery but contain all those effect.
• Fast and responsive.
• Support Almost every browser
• It is four level drop down list
• Stylish Colour and Hover Effect
• Easy scrolling with fixed position at top

How to Add this widget in Blog:
• Go to your blogger account.
• Select you blog .Create a backup.
• Not go to “Edit HTML”
• Find Closing head tag </head> by pressing CTRL+F
• Copy your code from below and Paste after </head>

<!-- Dropdown Menu By BTT Start -->

<style>
#menu { background-color: #ba1eaa;
 background-image: -moz-linear-gradient(#04acec, #ba1eaa);
 background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#ba1eaa));
 background-image: -webkit-linear-gradient(#04acec, #ba1eaa);
 background-image: -o-linear-gradient(#04acec, #ba1eaa);
 background-image: -ms-linear-gradient(#04acec, #ba1eaa);
 background-image: linear-gradient(#04acec, #0186ba); height:35px;; text-align:center; position:fixed; z-index:20; right: 0%; left: 0%;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {clear:both;float:none;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;clear:none;}
#menu ul.level1 {
background-color: #ba1eaa;
background-image: -moz-linear-gradient(#04acec, #ba1eaa);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#ba1eaa));
background-image: -webkit-linear-gradient(#04acec, #ba1eaa);
background-image: -o-linear-gradient(#04acec, #ba1eaa);
background-image: -ms-linear-gradient(#04acec, #ba1eaa);
background-image: linear-gradient(#04acec, #0186ba)
}
#menu ul.level2 {
background-color: #ba1eaa;
background-image: -moz-linear-gradient(#04acec, #ba1eaa);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#ba1eaa));
background-image: -webkit-linear-gradient(#04acec, #ba1eaa);
background-image: -o-linear-gradient(#04acec, #ba1eaa);
background-image: -ms-linear-gradient(#04acec, #ba1eaa);
background-image: linear-gradient(#04acec, #0186ba)
height:35px; width:250px;}
#menu ul.level3 {
background-color: #ba1eaa;
background-image: -moz-linear-gradient(#04acec, #ba1eaa);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#ba1eaa));
background-image: -webkit-linear-gradient(#04acec, #ba1eaa);
background-image: -o-linear-gradient(#04acec, #ba1eaa);
background-image: -ms-linear-gradient(#04acec, #ba1eaa);
background-image: linear-gradient(#04acec, #0186ba)
height:35px; width:250px;}
#menu ul.level4 {
background-color: #ba1eaa;
background-image: -moz-linear-gradient(#04acec, #ba1eaa);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#ba1eaa));
background-image: -webkit-linear-gradient(#04acec, #ba1eaa);
background-image: -o-linear-gradient(#04acec, #ba1eaa);
background-image: -ms-linear-gradient(#04acec, #ba1eaa);
background-image: linear-gradient(#04acec, #0186ba)
height:35px; width:250px;}
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menu a {display:block; font:normal 14px Arial; color:#fff; line-height:35px; text-decoration:none;padding:0px 15px 0 15px;outline:none;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover > ul {visibility:visible; left:0; top:35px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-35px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:30px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:30px;}
#menu li.left ul a {text-align:right; padding:0 15px 0 15px;}
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul,
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul,
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.fly {font-variant: small-caps;}
#menu li.left ul a.fly {font-variant: small-caps;}
#menu li a:hover,
#menu li a.fly:hover {
background-color: #ba1eaa;
background-image: -moz-linear-gradient(#04acec, #ba1eaa);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#ba1eaa));
background-image: -webkit-linear-gradient(#04acec, #ba1eaa);
background-image: -o-linear-gradient(#04acec, #ba1eaa);
background-image: -ms-linear-gradient(#04acec, #ba1eaa);
background-image: linear-gradient(#04acec, #0186ba)
}
#menu li:hover > a,
#menu ul li:hover > a.fly {
background-color: #ba1eaa;
background-image: -moz-linear-gradient(#04acec, #ba1eaa);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#ba1eaa));
background-image: -webkit-linear-gradient(#04acec, #ba1eaa);
background-image: -o-linear-gradient(#04acec, #ba1eaa);
background-image: -ms-linear-gradient(#04acec, #ba1eaa);
background-image: linear-gradient(#04acec, #0186ba)
}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu ul, .tabs-outer {overflow:visible;}
#menu li a {border: none;}
.main-outer {z-index:10;}/*for IE*/
.tabs-outer {z-index:11;}/*for IE*/
</style>
<div id="menu">
<ul class="level1">
<li class="level1-li"><a class="level1-a" href="##########">Home</a></li>
<li class="level1-li"><a class="level1-a fly" href="##########">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="##########">Email</a></li>
<li><a href="##########">Telephone</a></li>
<li><a href="##########">Online Form</a></li>
<li><a href="##########">Snail Mail Address</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a fly" href="##########">Resort<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="##########">Ski Hire Facilities</a></li>
<li><a class="fly" href="##########">Main Ski Slopes<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="##########">Beginners Slopes</a></li>
<li><a href="##########">Intermediate Slopes</a></li>
<li><a class="fly" href="##########">Advanced Skill Levels<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level4">
<li><a href="##########">Local</a></li>
<li><a href="##########">Nearby</a></li>
<li><a href="##########">With instructor</a></li>
<li><a href="##########">Snow boarding</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="##########">Expert</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="##########">Night Life</a></li>
<li><a class="fly" href="##########">Restaurants<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="##########">Snow Hotel</a></li>
<li><a href="##########">The Snowman</a></li>
<li><a href="##########">Ice Cavern</a></li>
<li><a href="##########">Ski Inn</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a class="fly" href="##########">Car Hire<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="##########">From Airport</a></li>
<li><a href="##########">In Resort</a></li>
<li><a href="##########">Multiple Resorts</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a fly" href="##########">Surrounding Area<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="##########">Where to go</a></li>
<li><a href="##########">What to do</a></li>
<li><a href="##########">Places of interest</a></li>
<li><a href="##########">National parks &amp; Museums</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="level1-li"><a class="level1-a" href="##########">Privacy</a></li>
<li class="level1-li"><a class="level1-a" href="##########">About Us</a></li>
<li class="level1-li"><a class="level1-a" href="##########">Contact Us</a></li>
<li class="level1-li"><a class="level1-a" href="##########">SiteMap</a></li>
<li class="level1-li"><a class="level1-a" href="##########">Official Website</a></li>
<li class="level1-li left"><a class="level1-a fly" href="##########">Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level2">
<li><a href="##########">Money Exchange</a></li>
<li><a class="fly" href="##########">Resort Essential Information<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="##########">Lift Passes</a></li>
<li><a href="##########">Insurance</a></li>
<li><a class="fly" href="##########">Gear Rental<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level4">
<li><a href="##########">Boots</a></li>
<li><a href="##########">Skis</a></li>
<li><a href="##########">Ski Wear</a></li>
<li><a href="##########">Goggles</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="##########">Ski Schools</a></li>
<li><a href="##########">Snow Report</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a class="fly" href="##########">Language<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="level3">
<li><a href="##########">Austrian</a></li>
<li><a href="##########">German</a></li>
<li><a href="##########">French</a></li>
<li><a href="##########">English</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="##########">Short Breaks</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
</div>
<!-- Dropdown HTML Menu By BTT Ends--> 

• Now save template.
• Done.

Read More