Template Hmte

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'
type='text/css'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title>
<data:blog.pageName/>
|
<data:blog.title/>
</title>
<b:else/>
<title>
<data:blog.pageTitle/>
| Himpunan Mahasiswa Teknik Elektro Universitas Teknologi Yogyakarta
</title>
</b:if>
<b:else/>
<title>
<data:blog.pageName/>
|
<data:blog.title/>
</title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
</b:if>
<b:skin><![CDATA[

/* -----------------------------------------------
Blogger Template Style
Name : Johny Wusss
Author : Maskolis
Url : http://www.maskolis.com/
Updated by: Blogger Team
This free Blogger template is licensed under the Creative Commons Attribution 3.
0 License, which permits both personal and commercial use. However, to satisfy t
he 'attribution' clause of the license, you are required to keep the footer link
s which provides due credit to its authors and supporters. For more specific det
ails about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:#282828;color:#444;font:x-small Georgia Serif;font-size:small;te
xt-align:center;margin:0}
a:link{color:#48d;text-decoration:none}
a:visited{color:#48d;text-decoration:none}
a:hover{color:#333;text-decoration:underline}
a img{border-width:0}
#header-wrapper{width:940px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:450px;text-align:left;color:#333;margin:0}
#header2{float:right;width:468px;margin-right:10px;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:5px 0}
#header h1, #header p{line-height:1.4em;text-transform:uppercase;font:30px Oswal
d;margin:0 auto;padding:5px;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd
, 3px 3px #eee}
#header a{color:#0a2e56;text-decoration:none}
#header a:hover{color:#D20000}
#header .description{max-width:100%;text-transform:none;line-height:1.4em;font:1
4px Arial;color:#666;margin:0 auto;padding:0 5px 5px;text-shadow:none}
#header img{margin-right:auto;margin-left:auto}
#outer-wrapper{background:#fff;width:940px;text-align:left;font:12px Arial;margi
n:10px auto;padding:15px;box-shadow:0px 10px 10px #666; -moz-box-shadow:0px 10px
10px #666; overflow:hidden; -webkit-box-shadow:0px 10px 10px #666;filter: progi
d:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=125, Strength=6);
}
#kenthir-wrapper{background:#282828}
#main-wrapper{padding-top:10px;width:630px;float:left;word-wrap:break-word;overf
low:hidden}
#sidebar-wrapper,#sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;
overflow:hidden;padding-top:10px}
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height
:1.2em;margin:.1em 0}
.post{margin:0 0 15px;padding:5px 10px 10px}
.post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#222;margin:.0em 0 0;
padding:4px 0;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee
}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.pos
t h2 strong{display:block;text-decoration:none;color:#222;font-weight:400}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#0a2e56}
.post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 14px 'Arial',
serif;margin:1.0em 0 .75em;line-height:1.3em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial
;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.1em}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-h
eight: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
.clear{clear:both}
/* Comments
----------------------------------------------- */
.comments {margin:5px 0;padding:10px 15px; line-height:1em; }
.comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:no
rmal; text-align:left; line-height:1.4em; }
.comments .comment .comment-actions a { display:inline-block; margin:0; padding:
1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#
E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white;
text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border
-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,le
ft bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-g
radient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding
:2px 8px; margin-right:10px; }
.comments .comment .comment-actions a:hover { text-decoration:none; background:#
fff; border:1px solid #5AB1E2; }
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0
; text-align:none; }
.comments .comments-content .inline-thread { padding:0.5em 1em; }
.comments .comments-content .comment-thread { margin:8px 0; }
.comments .comments-content .comment-thread:empty { display:none; }
.comments .comments-content .comment-replies { margin-top:1em; margin-left:40px;
font-size:12px; background:#f6f6f6; }
.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }
.comments .comments-content .comment:first-child { padding-top:16px; }
.comments .comments-content .comment:last-child { border-bottom:0; padding-botto
m:0; }
.comments .comments-content .comment-body { position:relative; }
.comments .comments-content .user { font-style:normal; font-weight:bold; }
.comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight
:bold; text-decoration:none; }
.comments .comments-content .icon.blog-author { width:18px; height:18px; display
:inline-block; margin:0 0 -4px 6px; }
.comments .comments-content .datetime { color:#999999; float:right; font-size:11
px; text-decoration:none; }
.comments .comments-content,.comments .comments-content .comment-content { margi
n:0 0 8px; }
.comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bo
ttom:5px; padding:5px; }
.comments .comments-content .comment-content { text-align:none; }
.comments .comments-content .owner-actions { position:absolute; right:0; top:0;
}
.comments .comments-replybox { border:none; height:250px; width:100%; }
.comments .comment-replybox-single { margin-top:5px; margin-left:48px; }
.comments .comment-replybox-thread { margin-top:5px; }
.comments .comments-content .loadmore a { display:block; padding:10px 16px; text
-align:center; }
.comments .thread-toggle { cursor:pointer; display:inline-block; }
.comments .continue { cursor:pointer; }
.comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:
1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#4
24242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration
:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; bac
kground:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-
stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center
top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin
-right:10px; }
.comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-t
op:3em; }
.comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow
:hidden; }
.comments .thread-chrome.thread-collapsed { display:none; }
.comments .thread-toggle { display:inline-block; }
.comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width
:7px; overflow:visible; margin:0.3em; padding-right:4px; }
.comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.c
om/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-rep
eat scroll 0 0 transparent; }
.comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot.
com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-r
epeat scroll 0 0 transparent; }
.comments .avatar-image-container { background-image:url(http://4.bp.blogspot.co
m/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background
-position:center center; background-repeat:no-repeat; float:left; width:36px; ma
x-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:
middle; overflow:hidden; border:1px solid #DDDDDD; }
.comments .avatar-image-container img { width:36px; }
.comments .comment-block { margin-left:48px; position:relative; }
@media screen and (max-device-width:480px) { .comments .comments-content .commen
t-replies { margin-left:0; }}
#blog-pager{clear:both;text-align:center;margin:10px 5px 0;padding:10px 0 0}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-al
ign:center;display:inline-block;color:#eee;background:#282828;font:bold 12px Ari
al;text-transform:none;margin:0 0px;padding:8px 5px;-moz-border-radius:4px;-webk
it-border-radius:4px;border-radius:4px}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background-color:#ddd;background-image: url(http://1.bp.blogspot.com
/-qtI_UsPdZwc/Tmzg5K8eADI/AAAAAAAABrU/ScrT9X8fBBY/s1600/arrow_right.gif);backgro
und-repeat: no-repeat;background-position: right center;color:#333;font:14px Osw
ald;margin:0;padding:5px 0 5px 10px;text-shadow:0 1px 1px #fff;text-transform:up
percase}
#sidebar h2.active{background-color:#ccc;background-image: url(http://2.bp.blogs
pot.com/-9If6SXYDklM/Tmzg4W8YwuI/AAAAAAAABrQ/XlCiTeVqtq0/s1600/arrow_down.gif);b
ackground-repeat: no-repeat;background-position: right center}
.sidebar{background:#f6f6f6;color:#666;line-height:1.3em;border-top:none;font:11
px Arial}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dotte
d #ddd}
.sidebar .widget{margin-bottom:1px;padding:0}
.sidebar .widget-content{margin:0 auto;padding:0 5px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decorati
on:none}
.sidebar li a:hover{color:#015bb3}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;padding:0;margin:0;}
.sidebar1 .widget {margin:0px 0px 0px;padding:0}
#Label1 li {float:left; width:50%;}
.creditpic{background:#0a2e56;width:940px;border-top:1px solid #000;margin:0 aut
o;padding:0}
.credit{width:910px;line-height:1.6em;text-align:center;font-family:Arial;font-s
ize:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:10px}
.credit a:link,.credit a:visited{color:#cecdcd;text-decoration:none}
.credit a:hover{color:#FFF;text-decoration:none}
#under-wrapper{float:left;width:100%;border-bottom:1px solid #aaa;border-top:3px
solid #bbb;margin:10px 0;padding:5px 0 15px}
#related-articles{float:left;width:275px;border-right:1px solid #ddd;margin:5px
0 0;padding:0 15px 0 0}
#related-articles .widget{margin:0;padding:0}
#related-articles .widget h2,#related-posts h2{font:bold 13px Arial;color:#000;t
ext-transform:none;margin:0 0 5px;padding:0}
#related-articles a{color:#333;font:12px Arial}
#related-articles a:hover{color:#48d}
#related-articles ul{list-style:none;margin:0;padding:0}
#related-articles li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuR
S_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 8px;text-indent
:0;line-height:1.2em;margin:0;padding:2px 0 2px 12px}
#banner-ads{float:right;width:300px;margin:5px 0}
.menu,.menu ul,.menu li,.menu a{border:none;outline:none;margin:0;padding:0;z-in
dex:999}
.menu{height:40px;width:auto; background-color: #222;background-image: -webkit-g
radient(linear, left top, left bottom, from(#555), to(#222));background-image: -
webkit-linear-gradient(top, #555, #222);background-image: -moz-linear-gradient(t
op, #555, #222);background-image: -ms-linear-gradient(top, #555, #222);backgroun
d-image: -o-linear-gradient(top, #555, #222);background-image: linear-gradient(t
op, #555, #222); -moz-box-shadow: 0 5px 5px #000;-webkit-box-shadow: 0 5px 5px #
000;box-shadow: 0 5px 5px #000; }
.menu li{position:relative;list-style:none;float:left;display:block;height:40px}
.menu li a{background:url(http://4.bp.blogspot.com/-n7OkwgMuP7Q/UQs19HkuUsI/AAAA
AAAABiQ/k3qWwdmqgfQ/s1600/bagi.gif) no-repeat top right;display:block;text-decor
ation:none;font-family:Arial;font-weight:700;font-size:14px;color:#ddd;text-shad
ow:1px 1px 1px #000;-webkit-transition:color .2s ease-in-out;-moz-transition:col
or .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s
ease-in-out;transition:color .2s ease-in-out;margin:0;padding:12px 14px 12px}
.menu li:first-child a{padding:10px 10px 7px}
.menu li:hover > a{color:#48d}
.menu ul{position:absolute;top:41px;left:0;opacity:0;background:#fdfdfd url(http
://4.bp.blogspot.com/-mlmoMuUf48g/UQu3dezXeFI/AAAAAAAABpE/cDDiKShrEu0/s1600/menu
hover.png) repeat-x top;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0
5px 5px;border-radius:0 0 5px 5px;border:1px solid #666;border-top:none;-webkit
-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-trans
ition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opac
ity .25s ease .1s}
.menu li:hover > ul{opacity:1}
.menu ul li{height:0;overflow:hidden;-webkit-transition:height .25s ease .1s;-mo
z-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transit
ion:height .25s ease .1s;transition:height .25s ease .1s;padding:0}
.menu li:hover > ul li{height:36px;overflow:visible;padding:0}
.menu ul li a{color:#111;font-weight:400;width:100px;margin:0;padding:10px 0 10p
x 30px;text-shadow:none}
.menu ul li:first-child a{padding:10px 14px 10px 30px}
.menu ul li:last-child a{border:none}
.menu a.trigger{background:url(http://3.bp.blogspot.com/-pJAQN5knuO8/UQre-F12FjI
/AAAAAAAABgs/6WarLD7FwNw/s1600/arrow.png) no-repeat 6px center}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAA
AAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial
;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase
;color:#ddd}
.footer{color:#ccc;line-height:1.3em;font:normal 12px Arial;text-shadow:-1px -1p
x #111;}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAA
AAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;c
olor:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0}
.footer .widget-content{padding:0}
.picfooter{background-color:#111;background-image: -moz-linear-gradient(top,#333
0,#111 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); back
ground-image: -o-linear-gradient(top,#333 0,#111 100%); background-image: -webki
t-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#111))
; background-image: -webkit-linear-gradient(top,#333 0,#111 100%); background-im
age: linear-gradient(to bottom,#333 0,#111 100%);border-bottom:1px solid #000;bo
rder-top:4px solid #111;width:940px;margin-left:auto;margin-right:auto;text-alig
n:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width:920px;text-align:left;font:normal normal 12px Arial, Tahom
a, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:0 10px 10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;ov
erflow:hidden;padding:0 10px}
#footer3-wrapper{width:280px;float:right;word-wrap:break-word;overflow:hidden}
.readmorecontent{float:left;margin:10px 5px 0 0;padding:2px 0px;}
.readmorecontent a{color: #555;text-shadow: 0 1px 0 rgba(255,255,255,.5);border-
width: 1px;border-style: solid;border-color: #fff #ccc #999 #eee; background: #c
1c1c1;background: -moz-linear-gradient(#f5f5f5, #c1c1c1);background: -webkit-gra
dient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));background: -we
bkit-linear-gradient(#f5f5f5, #c1c1c1);background: -o-linear-gradient(#f5f5f5, #
c1c1c1);background: -ms-linear-gradient(#f5f5f5, #c1c1c1);background: linear-gra
dient(#f5f5f5, #c1c1c1); text-decoration:none;font-size:11px;padding:4px 7px}
.readmorecontent a:hover{text-decoration:none;color:#48d}
.postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;padding:5px
0}
.author{color:#666;background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk
-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5p
x 2px 17px}
.clock{color:#666;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlB
wI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat;padding:2px 5px
2px 17px}
.clock a{color:#666}
.clock a:hover{color:#48d}
/* Slide Content
----------------------------------------------- */
.slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
word-wrap: break-word; overflow: hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0;padding:0;}
.slide .widget {margin:0}
/* Lofslidernews */
#slider{padding:13px 10px 0;margin:0;position:relative;overflow:hidden;width:920
px;height:340px}
.slider-main-outer{position:relative;height:100%;width:610px;z-index:3;overflow:
hidden}
ul.slider-main-wapper li h3{z-index:10;position:absolute;top:4px;width:180px;hei
ght:312px;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAA
AAAF98/gwCsmb8Fcks/s1600/transparant.png);padding:10px;margin:0 4px}
ul.slider-main-wapper li h3 p{color:#FFF;font-size:12px;padding:5px 10px;margin:
5px 0;background:#0178d3;width:150px}
ul.slider-main-wapper li h3 a{color:#ddd;font-size:20px;line-height:26px;margin:
0}
ul.slider-main-wapper li h3 .title{color:#eee;font:12px Arial;margin:0;padding-t
op:5px}
ul.slider-main-wapper li .imgauto{width:602px;height:332px;overflow:hidden;margi
n:0;padding:0;border:4px double #555}
ul.slider-main-wapper{height:340px;width:610px;position:absolute;overflow:hidden
;margin:0;padding:0}
ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:610px
;float:left;margin:0;padding:0}
.slider-opacity li{position:absolute;top:0;left:0;float:inherit}
ul.slider-main-wapper li img{list-style:none;width:610px;height:auto;padding:0}
ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0}
ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden
;margin:0;padding:0}
.slider-navigator-outer{position:absolute;right:10px;top:13px;z-index:10;height:
340px;width:310px;overflow:hidden;color:#333}
.slider-navigator li h5{color:#999;font:bold 12px Arial;margin:0;padding:5px 10p
x 0}
.slider-navigator li .title{color:#eee;font:11px Tahoma;margin:0;padding-top:5px
}
.slider-navigator li div{text-shadow:1px 1px 1px #000;height:84px;position:relat
ive;margin:0px 0px 0px 5px;padding:0 5px;border-bottom:1px dotted #444}
.slider-navigator li.active div,.slider-navigator li:hover div{color:#4ea5f9;}
.slider-navigator li img{border:#444 solid 2px;height:70px;width:90px;float:left
;margin:5px 10px 5px 0}
.slider-navigator li.active img{border:#ccc solid 2px}
.slider-navigator li.active h5,.slider-navigator li h5:hover{color:#fff}
.navi {display: block;padding:10px 0;width: 100%;overflow: hidden;}
.navi ul {margin: 0 10px;width:905px;padding: .7em;float: left;list-style: none;
background: #444;background: rgba(0,0,0,.2);-moz-border-radius: .5em;-webkit-bor
der-radius: .5em;border-radius: .5em; -moz-box-shadow: 0 1px 0 rgba(255,255,255,
.2), 0 2px 1px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255
,.2), 0 2px 1px rgba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0
2px 1px rgba(0,0,0,.8) inset;}
.navi li { float:left;}
.navi a {display: block;float:left;padding: .8em 1.5em;text-decoration: none;col
or: #282828;text-shadow: 0 1px 0 rgba(255,255,255,.5);font: bold 12px Arial;text
-transform: uppercase;border-width: 1px;border-style: solid;border-color: #fff #
ccc #999 #eee;background: #c1c1c1;background: -moz-linear-gradient(#f5f5f5, #c1c
1c1);background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5),
to(#c1c1c1));background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);background: -
o-linear-gradient(#f5f5f5, #c1c1c1);background: -ms-linear-gradient(#f5f5f5, #c1
c1c1);background: linear-gradient(#f5f5f5, #c1c1c1);}
.navi a:hover, nav a:focus {outline: 0;color: #fff;text-shadow: 0 1px 0 rgba(0,0
,0,.2);background: #66bcff;background: -moz-linear-gradient(#66bcff, #008cf8);ba
ckground: -webkit-gradient(linear, left top, left bottom, from(#66bcff), to(#008
cf8));background: -webkit-linear-gradient(#66bcff, #008cf8);background: -o-linea
r-gradient(#66bcff, #008cf8);background: -ms-linear-gradient(#66bcff, #008cf8);b
ackground: linear-gradient(#66bcff, #008cf8);}
.navi a:active { -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;-webkit-box-s
hadow: 0 0 2px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 2px 2px rgba(0,0,0,.3) i
nset;}
.navi li:first-child a {border-left: 0;-moz-border-radius: 4px 0 0 4px;-webkit-b
order-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;}
.navi li:last-child a { border-right: 0;-moz-border-radius: 0 4px 4px 0; -webkit
-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}
.newsfea{padding:4px;border:1px solid #282828;margin:0 0px 5px 0}
.newscrott{background:#282828;padding:5px 10px;font:18px Oswald;color:#fff;}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post{margin:0;padding:0 0 5px;border:none}
.post h1,.post h2{font:16px Oswald;line-height:1.2em;margin:8px 0;padd
ing:0;text-shadow:none;}
.post img{transition:all 400ms ease-in-out;-webkit-transition:all 400m
s ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease
-in-out;-ms-transition:all 400ms ease-in-out;margin-top:0}
.post-body{border-bottom:1px dotted #999;font:12px Arial;border-top:no
ne;padding-top:0px;background:none;line-height:1.5em;margin:0;padding-bottom:10p
x;text-align:left;color:#444}
.post img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-k
html-opacity:.7}
.post-footer{display:none}
.cutter{width:190px;height:130px;overflow:hidden;border:4px double #cc
c;margin:0 10px 5px 0;float:left;padding:0px}
</style>
</b:if>
</b:if>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 220;summary_img = 200;img_thumb_width = 180;img_thumb_heig
ht = 130;
</script>
//<![CDATA[
function removeHtmlTag(e,f){if(e.indexOf("<")!=-1){var g=e.split("<");for(
var h=0;h<g.length;h++){if(g[h].indexOf(">")!=-1){g[h]=g[h].substring(g[h].index
Of(">")+1,g[h].length)}}e=g.join("")}f=(f<e.length-1)?f:e.length-2;while(e.charA
t(f-1)!=" "&&e.indexOf(" ",f)!=-1){f++}e=e.substring(0,f-1);return e+"..."}funct
ion createSummaryAndThumb(k){var i=document.getElementById(k);var h="";var g=i.g
etElementsByTagName("img");var j=summary_noimg;if(g.length>=1){h='<span style="d
isplay:none;float:left;margin:0px 10px 5px 0px;"><img src="'+g[0].src+'" width="
'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';j=summary_img}v
ar l=h+"<div>"+removeHtmlTag(i.innerHTML,j)+"</div>";i.innerHTML=l};
//]]>
</script>
var relatedpoststitle="Related Articles";
</script>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new A
rray();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++)
{var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<
d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=
d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){va
r b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!co
ntains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c
[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b
,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function p
rintRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a)
{relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTit
les.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("
<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.le
ngth&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+rel
atedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}documen
t.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0
,relatedTitles.length)};
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
' type='text/javascript'/>
<script src='http://yourjavascript.com/24211643151/jquery.easing.js' type='t
ext/javascript'/>
jQuery(document).ready(function(){
$('#slider').lofJSidernews({
interval:6000,
duration:800,
mainWidth: 610,
navigatorWidth: 310,
maxItemDisplay:4,
easing:'easeOutBounce',
auto:true,
isPreloaded: false
});
});
</script>
//<![CDATA[
(function($) {
var types = ['DOMMouseScroll', 'mousewheel'];
$.event.special.mousewheel = {
setup: function() {
if ( this.addEventListener )
for ( var i=types.length; i; )
this.addEventListener( types[--i], handler, false );
else
this.onmousewheel = handler;
},
teardown: function() {
if ( this.removeEventListener )
for ( var i=types.length; i; )
this.removeEventListener( types[--i], handler, false );
else
this.onmousewheel = null;
}
};
$.fn.extend({
mousewheel: function(fn) {
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel")
;
},
unmousewheel: function(fn) {
return this.unbind("mousewheel", fn);
}
});
function handler(event) {
var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = tru
e;
event = $.event.fix(event || window.event);
event.type = "mousewheel";
if ( event.wheelDelta ) delta = event.wheelDelta/120;
if ( event.detail ) delta = -event.detail/3;
// Add events and delta to the front of the arguments
args.unshift(event, delta);
return $.event.handle.apply(this, args);
}
})(jQuery);
/**
* @version $Id: $Revision
* @package jquery
* @subpackage lofslidernews
* @copyright Copyright (C) JAN 2010 LandOfCoder.com <@emai:landofcoder@gmail.
com>. All rights reserved.
* @website http://landofcoder.com
* @license This plugin is dual-licensed under the GNU General Public Lice
nse and the MIT License
*/
// JavaScript Document
(function($) {
$.fn.lofJSidernews = function( settings ) {
return this.each(function() {
// get instance of the lofSiderNew.
new $.lofSidernews( this, settings );
});
}
$.lofSidernews = function( obj, settings ){
this.settings = {
direction : '',
mainItemSelector : 'li',
navInnerSelector : 'ul',
navSelector : 'li' ,
navigatorEvent : 'click',
wapperSelector: '.slider-main-wapper',
interval : 4000,
auto : true, // whether to automatic play the slidesh
ow
maxItemDisplay : 4,
startItem : 0,
navPosition : 'vertical',
navigatorHeight : 85,
navigatorWidth : 310,
duration : 600,
navItemsSelector : '.slider-navigator li',
navOuterSelector : '.slider-navigator-outer' ,
isPreloaded : true,
easing : 'easeOutBounce'
}
$.extend( this.settings, settings ||{} );
this.nextNo = null;
this.previousNo = null;
this.maxWidth = this.settings.mainWidth || 600;
this.wrapper = $( obj ).find( this.settings.wapperSelector );
this.slides = this.wrapper.find( this.settings.mainItemSelector );
if( !this.wrapper.length || !this.slides.length ) return ;
// set width of wapper
if( this.settings.maxItemDisplay > this.slides.length ){
this.settings.maxItemDisplay = this.slides.length;
}
this.currentNo = isNaN(this.settings.startItem)||this.settings.st
artItem > this.slides.length?0:this.settings.startItem;
this.navigatorOuter = $( obj ).find( this.settings.navOuterSelector );

this.navigatorItems = $( obj ).find( this.settings.navItemsSelector )
;
this.navigatorInner = this.navigatorOuter.find( this.settings.navInner
Selector );
if( this.settings.navPosition == 'horizontal' ){
this.navigatorInner.width( this.slides.length * this.settings.naviga
torWidth );
this.navigatorOuter.width( this.settings.maxItemDisplay * this.setti
ngs.navigatorWidth );
this.navigatorOuter.height( this.settings.navigatorHeight );
} else {
this.navigatorInner.height( this.slides.length * this.settings.navig
atorHeight );
this.navigatorOuter.height( this.settings.maxItemDisplay * this.sett
ings.navigatorHeight );
this.navigatorOuter.width( this.settings.navigatorWidth );
}
this.navigratorStep = this.__getPositionMode( this.settings.navPositio
n );
this.directionMode = this.__getDirectionMode();
if( this.settings.direction == 'opacity') {
this.wrapper.addClass( 'slider-opacity' );
$(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1);
} else {
this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'widt
h':( this.maxWidth ) * this.slides.length } );
}
if( this.settings.isPreloaded ) {
this.preLoadImage( this.onComplete );
} else {
this.onComplete();
}
}
$.lofSidernews.fn = $.lofSidernews.prototype;
$.lofSidernews.fn.extend = $.lofSidernews.extend = $.extend;
$.lofSidernews.fn.extend({
startUp:function( obj, wrapper ) {
seft = this;
this.navigatorItems.each( function(index, item ){
$(item).click( function(){
seft.jumping( index, true );
seft.setNavActive( index, item );
} );
$(item).css( {'height': seft.settings.navigatorHeight, 'width': s
eft.settings.navigatorWidth} );
})
this.registerWheelHandler( this.navigatorOuter, this );
this.setNavActive(this.currentNo );
if( this.settings.buttons && typeof (this.settings.buttons) == "obje
ct" ){
this.registerButtonsControl( 'click', this.settings.buttons, this
);
}
if( this.settings.auto )
this.play( this.settings.interval,'next', true );
return this;
},
onComplete:function(){
setTimeout( function(){ $('.preload').fadeOut( 900 ); }, 400 ); t
his.startUp( );
},
preLoadImage:function( callback ){
var self = this;
var images = this.wrapper.find( 'img' );
var count = 0;
images.each( function(index,image){
if( !image.complete ){
image.onload =function(){
count++;
if( count >= images.length ){
self.onComplete();
}
}
image.onerror =function(){
count++;
self.onComplete();
}
}
}else {
count++;
self.onComplete();
}
}
} );
},
navivationAnimate:function( currentIndex ) {
if (currentIndex <= this.settings.startItem
|| currentIndex - this.settings.startItem >= this.settings.maxIt
emDisplay-1) {
this.settings.startItem = currentIndex - this.settings.maxItemDisp
lay+2;
if (this.settings.startItem < 0) this.settings.startItem = 0;
if (this.settings.startItem >this.slides.length-this.settings.maxI
temDisplay) {
this.settings.startItem = this.slides.length-this.settings.maxIt
emDisplay;
}
}
this.navigatorInner.stop().animate( eval('({'+this.navigratorStep[0]
+':-'+this.settings.startItem*this.navigratorStep[1]+'})'),
{duration:500, easing:'easeInOutQ
uad'} );
},
setNavActive:function( index, item ){
if( (this.navigatorItems) ){
this.navigatorItems.removeClass( 'active' );
$(this.navigatorItems.get(index)).addClass( 'active' );
this.navivationAnimate( this.currentNo );
}
},
__getPositionMode:function( position ){
if( position == 'horizontal' ){
return ['left', this.settings.navigatorWidth];
}
return ['top', this.settings.navigatorHeight];
},
__getDirectionMode:function(){
switch( this.settings.direction ){
case 'opacity': this.maxSize=0; return ['opacity','opacity'];
default: this.maxSize=this.maxWidth; return ['left','width'];
}
},
registerWheelHandler:function( element, obj ){
element.bind('mousewheel', function(event, delta ) {
var dir = delta > 0 ? 'Up' : 'Down',
vel = Math.abs(delta);
if( delta > 0 ){
obj.previous( true );
} else {
obj.next( true );
}
return false;
});
},
registerButtonsControl:function( eventHandler, objects, self ){
for( var action in objects ){
switch (action.toString() ){
case 'next':
objects[action].click( function() { self.next( true) } );
break;
case 'previous':
objects[action].click( function() { self.previous( true) } );
break;
}
}
return this;
},
onProcessing:function( manual, start, end ){
this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.sli
des.length-1);
this.nextNo = this.currentNo + (this.currentNo < this.slides.len
gth-1 ? 1 : 1- this.slides.length);
return this;
},
finishFx:function( manual ){
if( manual ) this.stop();
if( manual && this.settings.auto ){
this.play( this.settings.interval,'next', true );
}
this.setNavActive( this.currentNo );
},
getObjectDirection:function( start, end ){
return eval("({'"+this.directionMode[0]+"':-"+(this.currentNo*start)
+"})");
},
fxStart:function( index, obj, currentObj ){
if( this.settings.direction == 'opacity' ) {
$(this.slides).stop().animate({opacity:0}, {duration: this.setting
s.duration, easing:this.settings.easing} );
$(this.slides).eq(index).stop().animate( {opacity:1}, {duration: t
his.settings.duration, easing:this.settings.easing} );
}else {
this.wrapper.stop().animate( obj, {duration: this.settings.duratio
n, easing:this.settings.easing} );
}
return this;
},
jumping:function( no, manual ){
this.stop();
if( this.currentNo == no ) return;
var obj = eval("({'"+this.directionMode[0]+"':-"+(this.maxSize*no)+"
})");
this.onProcessing( null, manual, 0, this.maxSize )
.fxStart( no, obj, this )
.finishFx( manual );
this.currentNo = no;
},
next:function( manual , item){
this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 -
this.slides.length);
this.onProcessing( item, manual, 0, this.maxSize )
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), th
is )
},
previous:function( manual, item ){
this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1;
this.onProcessing( item, manual )
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), th
is )
},
play:function( delay, direction, wait ){
this.stop();
if(!wait){ this[direction](false); }
var self = this;
this.isRun = setTimeout(function() { self[direction](true); }, delay
);
},
stop:function(){
if (this.isRun == null) return;
clearTimeout(this.isRun);
this.isRun = null;
}
})
})(jQuery)
//]]>
</script>
//<![CDATA[
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/N
cWLPVnYEnU/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 60;
summaryPost1 = 200;
summaryTitle = 20;
numposts = 10;
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.le
ngth;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i]
.length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts
(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Arr
ay();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entr
y.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<
entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].
href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'
&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}
if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry
){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.publis
hed.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b
=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(
b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var mon
th2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];va
r day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=p
ostdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u
2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li style="position
:relative;"><div class="imgauto"><a href="'+posturl+'"><img src="'+img[i]+'"/></
a></div><h3><a href="'+posturl+'">'+posttitle+'</a><p>'+daystr+' / '+pcm+' comme
nts</p><div class="title">'+removeHtmlTag(postcontent,summaryPost1)+'... </div><
/h3></li>';document.write(trtd);j++}}function showrecentposts1(json){j=(showRand
omImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i
<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm
;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;
k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(va
r k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].ty
pe=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in ent
ry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=
entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.l
ength-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"
",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(
d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","
Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.spl
it("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")
[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];b
reak}}var daystr=day+' '+m+' '+y;var trtd='<li><div><img class="alignnone" src="
'+img[i]+'"/><h5>'+posttitle+'</h5><div class="title">'+removeHtmlTag(postconten
t,summaryPost)+'... </div></div></li>';document.write(trtd);j++}}
//]]>
</script>
</head>
<body>
<div id='outer-wrapper'>
<div id='wrap2'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='n
o'>
<b:widget id='Header1' locked='true' title='HMTE UTY (Header)' type=
'Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent
'>
<h1 class='title' style='background: transparent; bo
rder-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; bor
der-width: 0px'>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\""
+ data:sourceUrl + "\"); " + "backgr
ound-position: " + data:backgroundPositionStyleStr +
"; " + data:widthStyleStr
+ "min-height: " + data:height + "_heig
ht: " + data:height + "background-repeat: no-re
peat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent
'>
<h1 class='title' style='background: transparent; bo
rder-width: 0px'>
</h1>
<b:else/>
<p class='title' style='background: transparent; bor
der-width: 0px'>
</p>
</b:if>
</div>
</div>
</b:if>
<b:else/>

<a expr:href='data:blog.homepageUrl' style='display: block
'>
<img expr:alt='data:title' expr:id='data:widget.instance
Id + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTIO
N"'>
</b:if>
</div>
</b:if>
<b:else/>

<div class='titlewrapper'>
<h1 class='title'>
</h1>
<b:else/>
<p class='title'>
</p>
</b:if>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'>
<span>
<data:description/>
</span>
</p>
</div>
</b:includable>
<b:includable id='title'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'>
<data:title/>
</a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header' id='header2' maxwidgets='1' showaddelement='
yes'/>
<div style='clear:both;'/>
</div>

<div id='kenthir-wrapper'>
<ul class='menu'>
<li>
<a href='/'>
<img alt='home' src='http://1.bp.blogspot.com/-wqzYVSTa638/UQrc7
C0UP3I/AAAAAAAABgU/TgbAOmzXLAs/s1600/home.gif' style='padding:0px;'/>
</a>
</li>
<li>
<a href='http://hmteuty.blogspot.com/p/profil.html'>
Profil
</a>
<ul>
<li>
<a class='trigger' href='http://hmteuty.blogspot.com/p/profil.
html'>
Profil
</a>
</li>
<li>
<a class='trigger' href='http://hmteuty.blogspot.com/p/visi-da
n-misi.html'>
Visi dan Misi
</a>
</li>
<li>
<a class='trigger' href='http://hmteuty.blogspot.com/p/kepengu
rusan.html'>
Kepengurusan
</a>
</li>
</ul>
</li>
<li>
<a href='http://www.hmteuty.or.id/p/kegiatan.html'>
Kegiatan
</a>
</li>
</ul>


<span id='skiplinks' style='display:none;'>
<a href='#main'>
skip to main
</a>
|
<a href='#sidebar'>
skip to sidebar
</a>
</span>
<div id='slide-wrapper'>
<b:section class='slide' id='slide' preferred='yes'/>
</div>
</b:if>
<div class='navi'>
<b:section class='page' id='page' showaddelement='no'/>
</div>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<div class='newsfea'>
<div class='newscrott'>
<marquee behavior='slide'>Selamat datang di situs HMTE UTY!<
/marquee>
</div>
</div>
</b:if>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog
'>
<b:includable id='main' var='top'>
<b:if cond='data:top.showDummy'>
<script expr:src='data:top.dummyUrl'/>
</b:if>
<b:if cond='data:mobileindex'>

<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer"&g
t;
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>

<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"
'>
</div></div>
</b:if>
</b:if>
<div class="date-outer">
</b:if>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page&qu
ot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:else/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
</b:if>

<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>

<b:include name='feedLinks'/>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/
>
google.load("annotations", "1", {&quot
;locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotRe
views/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.ad
minClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.
deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<h4>
<data:post.backlinksLabel/>
</h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>

</span>
<a expr:href='data:backlink.url' rel='nofollow'>
<data:backlink.title/>
</a>
<b:include data='backlink' name='backlinkDeleteIcon'
/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'>
<data:post.authorLabel/>
<data:backlink.author/>
</span>
<span class='comment-timestamp'>
<data:post.timestampLabel/>
<data:backlink.timestamp/>
</span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_b
lank'>
<data:post.createLinkLabel/>
</a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-edit
or-toggle-link"' href='javascript:void(0)'>
<data:postCommentMsg/>
</a>
</h4>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-
editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-col
orize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor
' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'>
</h4>
<p>
</p>
editor-src'/>
' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>&#3
9;, '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adm
inClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUr
l' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:
post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url=
'data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='dat
a:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-ur
l='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl
' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>
:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:else/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1
<data:commentLabel/>
:
<b:else/>
<data:post.numComments/>
<data:commentLabelPlural/>
:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data
:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>

:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data
:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>

:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-blo
ck-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comment
s-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:c
omment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16p
x' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'
>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofol
low'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instan
ceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/>
</span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment p
ermalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIco
n'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<a expr:href='data:post.addCommentUrl' expr:onclick=
'data:post.addCommentOnclick'>
</a>
</b:if>
</b:if>
</p>
</b:if>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='com
ment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-co
ntainer"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>

<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>

<div class='post-feeds'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody
'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/jav
ascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'
>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:
post.addCommentOnclick'>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span>
<data:post.dateHeader/>
</span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'>
<data:post.title/>
</a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>
&rsaquo;
</a>
</div>
<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'>
<data:post.snippet/>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page&quot
;'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCo
mmentUrl' expr:onclick='data:post.addCommentOnclick'>
1
<data:top.commentLabel/>
<b:else/>
<data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'
>
<a class='blog-pager-newer-link' expr:href='data:newerPa
geUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' exp
r:title='data:newerPageTitle'>
<data:newerPageTitle/>
</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'
>
<a class='blog-pager-older-link' expr:href='data:olderPa
geUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' exp
r:title='data:olderPageTitle'>
<data:olderPageTitle/>
</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<data:homeMsg/>
</a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'>
<data:desktopLinkMsg/>
</a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<span>
<data:post.dateHeader/>
</span>
</h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"po
st-body-" + data:post.id'>
<data:post.body/>

</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl'
rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'>
<data:post.author/>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<a class='timestamp-link' expr:href='data:po
st.url' rel='bookmark' title='permanent link'>
<abbr class='published' expr:title='data:p
ost.timestampISO8601'>
<data:post.timestamp/>
</abbr>
</a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item&quo
t;'>
<b:if cond='data:blog.pageType != "static
_page"'>
<a class='comment-link' expr:href='data:po
st.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1
<data:top.commentLabel/>
<b:else/>
<data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block
' id='mobile-share-button'>
<a href='javascript:void(0);'>
<data:shareMsg/>
</a>
</div>
</b:if>
<div class='goog-inline-block dummy-container'>
<data:post.dummyTag/>
</div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page&quot
;'>
<b:else/>
</b:if>
</b:if>
<b:else/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPa
geUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' tit
le='Previous Post'>
« Prev Post
</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPa
geUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' tit
le='Next Post'>
Next Post »
</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<data:homeMsg/>
</a>
<b:else/>
<data:homeMsg/>
</a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<div style='padding:5px 5px 5px 0; margin-bottom:5px;f
ont:11px Tahoma; line-height:1.4em; border-bottom:4px double #ccc;'>
<a expr:href='data:blog.homepageUrl'>
Home
</a>
»
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != "true&quot
;'>
,
</b:if>
</b:loop>
</b:if>
»
<data:post.title/>
</div>
</b:if>
</b:if>
<div class='cutter'>
//<![CDATA[
function bp_thumbnail_resize(e,d){var c=190;var a=tr
ue;var b="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn
6Gs/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("
/s72-c/","/s"+c+"-c/")+'" class="postthumb" alt="'+d+'"/>';if(e!=""){return imag
e_tag}else{return""}};
//]]>
</script>
document.write(bp_thumbnail_resize("<data:pos
t.thumbnailUrl/>","<data:post.title/>"));
</script>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='postmeta'>
<span class='author'>
Posted by
<data:post.author/>
</span>
<span class='clock'>
Posted on
<data:post.timestamp/>
with
<a expr:href='data:post.addCommentUrl' expr:onclick=
'data:post.addCommentOnclick'>
No comments
</b:if>
1 comment
</b:if>
<b:if cond='data:post.numComments >= 2'>
comments
</b:if>
</a>
</b:if>
</span>
</div>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-bod
y-" + data:post.id'>
<b:if cond='data:blog.pageType != "static_page&quot
;'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
createSummaryAndThumb("summary<data:post.id/>&q
uot;);</script>
<div class='readmorecontent'>
Read more »
</a>
</div>
</b:if>
</b:if>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'
>
<data:post.body/>
</b:if>

</div>

<b:if cond='data:post.isFirstPost'>

<div id='fb-root'/>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all
.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'
));
</script>

(function() {
var po = document.createElement('script'); p
o.type = 'text/javascript'; po.async = true;
po.src = 'https:
//apis.google.com/js/plusone.js';
var s = document.get
ElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)
[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//plat
form.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(documen
t,"script","twitter-wjs");</script>
</b:if>


<div class='horizontal-social-buttons' style='padding:10px
0 10px;'>

<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal
' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' ex
pr:data-url='data:post.url' href='https://twitter.com/share'>
Tweet
</a>
</div>

<g:plusone annotation='bubble' expr:href='data:post.ur
l' size='medium'/>
</div>

<fb:like colorscheme='light' expr:href='data:post.url'
font='' layout='button_count' send='true' show_faces='false'/>
</div>

<div id='pin-wrapper' style='float: left; margin:0px 0
px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin'
expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.
url'>
<img src='//assets.pinterest.com/images/pidgets/pi
n_it_button.png'/>
</a>
<span style='margin-left:-44px;'>
<a data-pin-config='beside' data-pin-do='buttonBoo
kmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none
;'/>
</span>
</div>
<script src='http://assets.pinterest.com/js/pinit.js'
type='text/javascript'/>
<style type='text/css'>
#pin-wrapper > a {background-image:none !importan
t;}
</style>
</b:if>

</div>

<div id='under-wrapper'>
<div id='related-articles'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/&quot
; + data:label.name + "?alt=json-in-script&callback=related_results_lab
els&max-results=8"' type='text/javascript'/>
</b:loop>
var maxresults=8;
removeRelatedDuplicates(); printRelatedLabels("
<data:post.url/>");
</script>
</div>
<div id='banner-ads'>
</div>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.admi
nClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.edit
PostMsg'>
<img alt='' class='icon-action' height='18' src='http://
img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'>
<a class='goog-inline-block share-button sb-email' expr:href
='data:post.sharePostUrl + "&target=email"' expr:title='data:top.e
mailThisMsg' target='_blank'>
<span class='share-button-link-text'>
<data:top.emailThisMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showBlogThisButton'>
<a class='goog-inline-block share-button sb-blog' expr:href=
'data:post.sharePostUrl + "&target=blog"' expr:onclick='"wind
ow.open(this.href, \"_blank\", \"height=270,width=475\"); re
turn false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<data:top.blogThisMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showTwitterButton'>
<a class='goog-inline-block share-button sb-twitter' expr:hr
ef='data:post.sharePostUrl + "&target=twitter"' expr:title='data:t
op.shareToTwitterMsg' target='_blank'>
<data:top.shareToTwitterMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showFacebookButton'>
<a class='goog-inline-block share-button sb-facebook' expr:h
ref='data:post.sharePostUrl + "&target=facebook"' expr:onclick='&q
uot;window.open(this.href, \"_blank\", \"height=430,width=620\&qu
ot;); return false;"' expr:title='data:top.shareToFacebookMsg' target='_bla
nk'>
<data:top.shareToFacebookMsg/>
</span>
</a>
</b:if>
<b:if cond='data:top.showOrkutButton'>
<a class='goog-inline-block share-button sb-orkut' expr:href
='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.s
hareToOrkutMsg' target='_blank'>
<data:top.shareToOrkutMsg/>
</span>
</a>
</b:if>
<div class='goog-inline-block dummy-container'>
<data:post.dummyTag/>
</div>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<p>
</p>
editor-src'/>
' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p>
</p>
editor-src'/>
' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>&#3
9;, '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_css'>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='te
xt/javascript'/>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1
;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.co
ntentRemoved') {
return '<span class="deleted-comment">' + entry.co
ntent.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++
) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) +
'';
if (entry.author && entry.author.constructor === Arr
ay) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefine
d),
avatarUrl: (auth.gd$image ? auth.gd$image.src
: undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2]
.href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(
entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogge
r.itemClass') {
comment.deleteclass += ' ' + entry.gd$extended
Property[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=publish
ed&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOStr
ing();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(s
cript);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this styl
e:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox,
null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder')
;
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.lo
adQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
1
<data:commentLabel/>
:
<b:else/>
<data:commentLabelPlural/>
:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='com
ment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-co
ntainer"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Blogger templates' type
='HTML'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML5' locked='false' title='Login' type='HTML'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Input Alumni' type='HTM
L'>
<h2 class='title'><data:title/></h2>
</b:if>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Posting Populer
' type='PopularPosts'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'>
<data:post.title/>
</a>
<b:else/>

<div class='item-title'>
<data:post.title/>
</a>
</div>
<div class='item-snippet'>
</div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank
'>
<img alt='' expr:height='data:thumbnailSiz
e' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<data:post.title/>
</a>
</div>
</div>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank
'>
<img alt='' expr:height='data:thumbnailSiz
e' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<data:post.title/>
</a>
</div>
<div class='item-snippet'>
</div>
</div>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Komentar' type='HTML'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='clear'>

</div>
</div>

<div class='picfooter'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' preferred='yes'/>
<div id='footer1-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='HTML9' locked='false' title='Seminar dan Workshop'
type='HTML'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='HTML2' locked='false' title='Lomba' type='HTML'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:widget id='HTML7' locked='false' title='Beasiswa' type='HTML'
>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
</div>
</div>
<div class='creditpic'>
<div class='credit'>
<div style='float:left;text-align:left;' valign='top'>
<strong>
Support by :
</strong>
<a href='http://www.uty.ac.id'>
<img src='https://lh5.googleusercontent.com/-t5_g5JMHApg/UXF_475
ApBI/AAAAAAAAADU/Jym9hgAcVGY/h120/uty.gif' width='50px'/>
</a>
|
<a href='#'>
Your Link
</a>
|
<a href='#'>
Your Link
</a>
<br/>
Copyright © 2013.
<a class='sitename' expr:href='data:blog.homepageUrl' expr:title='
data:blog.title'>
<data:blog.title/>
</a>
- All Rights Reserved
</div>
<div style='float:right;text-align:right;'>
Administrator by pubdok HMTE UTY
</div>
</div>
</div>
</div>
</div>

//<![CDATA[
$(document).ready(function() {
$('#sidebar .widget-content').hide();
$('#sidebar h2:first').addClass('active').next().slideDown('slow');
$('#sidebar h2').css('cursor', 'pointer').click(function() {
if($(this).next().is(':hidden')) {
$('#sidebar h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
//]]>
</script>
</body>
</HTML>

Template Hmte

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Template Hmte

Enviado por

Direitos autorais:

Formatos disponíveis

<?xml version="1.0" encoding="UTF-8" ?

Você também pode gostar