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.
pada account anda.
.
.
.
<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").val("");
}
});
}
})(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/AVvXsEgQJnP-jp1fVya_Ky07maTq98zFK7giBMOR5dhM9OUOpzfRFl7PZcx7nPAt_jXN5NkOpUvYX_O3xfEI1KAtoi4tsLhDRo9-rsRiW0Yx6_cRzJ1wj72y25x7G9TiiNArKqW_bxsZZNTHV7Lk/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://tips-untuk-blogger.blogspot.com/">Home</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Contact</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Pesan Blog</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Pasang Iklan</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Tukar Link</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">About</a></li>
<li><a href="
http://tips-untuk-blogger.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://tips-untuk-blogger.blogspot.com/">Home</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Contact</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Pesan Blog</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Pasang Iklan</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">Tukar Link</a></li>
<li><a href="
http://tips-untuk-blogger.blogspot.com/">About</a></li>
<li><a href="
http://tips-untuk-blogger.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>
0
komentar
tinggi gambar dengan 
tinggi gambar dengan 
