Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you: This navigation bar gets semi-transparent when you scroll down the page and is slightly showing up by fading out and becoming almost transparent. When the user hovers over it, the menu becomes opaque again.

Inside of the navigation there are some links, a search input and a top and bottom button that allows the user to navigate to the top or bottom of the page.


Let's start adding it...

1. Go To Blogger - Template - Edit HTML


 ....and select the "expand widget templated" box:



2. Search (using CTRL + F) for this piece of code:

</head> 

3. Just above/before the </head> tag, add this code:

<link rel="stylesheet" href="http://helplogger.googlecode.com/svn/trunk/html/[www.matrixar.com]Fixed Fade Out Menu.css"/>
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/html/[www.matrixar.com]jquery-1.3.2.js"></script>
 <script type="text/javascript">
            $(function() {
                $(window).scroll(function(){
                    var scrollTop = $(window).scrollTop();
                    if(scrollTop != 0)
                        $('#nav').stop().animate({'opacity':'0.2'},400);
                    else   
                        $('#nav').stop().animate({'opacity':'1'},400);
                });
               
                $('#nav').hover(
                    function (e) {
                        var scrollTop = $(window).scrollTop();
                        if(scrollTop != 0){
                            $('#nav').stop().animate({'opacity':'1'},400);
                        }
                    },
                    function (e) {
                        var scrollTop = $(window).scrollTop();
                        if(scrollTop != 0){
                            $('#nav').stop().animate({'opacity':'0.2'},400);
                        }
                    }
                );
            });
        </script>

4) Now search for this tag:

<body>  

If you can't find it, search for this one:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

5) Just below/after this code, copy and paste the following code:

<div id="nav">
<ul>
<li><a class="top" href="#top"><span></span></a></li>
<li><a class="bottom" href="#bottom"><span></span></a></li>
<li><a href='URL address'><span>Link 1</span></a></li>
<li><a href='URL address'><span>Link 2</span></a></li>
<li><a href='URL address'><span>Link 3</span></a></li>
<li><a href='URL address'><span>Link 4</span></a></li>
<li><a href='URL address'><span>Link 5</span></a></li>
<li><a href='URL address'><span>Link 6</span></a></li><li class="search">

<input type="text"/><input class="searchbutton" type="submit" value=""/>
</li>
</ul>
</div>
<div id="top"></div>
<div class="desc"></div>
<div id="bottom"></div>
<div class="scroll"></div>

Note: Replace URL address with the URL of your pages and Link 1, 2, 3, 4, 5, 6 with the name of the link that will appear in the menu.

6) Now click on the Save Template button and you're done ;)

Credit goes to the original author. This widget was inspired by David Walsh’s top navigation bar.2013, By: Seo Master

seo Add Css/Jquery fixed horizontal menu to blogger blog 2013

Seo Master present to you:
What is Blogger?

According to the Computer Desktop Encyclopedia, Blogger is:
"A Web site launched in 1999 from Pyra Labs, San Francisco, CA (www.blogger.com) that provides the tools for creating blogs (Weblogs). After users select a pre-designed template or create one with their look and feel, every posting entered on Blogger is published to the Blogger page on their Web site automatically. In early 2003, Blogger was acquired by Google. "


So, in simple terms, Blogger is a free site where you can make blogs (a kind of sites) where you can write about everything you want - from personal life to discussing about your political views, or relating your experience in a topic of interest.

How to create a blogger blog?

Go to Blogger.com homepage and click on the "Get Started" button

blogger tricks, tips, create a blog

Enter your Gmail acount details (your gmail address and pasword) and then press "Sign in"

blogger, create blog, web design

Enter the name you want to appear on your blog - check the "Agree to Terms and Conditions"
Click on the "New Blog" button

web hosting, forum, design, blogger blogspot

Enter your blog title and the address of your new blog, choose a template (Simple Template is more easily to customize, so i recommend you to choose this one) then click on "Create Blog!"

Now that your blog has been created, you can start blogging. That's all :)2013, By: Seo Master

seo What is blogger and how you can create a blogger blog? 2013

Mengikuti kontes seo yang bertajuk sewa ruang kantor jakarta murah hanya mencoba peruntungan belaka. Sebagai blogger newbie dan minim pengalaman ditambah ikut kontes seo 4 hari sebelum finish terasa sangat berat. Hanya keajaiban saja mungkin jika hasil serp blog ku ini bagus di serp.

Hanya penasaran aja apa yang di sebut para pakar seo tentang google honeymoon atau bulan madu, fenomena dimana

seo Iseng ikut kontes sewa ruang kantor jakarta murah 2013

Powered by Blogger.
Design by Dev Nasser