Contohnya bisa dilihat disini
* Login ke blogger
* Masuk ke rancangan dan pilih Edit HTML
* Copy kode jQuery dibawah ini sebelum atau diatas kode <head>
<link charset='utf-8' href='https://sites.google.com/site/jayanaktkj/fixedmenu/style.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7243260-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
* Terakhir cari kode <body> dan letakkan kode dibawah ini sebelum atau diatas kode <body> ini kodenya:
<div class='header'/>
<ul id='navigation'>
<li class='home'><a href='alamat url'><span>Beranda</span></a></li>
<li class='about'><a href='http://www.blogger.com/profile/10996701309860975254'><span>Tentang</span></a></li>
<li class='search'><a href='alamat url'><span>Cari</span></a></li>
<li class='photos'><a href='alamat url'><span>Foto</span></a></li>
<li class='rssfeed'><a href='alamat url'><span>Rss Feed</span></a></li>
<li class='podcasts'><a href='alamat url'><span>Podcasts</span></a></li>
<li class='contact'><a href='alamat url'><span>Kontak</span></a></li>
</ul>
<script src='http://tympanus.net/Tutorials/FixedNavigationTutorial2/jquery-1.3.2.js' type='text/javascript'/>
<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>
* Ganti alamat url dengan alamat url kalian masing
Tidak ada komentar:
Posting Komentar