Menu Blogspot edisi 2 melayang atas kanan layar untuk screenshotnya lihat gambar dibawah ini :
Coding :
-------------------------------------------------------
<link href='https://sites.google.com/site/oyotcsscss/lemarioyotcss/styleoyoteds2.css' rel='stylesheet'/>
<script src="https://sites.google.com/site/wongnewbieblogspotcom/home/oyotjs/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<ul id="navigation">
<li class="home"><a href="http://wongnewbie.blogspot.com"><span>Home</span></a></li>
<li class="about"><a href=""><span>About</span></a></li>
<li class="search"><a href=""><span>Search</span></a></li>
<li class="photos"><a href=""><span>Photos</span></a></li>
<li class="rssfeed"><a href=""><span>Rss Feed</span></a></li>
<li class="podcasts"><a href=""><span>Podcasts</span></a></li>
<li class="contact"><a href=""><span>Contact</span></a></li>
</ul>
Cara Memasang Coding Menu :
-------------------------------------------------------
Loging ke bloger dulu kemudian pilih layout Kemudian klick add gadget:
Kemudian pilih javascript
Kemudian Akan Muncul Halaman Seperti ini :
Setelah itu Paste coding di atas ini pada content, contoh lihat gambar dibawah ini :
Kemudian Klick Save dan lihat Hasilnya
Coding :
-------------------------------------------------------
<link href='https://sites.google.com/site/oyotcsscss/lemarioyotcss/styleoyoteds2.css' rel='stylesheet'/>
<script src="https://sites.google.com/site/wongnewbieblogspotcom/home/oyotjs/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<ul id="navigation">
<li class="home"><a href="http://wongnewbie.blogspot.com"><span>Home</span></a></li>
<li class="about"><a href=""><span>About</span></a></li>
<li class="search"><a href=""><span>Search</span></a></li>
<li class="photos"><a href=""><span>Photos</span></a></li>
<li class="rssfeed"><a href=""><span>Rss Feed</span></a></li>
<li class="podcasts"><a href=""><span>Podcasts</span></a></li>
<li class="contact"><a href=""><span>Contact</span></a></li>
</ul>
Cara Memasang Coding Menu :
-------------------------------------------------------
Loging ke bloger dulu kemudian pilih layout Kemudian klick add gadget:
Kemudian pilih javascript
Kemudian Akan Muncul Halaman Seperti ini :
Setelah itu Paste coding di atas ini pada content, contoh lihat gambar dibawah ini :
Kemudian Klick Save dan lihat Hasilnya