Jika sobat tidak keberatan, silahkan tampilkan menu navigasi ini pada
blog sobat. Mungkin saya tidak perlu lagi untuk menjelaskan kelebihan
dan kekurangan dari menu navigasi ini. Sobat bisa langsung berkunjung ke
situs Indowebster.com untuk melihat seperti apa menu navigasi yang akan
kita pelajari hari ini.
Oke sobat blogger, saatnya kita beraksi untuk membuat menu navigasi ini.
<script
language='javascript'>(function($){$.fn.idwsAnn=function(){var
obj=$(this);var line=obj.find(".go_noticeFeeds");var
theNews=$(this).find(".go_noticeFeeds").find("dd");var
iLength=theNews.length;var
theToggle=obj.find(".go_noticeButton");var
bT=theToggle.find("span");var bH=" ALL
NOTICES";var
rowList=$(".go_noticeFeedsAll");var r;var i=0;var
f={fade:function(n,theObj){var
activated=obj.find(".active").attr("status");obj.find(".active").removeClass("active");theNews.eq(activated-1).fadeOut("fast",function(){theObj.addClass("active");theNews.eq(n-1).fadeIn()})},auto:function(){if(iLength>1)r=new
f.restartTime(function(){f.repeat()},3000)},repeat:function(){i+=1;if(i>(iLength-1))i=0;f.fade(i+1,theNews.eq(i))},restartTime:function(callback,delay){var
timerId,start,remaining=delay;this.pause=function(){window.clearTimeout(timerId);remaining-=new
Date()-start};var resume=function(){start=new
Date();timerId=window.setTimeout(function(){remaining=delay;resume();callback()},remaining)};this.stop=function(){window.clearTimeout(timerId)};this.resume=resume;this.resume()}};f.auto();rowList.click(function(e){});theToggle.click(function(e){if(line.hasClass("close")){line.removeClass("close");rowList.fadeOut();bT.html("SHOW"+bH);r.resume()}else{line.addClass("close");rowList.fadeIn();bT.html("HIDE"+bH);r.pause()};return
false});$("html").click(function(){if(line.hasClass("close")){line.removeClass("close");rowList.fadeOut();bT.html("SHOW"+bH);r.resume()}})}})(jQuery)</script>
<script
language='javascript'>(function($){$.fn.goUserSettings=function(){var
o=$(this);var
c=o.find(".go_userProfileSettingsContent");var
i=o.find("img");var
iO=i.attr("src");var
n=0;o.click(function(){if(o.hasClass("active")){c.fadeOut();o.removeClass("active");iN=iO.replace("_black.png",".png");i.attr("src",iN)}else{c.fadeIn();o.addClass("active");iN=iO.replace(".png","_black.png");i.attr("src",iN)}});$("html").click(function(){if(n==1){c.fadeOut();o.removeClass("active");iN=iO.replace("_black.png",".png");i.attr("src",iN);n=0}else
n=1})}})(jQuery)</script>
<script
language='javascript'>(function($){$.fn.goSearch=function(){var
o=$(this);var
s=o.find(".go_headerSearchSectionSelected");var
l=o.find(".go_headerSearchSectionOptions");var
b=o.find(".go_headerSearchButton");var
t=o.find("input");var
d=l.find("dd");s.click(function(){l.fadeIn("slow")});l.mouseleave(function(){l.fadeOut()});d.click(function(){if(!$(this).hasClass("disabled")){var
v=$(this).attr("value");var
h=$(this).html();s.attr("value",v).html(h);l.fadeOut()}});t.focus(function(){if($(this).val()=="Tips
Blogspot
Search")$(this).val("")});t.blur(function(){if($(this).val()=="")$(this).val("Tips
Blogspot Search")});t.keydown(function(event){var
k=(event.keyCode?event.keyCode:(event.which?event.which:event.charCode));var
c=s.attr("value");var
v=$(this).val();if(k==13){if(v=="Tips Blogspot
Search"||v==""){alert("You
didn't enter any keyword");return
false};if(c!="all")c="category/"+c;window.location="http://idesainer.blogspot.com/search"+c+"/"+v;return
false}else return true});b.click(function(){var
v=t.val();if(v=="Tips Blogspot
Search"||v==""){alert("You
didn't enter any keyword");return false};var
c=s.attr("value");if(c!="all")c=""+c;window.location="http://idesainer.blogspot.com/search"+c+"/"+v})}})(jQuery)</script>
<div id="mainLoading"
style="display:none"
class="al_c"></div>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$(function () {
$('.go_backTopButton').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<script language="JavaScript" type="text/javascript">
(function($){
$.fn.goNotification = function(){
var o = $(this);
var t = o.hasClass("go_userProfileGlobal") ? "Global" : "Message";
var p = o.parent();
var i = o.children("img");
var c = p.children(".go_notificationContainer");
var l = o.find("ul").find("li");
var n = 0;
var a = $.makeArray(l);
var compare;
var arw = "<img
src="http://g.idws-static.com/img/layout/notification_arrow.png"
class="goNotificationArrow
goArrow"+t+"" />";
var f = {
create:function(obj){
c.append(arw);
for (var j=0;j<a.length;j++)
{
c.append(a[j]);
}
c.fadeIn();
c.addClass("open");
$("#notifHelper").val(obj.closest("li").attr('class').split(' ')[0]);
},
remove:function(obj){
c.html("");
c.hide();
c.removeClass("open");
}
};
i.click(function(){
if(c.hasClass("open") &&
$("#notifHelper").val() ==
$(this).closest("li").attr('class').split(' ')[0]){
f.remove($(this));
} else if(c.hasClass("open")){
f.remove($(this));
f.create($(this));
} else {
f.create($(this));
}
return false;
});
$("html").click(function(){
if (c.hasClass("open")){
c.html("");
c.fadeOut();
c.removeClass("open");
$("#notifHelper"
}
});
}
})(jQuery);
</script>
<a name="go_top"></a>
<header id="go_header">
<div id="go_headerContainerNavigation">
<div class="container_12 go_headerContent"
style="background-image:url('http://g.idws-static.com/img/layout/portal_logo.png')">
<nav class="go_headerUserProfile">
<ul class="go_headerUserProfileNavigation">
<input id="notifHelper"
type="hidden" value=""/>
<ul class="go_notificationContainer"></ul>
<li><a
href="http://www.blogger.com">Register</a></li>
<li><a
href="http://www.blogger.com">Login</a></li>
</ul>
</nav>
<div class="go_headerLogo">
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_XMgrk6mPTWh6dGfc4vWyayjXYcCGUME-fIqfvONAOmqcm-0V0LcdnsQHH_ZTkDJ2WcrqMDvY3wcr8RlOcKxjbOzGCn-ciycZO-x8gyjmkiTb_lbU6D22EQvCd9yJN2B5lHAPaE-t_FLE/s1600/tips-blogspot-logo.png"
width="300" height="47"
title="Tips Blogspot" alt="Tips
Blogspot" />
</div>
<nav class="go_headerNavigation">
<ul>
<li><a href="
http://hariez-geforce.blogspot.com/">Home</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Contact</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Pesan Blog</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Pasang Iklan</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Tukar Link</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">About</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Sitemap</a></li>
</ul>
</nav>
<div class="go_headerSearch">
<input type="text" value="Tips Blogspot Search" />
<div
class="go_headerSearchSectionSelected"
value="all">All</div>
<dl class="go_headerSearchSectionOptions">
<dd value="all">All</dd>
<dd value="video">Video</dd>
<dd value="music">Music</dd>
<dd value="games">Games</dd>
<dd value="forum" class="disabled">Forum</dd>
</dl>
<div class="go_headerSearchButton"></div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="go_headerContainerNotice">
<div class="container_12 go_headerContent">
<div class="go_notice">
<div class="go_noticeTitle">NOTICES</div>
<div class="go_noticeFeeds">
<dd style="display:block"
class="active"
status="1"><a href="
http://tips-untuk-blogger.blogspot.com/">Terima kasih sudah berkunjung ke blog kami</a></dd>
</div>
<div
class="go_noticeButton"><span>SHOW
ALL NOTICES</span></div>
<div class="go_noticeFeedsAll">
<dd><a href="
http://tips-untuk-blogger.blogspot.com/">Terima kasih sudah berkunjung ke blog kami</a></dd>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</header>
<div id="go_bottomLine"></div>
<div id="go_headerFixedNavigation">
<nav id="go_leftNav">
<ul id="go_mainNav">
<li><a href="
http://hariez-geforce.blogspot.com/">Home</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Contact</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Pesan Blog</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Pasang Iklan</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Tukar Link</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">About</a></li>
<li><a href="
http://hariez-geforce.blogspot.com/">Sitemap</a></li>
</ul>
</nav>
<nav id="go_rightNav">
<a href="#" class="go_backTopButton">Back to Top</a>
</nav>
</div>
<script language='JavaScript' type='text/javascript'>$('.go_notice').idwsAnn();</script>
<script language='JavaScript'
type='text/javascript'>$('.go_userProfileSettings').goUserSettings();</script>
<script language='JavaScript'
type='text/javascript'>$('.go_userProfileGlobal').goNotification();</script>
<script language='JavaScript'
type='text/javascript'>$('.go_userProfileMessage').goNotification();</script>
<script language='JavaScript' type='text/javascript'>$(".go_headerSearch").goSearch();</script>
<script language='JavaScript' type='text/javascript'>
$(document).ready(function () {
var top = $('#go_bottomLine').position().top;
$(window).scroll(function (event) {
var y = $(this).scrollTop();
if (y >= top) {
if(!$('#go_headerFixedNavigation').hasClass('open')) {
$('#go_headerFixedNavigation').addClass('open');
$('#go_headerFixedNavigation').slideDown('fast');
}
} else {
if($('#go_headerFixedNavigation').hasClass('open') ){
$('#go_headerFixedNavigation').removeClass('open');
$('#go_headerFixedNavigation').slideUp('fast');
}
}
});
});
</script>
<section id='subHeader'>
<div class='container_12' id='subHeaderContainer'>
<div class='clear'/>
</div>
</section>
