Tuesday, November 29, 2011

Membuat menu Disamping Di Blogspot



Langsunga saja ya. Selain membuat menu di blog dengan cara  Menu horizontal ataupun Menu vertical yang telah saya posting sebelumnya. Saya akan memberikan menu dalam bentuk lain. Yaitu menu tersebut tersembunyi di bagian samping halaman blog anda, untuk cara lebih jelas anda cukup mengikuti cara-cara di bawah ini
















  1. Login ke www.blogger.com dengan akun anda
  2. Pilih rancangan
  3. Tambah gadget baru
  4. Pilih HTML / JavaScript
  5. Masukan kode diwah ini

<div class='sidebar section' id='sidebar'><div class='widget html' id='html10'><div class='widget-content'><script type="text/javascript">//Static Slide Menu 6.5 &#169; MaXimuS 2000-2001, All Rights Reserved.//Site: http://www.absolutegb.com/maximus//Script featured on Dynamic Drive (http://www.dynamicdrive.com)NS6 = (document.getElementById&&!document.all)IE = (document.all)NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") tempBar='';barBuilt=0;ssmItems=new Array(); function truebody(){return (document.compatMode!="BackCompat")? document.documentElement : document.body} moving=setTimeout('null',1)function moveOut() {if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}else {clearTimeout(moving);moving=setTimeout('null',1)}};function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}function moveBack1() {if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}else {clearTimeout(moving);moving=setTimeout('null',1)}}function slideMenu(num){if (IE) {ssm.pixelLeft += num;}if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}} function makeStatic() {if (NS||NS6) {winY = window.pageYOffset;}if (IE) {winY = truebody().scrollTop;}if (NS6||IE||NS) {if (winY!=lastY&&winY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - YOffset + staticYOffset);}else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}else {smooth=0}if(smooth > 0) smooth = Math.ceil(smooth);else smooth = Math.floor(smooth);if (IE) bssm.pixelTop+=smooth;if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"if (NS) bssm.top=parseInt(bssm.top)+smoothlastY = lastY+smooth;setTimeout('makeStatic()', 1)}} function buildBar() {if(barText.indexOf('<IMG')>-1) {tempBar=barText}else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')} function initSlide() {if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").stylebssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}else if (NS) {bssm=document.layers["basessm1"];bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];bssm2.clip.left=0;ssm.visibility = "show";}if (menuIsStatic=="yes") makeStatic();} function buildMenu() {if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+'px ;Top : '+YOffset+'px ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'px"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+'px ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'"><TR><TD>')}document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'">');for(i=0;i<ssmItems.length;i++) {if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}if(!ssmItems[i][1]){document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'px" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'px" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A href="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}if(ssmItems[i][4]!="no"){document.write('</TR>')}}document.write('</table>')if (NS6){document.write('</TD></TR></TABLE>')}if (IE||NS6) {document.write('</DIV></DIV>')}if (NS) {document.write('</LAYER></ILAYER></LAYER>')}theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}</script><script type="text/javascript">YOffset=150;XOffset=0;staticYOffset=30;slideSpeed=20waitTime=100;menuBGColor="#42A4ED";menuIsStatic="yes";menuWidth=150;menuCols=2;hdrFontFamily="verdana";hdrFontSize="2";hdrFontColor="black";hdrBGColor="#800000";hdrAlign="left";hdrVAlign="center";hdrHeight="15";linkFontFamily="Verdana";linkFontSize="2";linkBGColor="white";linkOverBGColor="#ffffff";linkTarget="_top";linkAlign="Left";barBGColor="#42A4ED";barFontFamily="Verdana";barFontSize="2";barFontColor="white";barVAlign="center";barWidth=20; // no quotes!!barText="TWESCO (XII IPA 1)"; // kenging ngangge tag <IMG>, mangga ngangge code html  // ----- Mimiti Edit MenussmItems[0]=["DAFTAR"] //Header MenussmItems[1]=["Home", "xxxxx", ""]
ssmItems[2]=["Tips And Trick", "xxxxx",""]
ssmItems[3]=["Download", "xxxxx", ""]
ssmItems[4]=["Biografi", "xxxxx", ""]
buildMenu();//----- Parantos Edit Menu</script></div></div></div>




Keteranganm :
Tulisan yang berwarna merah dapat anda ganti dengan menu-menu yang akan anda buat
Tulisan yang berwarna merah dapat anda ganti dengan URL dari menu yang anda buat


Jiak anda menyukai tips ini mjangan lupa tinggalkan komentar dan like blog ini
Terimakasih atas kunjungan anda

No comments:

Post a Comment

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free