LALU PASTEKAN KODE DI BAWAH INI
<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- *** MyCSSMenu copyright (c) 2007, MyCSSMenu. All Rights Reserved. -MyCSSMenu may be manually customized by editing this document, or open this web page using IE or Firefox to access the visual interface. --> <!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%--> <style type="text/css"> /*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/ .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;} /*!!!!!!!!!!! MyCSSMenu Styles [Please Modify!] !!!!!!!!!!!*/ /* MyCSSMenu 0 */ /*"""""""" (MAIN) Container""""""""*/ #qm0 { width:280px; background-color:transparent; } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:5px 15px 5px 20px; background-color:#CCCCCC; color:#111111; font-family:Arial; font-size:12px; text-decoration:none; font-weight:bold; border-color:#666666; } /*"""""""" (MAIN) Parent Items""""""""*/ #qm0 .qmparent { background-image:url("images/plus_main.gif"); background-repeat:no-repeat; background-position:9px 10px; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive, body #qm0 .qmactive:hover { background-color:#999999; color:#111111; text-decoration:underline; } /*"""""""" (SUB) Container""""""""*/ #qm0 div { padding:5px; margin:-2px 0px 0px -6px; background-color:#999999; border-width:1px; border-style:none; border-color:#666666; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a { padding:5px 50px 5px 20px; background-color:#999999; color:#111111; font-size:11px; font-weight:bold; border-width:0px; border-style:none; border-color:#000000; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover { color:#3F3F3F; text-decoration:none; } /*"""""""" (SUB) Parent Items""""""""*/ #qm0 div .qmparent { background-image:url("images/plus_sub.gif"); } /*"""""""" (SUB) Parent Hover State""""""""*/ #qm0 div .qmparent:hover { background-image:url("images/plus_sub_hover.gif"); } /*"""""""" (SUB) Active State""""""""*/ body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background-color:#CCCCCC; background-image:url("images/minus_sub.gif"); color:#111111; } /*"""""""" Individual Titles""""""""*/ #qm0 .qmtitle { padding:5px; margin:5px; background-color:#F81302; background-repeat:repeat; background-position:center bottom; color:#070908; font-family:Arial; font-size:5px; text-decoration:line-through; font-style:normal; font-weight:normal; text-align:center; border-width:5px; border-style:dashed; border-color:#08D201; } /*"""""""" Individual Horizontal Dividers""""""""*/ #qm0 .qmdividerx { border-top-width:1px; margin:0px; border-style:inset; border-color:#080700; } /*"""""""" (main) Rounded Items""""""""*/ #qm0 .qmritem span { border-color:#FF160E; background-color:#3F3F3F; background-image:url("images/minus_main.gif"); background-repeat:no-repeat; background-position:9px 5px; } /*"""""""" (main) Rounded Items Content""""""""*/ #qm0 .qmritemcontent { padding:0px 0px 0px 20px; } /*"""""""" (sub) Rounded Items""""""""*/ #qm0 div .qmritem span { border-color:#666666; background-color:#0A1BFA; } /*"""""""" (sub) Rounded Items Content""""""""*/ #qm0 div .qmritemcontent { padding:0px 0px 0px 4px; } /*"""""""" Sub Hover Fill Items [Static]""""""""*/ #qm0 div .qmhoverfill { background-color:#C0CAE3; } /*"""""""" Custom Rule""""""""*/ div#qm0 div div { margin:0px 0px 0px -6px; } </style><!-- Core MyCSSMenu Code --> <script type="text/javascript">/* <![CDATA[ */var qm_si,qm_li,qm_lo,qm_tt,qm_th,qm_ts,qm_la,qm_ic,qm_ib;var qp="parentNode";var qc="className";var qm_t=navigator.userAgent;var qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var qm_n=qm_t.indexOf("Netscape")+1;var qm_v=parseFloat(navigator.vendorSub);;function qm_create(sd,v,ts,th,oc,rl,sh,fl,ft,aux,l){var w="onmouseover";var ww=w;var e="onclick";if(oc){if(oc=="all"||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc=="all"||oc=="main"){ww=e;th=0;}}if(!l){l=1;qm_th=th;sd=document.getElementById("qm"+sd);if(window.qm_pure)sd=qm_pure(sd);sd[w]=function(e){qm_kille(e)};document[ww]=qm_bo;if(oc=="main"){qm_ib=true;sd[e]=function(event){qm_ic=true;qm_oo(new Object(),qm_la,1);qm_kille(event)};document.onmouseover=function(){qm_la=null;clearTimeout(qm_tt);qm_tt=null;};}sd.style.zoom=1;if(sh)x2("qmsh",sd,1);if(!v)sd.ch=1;}else if(sh)sd.ch=1;if(oc)sd.oc=oc;if(sh)sd.sh=1;if(fl)sd.fl=1;if(ft)sd.ft=1;if(rl)sd.rl=1;sd.style.zIndex=l+""+1;var lsp;var sp=sd.childNodes;for(var i=0;i<sp.length;i++){var b=sp[i];if(b.tagName=="A"){lsp=b;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};b.qmts=ts;if(l==1&&v){b.style.styleFloat="none";b.style.cssFloat="none";}}else if(b.tagName=="DIV"){if(window.showHelp&&!window.XMLHttpRequest)sp[i].insertAdjacentHTML("afterBegin","<span class='qmclear'> </span>");x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.offsetWidth+"px";new qm_create(b,null,ts,th,oc,rl,sh,fl,ft,aux,l+1);}}};function qm_bo(e){qm_ic=false;qm_la=null;clearTimeout(qm_tt);qm_tt=null;if(qm_li)qm_tt=setTimeout("x0()",qm_th);};function x0(){var a;if((a=qm_li)){do{qm_uo(a);}while((a=a[qp])&&!qm_a(a))}qm_li=null;};function qm_a(a){if(a[qc].indexOf("qmmc")+1)return 1;};function qm_uo(a,go){if(!go&&a.qmtree)return;if(window.qmad&&qmad.bhide)eval(qmad.bhide);a.style.visibility="";x2("qmactive",a.idiv);};;function qa(a,b){return String.fromCharCode(a.charCodeAt(0)-(b-(parseInt(b/2)*2)));};function qm_oo(e,o,nt){if(!o)o=this;if(qm_la==o&&!nt)return;if(window.qmv_a&&!nt)qmv_a(o);if(window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;if(!nt&&o.qmts){qm_si=o;qm_tt=setTimeout("qm_oo(new Object(),qm_si,1)",o.qmts);return;}var a=o;if(a[qp].isrun){qm_kille(e);return;}if(qm_ib&&!qm_ic)return;var go=true;while((a=a[qp])&&!qm_a(a)){if(a==qm_li)go=false;}if(qm_li&&go){a=o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li))qm_uo(qm_li);a=qm_li;while((a=a[qp])&&!qm_a(a)){if(a!=o[qp]&&a!=o.cdiv)qm_uo(a);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){var aw=b.offsetWidth;var ah=b.offsetHeight;var ax=b.offsetLeft;var ay=b.offsetTop;if(c[qp].ch){aw=0;if(c.fl)ax=0;}else {if(c.ft)ay=0;if(c.rl){ax=ax-c.offsetWidth;aw=0;}ah=0;}if(qm_o){ax-=b[qp].clientLeft;ay-=b[qp].clientTop;}if(qm_s2&&!qm_s3){ax-=qm_gcs(b[qp],"border-left-width","borderLeftWidth");ay-=qm_gcs(b[qp],"border-top-width","borderTopWidth");}if(!c.ismove){c.style.left=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}x2("qmactive",o,1);if(window.qmad&&qmad.bvis)eval(qmad.bvis);c.style.visibility="inherit";qm_li=c;}else if(!qm_a(b[qp]))qm_li=b[qp];else qm_li=null;qm_kille(e);};function qm_gcs(obj,sname,jname){var v;if(document.defaultView&&document.defaultView.getComputedStyle)v=document.defaultView.getComputedStyle(obj,null).getPropertyValue(sname);else if(obj.currentStyle)v=obj.currentStyle[jname];if(v&&!isNaN(v=parseInt(v)))return v;else return 0;};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e.stopPropagation&&!(qm_s&&e.type=="click"))e.stopPropagation();}/* ]]> */</script> <!-- Add-On Core Code (Remove when not using any add-on's) --> <style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/JavaScript">var qmad = new Object();qmad.bvis="";qmad.bhide="";</script> <!-- Add-On Settings --> <script type="text/JavaScript"> /******* Menu 0 Add-On Settings *******/ var a = qmad.qm0 = new Object(); // Tree Menu Add On a.tree_enabled = true; a.tree_sub_sub_indent = 3; a.tree_hide_focus_box = true; a.tree_auto_collapse = true; a.tree_collapse_animation = 1; a.tree_collapse_step_size = 5; </script> <!-- Add-On Code: Tree Menu --> <script type="text/javascript">/* <![CDATA[ */qmad.br_navigator=navigator.userAgent.indexOf("Netscape")+1;qmad.br_version=parseFloat(navigator.vendorSub);qmad.br_oldnav=qmad.br_navigator&&qmad.br_version<7.1;qmad.tree=new Object();if(qmad.bvis.indexOf("qm_tree_item_click(b.cdiv);")==-1){qmad.bvis+="qm_tree_item_click(b.cdiv);";qm_tree_init_styles();}if(window.attachEvent)window.attachEvent("onload",qm_tree_init);else if(window.addEventListener)window.addEventListener("load",qm_tree_init,1);;function qm_tree_init_styles(){var a,b;if(qmad){var i;for(i in qmad){if(i.indexOf("qm")!=0||i.indexOf("qmv")+1)continue;var ss=qmad[i];if(ss.tree_width)ss.tree_enabled=true;if(ss&&ss.tree_enabled){var az="";if(window.showHelp)az="zoom:1;";var a2="";if(qm_s2)a2="display:none;position:relative;";var wv='<style type="text/css">.qmistreestyles'+i+'{} #'+i+'{position:relative !important;} #'+i+' a{float:none !important;white-space:normal !important;position:static !important}#'+i+' div{width:auto !important;left:0px !important;top:0px !important;overflow:hidden !important;'+a2+az+'border-top-width:0px !important;border-bottom-width:0px !important;margin-left:0px !important;margin-top:0px !important;}';if(ss.tree_sub_sub_indent)wv+='#'+i+' div div{padding-left:'+ss.tree_sub_sub_indent+'px}';document.write(wv+'</style>');}}}};function qm_tree_init(event,spec){var q=qmad.tree;var a,b;var i;for(i in qmad){if(i.indexOf("qm")!=0||i.indexOf("qmv")+1||i.indexOf("qms")+1||(!isNaN(spec)&&spec!=i))continue;var ss=qmad[i];if(ss&&ss.tree_enabled){q.estep=ss.tree_expand_step_size;if(!q.estep)q.estep=1;q.cstep=ss.tree_collapse_step_size;if(!q.cstep)q.cstep=1;q.acollapse=ss.tree_auto_collapse;q.no_focus=ss.tree_hide_focus_box;q.etype=ss.tree_expand_animation;if(q.etype)q.etype=parseInt(q.etype);if(!q.etype)q.etype=0;q.ctype=ss.tree_collapse_animation;if(q.ctype)q.ctype=parseInt(q.ctype);if(!q.ctype)q.ctype=0;if(qmad.br_oldnav){q.etype=0;q.ctype=0;}qm_tree_init_items(document.getElementById(i));}i++;}};function qm_tree_init_items(a,sub){var w,b;var q=qmad.tree;var aa;aa=a.childNodes;for(var j=0;j<aa.length;j++){if(aa[j].tagName=="A"){if(aa[j].cdiv){aa[j].cdiv.ismove=1;aa[j].cdiv.qmtree=1;}if(!aa[j].onclick){aa[j].onclick=aa[j].onmouseover;aa[j].onmouseover=null;}if(q.no_focus){aa[j].onfocus=function(){this.blur();};}if(aa[j].cdiv)new qm_tree_init_items(aa[j].cdiv,1);if(aa[j].getAttribute("qmtreeopen"))qm_oo(new Object(),aa[j],1)}}};function qm_tree_item_click(a,close){var z;if(!a.qmtree&&!((z=window.qmv)&&z.loaded)){var id=qm_get_menu(a).id;if(window.qmad&&qmad[id]&&qmad[id].tree_enabled)x2("qmfh",a,1);return;}if((z=window.qmv)&&(z=z.addons)&&(z=z.tree_menu)&&!z["on"+qm_index(a)])return;x2("qmfh",a);var q=qmad.tree;if(q.timer)return;qm_la=null;q.co=new Object();var levid="a"+qm_get_level(a);var ex=false;var cx=false;if(q.acollapse){var mobj=qm_get_menu(a);var ds=mobj.getElementsByTagName("DIV");for(var i=0;i<ds.length;i++){if(ds[i].style.position=="relative"&&ds[i]!=a){var go=true;var cp=a[qp];while(!qm_a(cp)){if(ds[i]==cp)go=false;cp=cp[qp];}if(go){cx=true;q.co["a"+i]=ds[i];qm_uo(ds[i],1);}}}}if(a.style.position=="relative"){cx=true;q.co["b"]=a;var d=a.getElementsByTagName("DIV");for(var i=0;i<d.length;i++){if(d[i].style.position=="relative"){q.co["b"+i]=d[i];qm_uo(d[i],1);}}a.qmtreecollapse=1;qm_uo(a,1);if(window.qm_ibullets_hover)qm_ibullets_hover(null,a.idiv);}else {ex=true;if(qm_s2)a.style.display="block";a.style.position="relative";q.eh=a.offsetHeight;a.style.height="0px";x2("qmfv",a,1);x2("qmfh",a);a.qmtreecollapse=0;q.eo=a;}qmwait=true;qm_tree_item_expand(ex,cx,levid);};function qm_tree_item_expand(expand,collapse,levid){var q=qmad.tree;var go=false;var cs=1;if(collapse){for(var i in q.co){if(!q.co[i].style.height&&q.co[i].style.position=="relative"){q.co[i].style.height=(q.co[i].offsetHeight)+"px";q.co[i].qmtreeht=parseInt(q.co[i].style.height);}cs=parseInt((q.co[i].offsetHeight/parseInt(q.co[i].qmtreeht))*q.cstep);if(q.ctype==1)cs=q.cstep-cs+1;else if(q.ctype==2)cs=cs+1;else if(q.ctype==3)cs=q.cstep;if(q.ctype&&parseInt(q.co[i].style.height)-cs>0){q.co[i].style.height=parseInt(q.co[i].style.height)-cs+"px";go=true;}else {q.co[i].style.height="";q.co[i].style.position="";if(qm_s2)q.co[i].style.display="";x2("qmfh",q.co[i],1);x2("qmfv",q.co[i]);}}}if(expand){cs=parseInt((q.eo.offsetHeight/q.eh)*q.estep);if(q.etype==2)cs=q.estep-cs;else if(q.etype==1)cs=cs+1;else if(q.etype==3)cs=q.estep;if(q.etype&&q.eo.offsetHeight<(q.eh-cs)){q.eo.style.height=parseInt(q.eo.style.height)+cs+"px";go=true;if(window.qmv_position_pointer)qmv_position_pointer();}else {q.eo.qmtreeh=q.eo.style.height;q.eo.style.height="";if(window.qmv_position_pointer)qmv_position_pointer();}}if(go){q.timer=setTimeout("qm_tree_item_expand("+expand+","+collapse+",'"+levid+"')",10);}else {qmwait=false;q.timer=null;}};function qm_get_level(a){lev=0;while(!qm_a(a)&&(a=a[qp]))lev++;return lev;};function qm_get_menu(a){while(!qm_a(a)&&(a=a[qp]))continue;return a;}/* ]]> */</script> <noscript><span style="font-size:13px;font-family:arial;"><span style="color:#dd3300">Warning!</span>  MyCSSMenu may have been blocked by IE-SP2's active content option. This browser feature blocks JavaScript from running locally on your computer.<br /><br />This warning will not display once the menu is on-line. To enable the menu locally, click the yellow bar above, and select <span style="color:#0033dd;">"Allow Blocked Content"</span>.<br /><br />To permanently enable active content locally...<div style="padding:0px 0px 30px 10px;color:#0033dd;"><br />1: Select 'Tools' --> 'Internet Options' from the IE menu.<br />2: Click the 'Advanced' tab.<br />3: Check the 2nd option under 'Security' in the tree (Allow active content to run in files on my computer.)</div></span></noscript> <!--Open Visual Interface Button--> <a style="font-size:13px;color:#444444;font-family:arial;text-decoration:none;display:block;margin-bottom:25px;" id="qmv_open_visual_interface" href="javascript:javascript:if (qm_s3){window.name='qm_launch_visual';window.location = window.location.href;}else{var qmnw = window.open(window.location.href,'qm_launch_visual','scrollbars=no,location=no,status=yes,menu=no,toolbar=no,resizable=yes');if (window.focus) {qmnw.focus()}}"><span style="color:#dd3300;"> <!-- MyCSSMenu Structure [Menu 0] --> <div id="qm0" class="qmmc"> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU 1</a> <div> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> </div> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU 2</a> <div> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0)">MENU</a> <span class="qmdivider qmdividerx" ></span> </div> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0);">MENU 3</a> <span class="qmdivider qmdividerx" ></span> <div> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0);">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0);">MENU</a> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0);">MENU</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0);">MENU</a> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0);">MENU</a> <span class="qmdivider qmdividerx" ></span> </div> <span class="qmclear"> </span></div> <!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all' or 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) --> <script type="text/javascript">qm_create(0,false,0,500,'all',false,false,false,true);</script> <!-- This script references optionally loads the MyCSSMenu visual interface, to run the menu stand alone remove the script.--> <script type="text/javascript">if (window.name=="qm_launch_visual"){document.write('<scr'+'ipt type="text/javascript" src="http://www.mycssmenu.com/qmv6/qm_visual.js"></scr'+'ipt>')}</script> </span></a></!doctype>
ADIK BISA MENAMBAH KOLOM MENU,,SERTA KOLOM POSTING,,,
SAYA BERI CONTOH MELETAKKAN URL DAN JUDUL POSTING
UNTUK KODE INI : <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0);">MENU ( YG AKAN TAMPIL SEBAGAI DAFTAR ISI) 3</a> <span class="qmdivider qmdividerx" ></span> <div>
TAK USAH DI BERI ALAMAT URL
BIARKAN SAJA BEGINI,,,
YG PERLU ADIK UBAH ADALAH ( MENU )
DAN HAPUS TULISAN INI :( YG AKAN TAMPIL SEBAGAI DAFTAR ISI)
=======================================
<span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0);">MENU</a>
YG TELAH SAYA GARIS BAWAHI ADALAH: URL POSTINGAN ADIK
=========================================== <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="javascript:void(0);">MENU</a>
YG BERGARIS BAWAH ADALAH : JUDUL POSTING ADIK
SAYA BERI CONTOH :
<span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0);">GENERATOR</a> <span class="qmdivider qmdividerx" ></span> <div> <span class="qmdivider qmdividerx" ></span> <a class="qmstripe" href="http://ilham-frame.blogspot.com/2011/12/convert-kode-html.html;">convert kode html</a> <span class="qmdivider qmdividerx" ></span> <a href="javascript:void(0);">MENU</a>
KALAU TAK MENGERTI BERTANYA AJA,,,,
SAYA BERHARAP MOGA DI MENGERTI,,,
SALAM
POSTINGAN DI ATAS , HASIL JERIH PAYAH SENDIRI,,
BalasHapusBUKAN COPY PASTE DARI BLOG LAIN.
kerenlah bang. apalagi buat sendiri.
BalasHapusmampir ya bg di http://www.tugaselesai.com