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

Posted by Rian Priyadi On November 29, 2011 2 Comments
Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

+ Comments + 2 Comments

Rabu, 30 November 2011 02.17.00 WIB

i like this...

Terimakasih junaidi atas Komentarnya
Rabu, 07 Desember 2011 10.54.00 WIB

yeah
semoga bermanfaat gan

Posting Komentar

NOT SPAMING IN HERE !!
and ANONIM user Comment