Cara Bikin Menu Show Hide Di Samping Blog

Kali ini saya coba berbagi informasi tentang cara bikin menu show hide yang terletak di sebelah kanan blog.Cod yang ini saya dapatkan dari Google,,,Cara mebuatnya sangat gampang tanpa harus hack template.Jadi bagi anda yang tertarik untuk membuatnya silahkan ikuti cara-cara dibawah ini;
Masuk keblogger
Pilih design->> Page Element
Add a Gadget
Pilih HTML/Javascript
Dan copy paste kode ini.

<script><br /> if (typeof window.attachEvent=='object'){<br /> document.write('<!--[if lte IE 6]>n'+<br /> '<script type="text/javascript">n'+<br /> 'var ie6_or_less=1;n'+<br /> '</script>n'+<br /> '<![endif]-->n'+<br /> '<!--[if lt IE 5.5]>n'+<br /> '<script type="text/javascript">n'+<br /> 'var less_than_ie5_5=1;n'+<br /> '</script>n'+<br /> '<![endif]-->')<br /> }<br /> <br /> var menu=[], resizereinit=true;<br /> function truebody(){<br /> return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;<br /> }<br /> <br /> function getedge(o, is_top){<br /> var edge;<br /> if (is_top)<br /> edge=window.pageYOffset? window.pageYOffset : truebody().scrollTop? truebody().scrollTop : 0;<br /> else{<br /> edge=o.menupos=='left'? 0 : truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth : window.innerWidth? window.innerWidth-20 : 0;<br /> edge+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;<br /> }<br /> return edge;<br /> }<br /> <br /> function keep_in_view(o){<br /> if(o.keepinview){<br /> if(o.m.ft){<br /> o.m.ft=0;<br /> o.m.topP=o.m.offsetTop;<br /> o.m.ltop=0;<br /> }<br /> var pt=getedge(o, 'top'), ks=typeof o.keepinview=='number'&&o.keepinview<o.m.topP&&o.keepinview>0? o.keepinview : o.m.topP, smooth=0;<br /> if (pt!=o.m.ltop){<br /> if(o.menupos=='top')<br /> o.m.style.visibility='hidden';<br /> smooth = pt>o.m.topP-ks? .2 * (pt - o.m.ltop - o.m.topP + ks) : o.m.ltop>0? -.2 * o.m.ltop : 0;<br /> smooth = smooth > 0 ? Math.ceil(smooth) : Math.floor(smooth);<br /> }<br /> else if(o.menupos=='top')<br /> o.m.style.visibility='';<br /> o.m.style.top=(o.m.style.top? parseInt(o.m.style.top) : o.m.topP)+smooth+'px';<br /> o.m.ltop += smooth;<br /> }<br /> if(o.menupos=='top'){<br /> if(typeof o.menuleft=='string'){<br /> o.m.style.left=o.menuleft<br /> o.m.style.marginLeft=Math.floor(o.m.getElementsByTagName('div')[0].offsetWidth/-2)+'px';<br /> o.lleft=o.m.offsetLeft;<br /> }<br /> o.m.style.marginLeft=0;<br /> o.m.style.left=o.lleft+(window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0)+'px';<br /> }<br /> else<br /> o.m.style.left=getedge(o)-(o.menupos=='right'? o.m.offsetWidth : 0)+'px';<br /> }<br /> function move(el, num){<br /> el.getElementsByTagName('div')[0].style[el.menupos]=parseInt(el.getElementsByTagName('div')[0].style[el.menupos])+num+'px';<br /> if(el.menupos=='right'){<br /> if(el.kviewtype=='absolute')<br /> el.style.left=parseInt(el.style.left)-num+'px';<br /> el.style.width=parseInt(el.style.width)+num+'px';<br /> }<br /> if(num>0)<br /> el.moving=setTimeout(function(){movein(el)}, el.menuspeed)<br /> else<br /> el.moving=setTimeout(function(){moveout1(el)}, el.menuspeed)<br /> }<br /> function movein(el){<br /> var m1=parseInt(el.getElementsByTagName('div')[0].style[el.menupos]);<br /> if(el.moving)<br /> clearTimeout(el.moving);<br /> if (m1<-1*el.borderwidth)<br /> move(el, Math.min(-1*m1-el.borderwidth, 10));<br /> }<br /> function moveout(el){<br /> if(el.moving)<br /> clearTimeout(el.moving);<br /> el.moving=setTimeout(function(){moveout1(el)}, el.menupause);<br /> }<br /> function moveout1(el){<br /> var aw=el.menupos=='top'? el.b.offsetHeight : el.b.offsetWidth, m1=el.getElementsByTagName('div')[0];<br /> if(el.moving)<br /> clearTimeout(el.moving);<br /> if (parseInt(m1.style[el.menupos])>aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+10)<br /> move(el, -10);<br /> else {<br /> m1.style[el.menupos]=aw-(el.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px';<br /> if(el.menupos=='right'){<br /> el.style.width=aw+'px';<br /> if(el.kviewtype=='absolute'){<br /> var ed=truebody().clientWidth? truebody().clientWidth : window.innerWidth&&truebody().offsetHeight<=window.innerHeight? window.innerWidth : window.innerWidth? window.innerWidth-20 : 0;<br /> ed+=window.pageXOffset? window.pageXOffset : truebody().scrollLeft? truebody().scrollLeft: 0;<br /> el.style.left=ed-el.offsetWidth+'px';<br /> }<br /> }<br /> }<br /> }<br /> function to_em(n, o){<br /> return Math.round((n/(16*parseInt(o.fontsize)/100))*1000)/1000;<br /> }<br /> function getrows(o){<br /> var r=o.menuItems.length+(o.wrapbar? 1 : 0);<br /> for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++)<br /> if (o.menuItems[i_tem][4]&&o.menuItems[i_tem][4]=='no')<br /> r--;<br /> return r;<br /> }<br /> function make_bar(o){<br /> var bt=o.menupos=='right'||o.menupos=='top'? '<tr>' : '';<br /> bt+='<td id="'+o.id+'bar" '+(o.menupos=='top'? 'colspan="'+o.d_colspan : 'rowspan="'+getrows(o))+'">'<br /> if (!/<img/.test(o.bartext.toLowerCase())){<br /> for (var i_tem = 0; i_tem < o.bartext.length-(o.menupos=='top'? 1 : 0); i_tem++)<br /> bt+=o.menupos=='top'&&o.bartext.charAt(i_tem)==' '? 'u00a0 ' : o.menupos=='top'? o.bartext.charAt(i_tem)+' ' : '<br>'+o.bartext.charAt(i_tem);<br /> bt+=o.menupos=='top'? o.bartext.charAt(o.bartext.length-1)+'</td>' : '<br>u00a0</td>';<br /> }<br /> else<br /> bt+=o.bartext+'</td>'<br /> return bt+(o.menupos=='right'? 'n' : '</tr>n');<br /> }<br /> <br /> function make_style(o){<br /> if(o.user_defined_stylesheet&&!o.design_mode)<br /> return '';<br /> var sheet=''<br /> sheet+='#'+o.id+' {n'+<br /> (o.menupos=='top'? 'top:0;n' : 'top:'+o.menutop+'px; /*set initial Height from top*/n')+<br /> (o.menupos=='top'? 'left:'+o.menuleft+(typeof o.menuleft=='number'? 'px' : '')+';n' : '')+<br /> (o.menupos=='right'&&o.kviewtype=='fixed'? 'right:0;n' : '')+<br /> 'position:'+o.kviewtype+';n'+<br /> 'overflow:'+(o.menupos=='right'? 'hidden' : 'visible')+';n'+<br /> 'z-index:100;n'+<br /> (o.menupos=='left'? 'left:0;n' : '')+<br /> '}n'+<br /> '#'+o.id+' div {n'+<br /> 'border-width:'+(typeof o.outbrdwidth=='number'? o.outbrdwidth+'px' : o.outbrdwidth)+'; /*Menu's outer border*/n'+<br /> 'border-style:'+o.outbrdstyle+';n'+<br /> (o.outbrdcolor=='none'? '' : 'border-color:'+o.outbrdcolor+';n')+<br /> 'position:absolute;n'+<br /> 'color:black;n'+<br /> 'background-color:transparent;n'+<br /> '}n'+<br /> '#'+o.id+' table {n'+<br /> 'border:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+'; /*Menu's inner border*/n'+<br /> (o.menupos=='top'? 'border-left-width:0;n' : '')+<br /> (o.menupos=='top'? 'border-bottom-width:0;n' : '')+<br /> 'font-family:'+o.menufont+', sans-serif; /*Overall font for Menu*/n'+<br /> 'font-size:'+o.fontsize+';n'+<br /> 'border-collapse:collapse;n'+<br /> 'background-color:'+(o.allowtransparent? 'transparent' : o.bordercolor)+';n'+<br /> 'width:'+to_em(o.barwidth+o.hdingwidth+o.borderwidth*(o.d_colspan+2), o)+'em;n'+<br /> '}n'+<br /> '#'+o.id+' td { /*Characteristics for cells in the menu table - do not specify width here*/n'+<br /> 'border-bottom:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';n'+<br /> 'border-left:'+o.borderwidth+'px '+o.borderstyle+' '+o.bordercolor+';n'+<br /> 'height:'+to_em(o.linkheight, o)+'em;n'+<br /> 'padding:0;n'+<br /> 'margin:0;n'+<br /> 'text-align:'+o.linktxtalign+';n'+<br /> '}n'+<br /> '#'+o.id+' #'+o.id+'bar { /*Characteristics for initially visible 'draw' bar (the vertical cell)*/n'+<br /> (o.menupos=='top'? 'height:' : 'width:')+to_em(o.barwidth+(document.all||o.menupos=='top'? o.borderwidth*2 : 0), o)+'em;n'+<br /> 'background-color:'+o.barbgcolor+';n'+<br /> 'color:'+o.barcolor+';n'+<br /> 'font-weight:'+o.barfontweight+';n'+<br /> 'text-align:'+o.baralign+';n'+<br /> (o.menupos=='top'? '' : 'border-width:0;n')+<br /> 'cursor:default;n'+<br /> '}n'+<br /> '#'+o.id+' .heading { /*Characteristics for heading cells in the menu table*/n'+<br /> 'height:'+to_em(o.hdingheight, o)+'em;n'+<br /> 'color:'+o.hdingcolor+';n'+<br /> 'font-weight:'+o.hdingfontweight+';n'+<br /> 'text-indent:'+o.hdingindent+'ex;n'+<br /> 'background-color:'+o.hdingbgcolor+'; /*Background Color for menu headings */n'+<br /> 'width:'+to_em(o.hdingwidth, o)+'em; /*This will be the menu body width. This'+(o.menupos!='top'? ' (plus #'+o.id+'bar width for left and right menus)' : '')+' and 4 times the border width should also be the menu table's approximate width*/n'+<br /> 'vertical-align:'+o.hdingvalign+';n'+<br /> 'text-align:'+o.hdingtxtalign+';n'+<br /> 'border-left-color:'+o.hdingbgcolor+';n'+<br /> 'border-left-style:solid;n'+<br /> '}n'+<br /> (o.wrapbar&&o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {n'+<br /> 'height:'+to_em(o.barwidth, o)+'em;n'+<br /> 'background-color:'+o.barbgcolor+';n'+<br /> 'border-width:0;n'+<br /> 'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;n'+<br /> '}n' : o.menupos!='top'? '#'+o.id+' #'+o.id+'lastrow {n'+<br /> 'border-bottom-width:0;n'+<br /> 'margin:0 0 '+o.borderwidth+'px '+o.borderwidth+'px;n'+<br /> '}n' : '')+<br /> '#'+o.id+' a {n'+<br /> 'width:100%;n'+<br /> 'height:100%;n'+<br /> 'display:block;n'+<br /> 'padding-top:'+to_em(o.linktopad, o)+'em;n'+<br /> '}n';<br /> if(o.design_mode){<br /> if(document.getElementById('ooostyle'))<br /> alert('Only one menu's script generated styles may be displayed at a time!nnCurrently showing '+document.getElementById('ooostyle').tell+''s stylesheetnn(or there is a syntax error - mostnu00a0u00a0u00a0u00a0likely in the menuItem.js file)');<br /> else{<br /> var isusing=o.user_defined_stylesheet? ' not' : '';<br /> var sw=(window.innerWidth? window.innerWidth : truebody().clientWidth)/1.5;<br /> document.write('<textarea id="ooostyle" cols="'+Math.floor(sw/8)+'" rows="65" wrap="off" style="margin-left:-'+Math.floor(sw/2)+'px;overflow:auto;position:absolute;top:10px;left:50%;z-index:1000;">n')<br /> document.write('/* '+o.id+''s Script Generated Styles: */n/* '+o.id+' is'+isusing+' currently using these via the script */nn'+sheet);<br /> document.write('n/* End '+o.id+''s Script Generated Styles */');<br /> document.write('</textarea>')<br /> document.getElementById('ooostyle').tell=o.id;<br /> }<br /> }<br /> if(!o.user_defined_stylesheet)<br /> return '<style type="text/css">n'+sheet+'</style>';<br /> return '';<br /> }<br /> function make_style_make_menu(o, s){<br /> if(s){<br /> if(!o.id) {alert('a unique id is required for each menu');return;};<br /> if(!o.menuItems||o.menuItems.constructor!=Array) {alert('an array of menu items is required for each menu');return;};<br /> if(!o.menutop) {o.menutop=150};<br /> if(!o.menuleft) {o.menuleft='50%'};<br /> if(!o.keepinview&&typeof o.keepinview=='boolean')<br /> o.keepinview=false;<br /> else if(!o.keepinview) {o.keepinview=30};<br /> if(!o.menuspeed) {o.menuspeed=20};<br /> if(!o.menupause) {o.menupause=500};<br /> if(!o.d_colspan) {o.d_colspan=2};<br /> if(!o.allowtransparent) {o.allowtransparent=false};<br /> if(!o.barwidth) {o.barwidth=22};<br /> if(!o.hdingwidth) {o.hdingwidth=149};<br /> if(!o.hdingheight) {o.hdingheight=22};<br /> if(!o.hdingindent) {o.hdingindent=1};<br /> if(!o.linkheight) {o.linkheight=16};<br /> if(!o.outbrdwidth) {o.outbrdwidth=0};<br /> if(!o.outbrdcolor) {o.outbrdcolor="none"};<br /> if(!o.outbrdstyle) {o.outbrdstyle="none"};<br /> if(!o.borderwidth) {o.borderwidth=1};<br /> if(!o.bordercolor) {o.bordercolor="black"};<br /> if(!o.borderstyle) {o.borderstyle="solid"};<br /> if(!o.barcolor) {o.barcolor="white"};<br /> if(!o.barbgcolor) {o.barbgcolor="#444444"};<br /> if(!o.barfontweight) {o.barfontweight="bold"};<br /> if(!o.baralign) {o.baralign="center"};<br /> if(!o.menufont) {o.menufont="verdana"};<br /> if(!o.fontsize) {o.fontsize="80%"};<br /> if(!o.hdingcolor) {o.hdingcolor="white"};<br /> if(!o.hdingbgcolor) {o.hdingbgcolor="#170088"};<br /> if(!o.hdingfontweight) {o.hdingfontweight="bold"};<br /> if(!o.hdingvalign) {o.hdingvalign="middle"};<br /> if(!o.hdingtxtalign) {o.hdingtxtalign="left"};<br /> if(!o.linktopad) {o.linktopad=0};<br /> if(!o.linktxtalign) {o.linktxtalign="left"};<br /> if(!o.linktarget) {o.linktarget=""};<br /> if(!o.menupos) {o.menupos="left"};<br /> if(!o.bartext) {o.bartext="SIDE MENU"};<br /> if(!o.user_defined_stylesheet) {o.user_defined_stylesheet=false};<br /> if(!o.user_defined_markup) {o.user_defined_markup=false};<br /> if(!o.design_mode) {o.design_mode=false};<br /> if(!o.wrapbar) {o.wrapbar=false};<br /> if(!o.kviewtype) {o.kviewtype='absolute'};<br /> if(typeof ie6_or_less!='undefined')<br /> o.kviewtype='absolute';<br /> else if(o.menupos=='top'&&o.kviewtype=='absolute')<br /> o.kviewtype='fixed';<br /> while(!o.menuItems[o.menuItems.length-1])<br /> o.menuItems.length=o.menuItems.length-1;<br /> document.write(make_style(o));<br /> return;<br /> }<br /> else {<br /> if(o.design_mode||!o.user_defined_markup){<br /> var hw=o.hdingwidth;<br /> <br /> var tb='<div id="'+o.id+'" onmouseover="movein(this);" onmouseout="moveout(this);"><div><table>n';<br /> tb+=o.menupos=='right'? make_bar(o) : '';<br /> for (var i_tem = 0; i_tem < o.menuItems.length; i_tem++){<br /> if ((o.menupos=='top'&&i_tem==0)||i_tem>0&&(!o.menuItems[i_tem-1][4]||o.menuItems[i_tem-1][4]!=='no'))<br /> tb+='<tr>'<br /> if (o.menuItems[i_tem][1]&&o.menuItems[i_tem][1]!==''){<br /> tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'"><a href="'+o.menuItems[i_tem][1]+'" target="'+(o.menuItems[i_tem][2]? o.menuItems[i_tem][2] : o.linktarget)+'">'+o.menuItems[i_tem][0]+'</a></td>'<br /> }<br /> else<br /> tb+='<td '+(i_tem==o.menuItems.length-1&&!o.wrapbar&&o.menupos!='top'? 'id="'+o.id+'lastrow" ' : '')+'class="heading" '+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''&&o.menuItems[i_tem][3]!==o.d_colspan? 'style="width:'+to_em(hw*o.menuItems[i_tem][3]/o.d_colspan, o)+'em;'+(i_tem>0&&o.menuItems[i_tem-1][4]&&o.menuItems[i_tem-1][4]=='no'? 'border-left-width:0;margin-left:'+o.borderwidth+'px;' : '')+'" ' : '')+'colspan="'+(o.menuItems[i_tem][3]&&o.menuItems[i_tem][3]!==''? o.menuItems[i_tem][3] : o.d_colspan)+'">'+o.menuItems[i_tem][0]+'</td>'<br /> if (!o.menuItems[i_tem][4]||o.menuItems[i_tem][4]!=='no')<br /> tb+=o.menupos=='left'&&i_tem==0? make_bar(o) : '</tr>n';<br /> }<br /> tb+=o.wrapbar&&o.menupos!='top'? '<tr><td id="'+o.id+'lastrow" colspan="'+o.d_colspan+'">u00a0</td></tr>n' : '';<br /> tb+=o.menupos=='top'? make_bar(o) : '';<br /> <br /> if(!o.user_defined_markup)<br /> document.write(tb+'</table></div></div>')<br /> }<br /> if(o.design_mode)<br /> document.getElementById('ooostyle').value+='nn<!-- The Markup for '+o.id+' -->nn'+tb+'</table></div></div>nn<!-- End '+o.id+''s Markup -->'<br /> o.m=document.getElementById(o.id);<br /> var b=document.getElementById(o.id+'bar');<br /> o.m.b=b;<br /> o.m.ft=1;<br /> o.m.menupos=o.menupos;<br /> o.m.menupause=o.menupause;<br /> o.m.menuspeed=o.menuspeed;<br /> o.m.borderwidth=o.borderwidth;<br /> o.m.kviewtype=o.kviewtype;<br /> resizevent(o);<br /> if(o.menupos=='top'&&typeof window.attachEvent=='object'&&typeof ie6_or_less!='undefined')<br /> window.attachEvent('onscroll', function(){o.m.style.visibility='hidden';});<br /> if(o.kviewtype=='absolute'&&(o.menupos!='top'||(typeof ie6_or_less!='undefined'&&typeof window.attachEvent=='object')))<br /> setInterval(function(){keep_in_view(o)}, 20)<br /> }<br /> }<br /> <br /> function resizevent(o){<br /> var m1=o.m.getElementsByTagName('div')[0], bo=o.menupos=='top'? o.m.b.offsetHeight : o.m.b.offsetWidth;<br /> m1.style[o.menupos]=bo-(o.menupos=='top'? m1.offsetHeight : m1.offsetWidth)+'px'<br /> if(o.menupos=='right'){<br /> if(o.kviewtype=='absolute')<br /> o.m.style.left=getedge(o)-o.m.offsetWidth+'px';<br /> o.m.style.width=bo+'px';<br /> o.m.style.height=m1.offsetHeight+'px';<br /> if(typeof less_than_ie5_5!='undefined'){<br /> o.m.onmouseover(o.m);<br /> o.m.onmouseout(o.m);<br /> }<br /> }<br /> if(o.menupos=='top'){<br /> o.m.style.width=m1.style.width=o.m.getElementsByTagName('table')[0].offsetWidth+'px';<br /> if(typeof o.menuleft=='string')<br /> o.m.style.marginLeft=Math.floor(m1.offsetWidth/-2)+'px';<br /> }<br /> }<br /> /*<br /> <br /> ONTEXTRESIZE EVENT SPOOFER<br /> <br /> Including this file in your page will allow you to assign a function<br /> to window.ontextresize, which will be called when the user changes the<br /> size of text on the page.<br /> <br /> Used with (as far as I know) permission from: http://forkandspoonhelmet.com/Fork_and_Spoon_Helmet<br /> <br /> */<br /> var ontextresizeLastSize = false;<br /> if (window.attachEvent) window.attachEvent("onload", initOntextresizeListener);<br /> else if (window.addEventListener) window.addEventListener("load", initOntextresizeListener, false);<br /> function initOntextresizeListener() {<br /> if(!resizereinit||typeof less_than_ie5_5!='undefined')<br /> return;<br /> var testDiv = document.createElement("div");<br /> testDiv.style.position = "absolute";<br /> testDiv.style.height = "1em";<br /> testDiv.style.width = "1em";<br /> testDiv.style.top = "-2em";<br /> testDiv.style.left = "-2em";<br /> var docTestDiv = document.body.appendChild(testDiv);<br /> docTestDiv.id = "ontextresizeTestDiv";<br /> ontextresizeListener = setInterval("ontextresizeCheckTestDiv()",100);<br /> }<br /> function ontextresizeCheckTestDiv() {<br /> if (ontextresizeLastSize!=document.getElementById("ontextresizeTestDiv").offsetWidth) {<br /> if (ontextresizeLastSize && window.ontextresize) window.ontextresize.call();<br /> ontextresizeLastSize = document.getElementById("ontextresizeTestDiv").offsetWidth;<br /> }<br /> }<br /> window.ontextresize=function(){<br /> for (var i_tem = 0; i_tem < menu.length; i_tem++)<br /> if(typeof menu[i_tem]!='undefined')<br /> resizevent(menu[i_tem]);<br /> };<br /> <br /> function make_menus(){<br /> if(document.getElementById){<br /> for (var i_tem = 0; i_tem < menu.length; i_tem++)<br /> if(typeof menu[i_tem]!='undefined')<br /> make_style_make_menu(menu[i_tem], 's');<br /> for (i_tem = 0; i_tem < menu.length; i_tem++)<br /> if(typeof menu[i_tem]!='undefined')<br /> make_style_make_menu(menu[i_tem]);<br /> }<br /> }<br /> </script><br /> <br /> <br /> <script><br /> <br /> /***********************************************<br /> * Omni Slide Menu script - © John Davenport Scheuer<br /> * very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus<br /> * This notice MUST stay intact for legal use<br /> * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code<br /> * as first mentioned in http://www.dynamicdrive.com/forums<br /> * username:jscheuer1<br /> ***********************************************/<br /> <br /> //One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended):<br /> resizereinit=true;<br /> <br /> menu[3] = {<br /> id:'menu3', //use unique quoted id (quoted) REQUIRED!!<br /> bartext:'MY MENU-COMPUTER TIPS',<br /> menupos:'right',<br /> kviewtype:'fixed',<br /> menuItems:[ // REQUIRED!!<br /> //[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header<br /> ["Menu"], //create header<br /> ["Kuliner","http://asn4.blogspot.com/search/label/Kuliner","_new"],<br /> ["Budaya","http://asn4.blogspot.com/search/label/Budaya","_new"],<br /> ["Tips dan Trik","http://asn4.blogspot.com/search/label/Tips dan Trik","_new"],<br /> ["","http://asn4.blogspot.com/search/label/","_new"],<br /> ["External Links", "", ""], //create header<br /> ["Free Game", "http://mycomputerdummies.blogspot.com/2010/04/free-download-naruto-gamessuper-mario.html", "_new"],<br /> ["Free download", "http://mycomputerdummies.blogspot.com/2010/03/free-download-drivers-and-updates-for.html", "_new"],<br /> ["Photo Gadget", "http://mycomputerdummies.blogspot.com/2010/03/how-to-install-gadgets-on-desktop-photo.html", "_new"], //no comma after last entry<br /> ["End"]<br /> ]}; // REQUIRED!! do not edit or remove<br /> <br /> ////////////////////Stop Editing/////////////////<br /> <br /> make_menus();<br /> <br /> </script>

Lalu simpan.
Silahkan anda modif sesuai dengan kebutuhan anda .
Selamat Mencoba.