· 5 years ago · Jul 03, 2020, 09:54 PM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<HTML expr:dir='data:blog.languageDirection'>
4<head>
5<meta charset='utf-8'/>
6<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
7
8<b:if cond='data:blog.pageType == "index"'>
9 <title><data:blog.pageTitle/></title>
10<b:else/>
11 <b:if cond='data:blog.pageType == "error_page"'>
12 <title>404 :(</title>
13 <b:else/>
14 <title><data:blog.pageName/></title>
15 </b:if>
16</b:if>
17<!--[Main Meta Tag]-->
18 <b:if cond='data:blog.pageType == "archive"'>
19 <meta content='noindex' name='robots'/>
20 </b:if>
21 <b:if cond='data:blog.searchLabel'>
22 <meta content='noindex,nofollow' name='robots'/>
23 </b:if>
24 <b:if cond='data:blog.isMobile'>
25 <meta content='noindex,nofollow' name='robots'/>
26 </b:if>
27 <b:if cond='data:blog.postImageThumbnailUrl'>
28 <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
29 <b:else/>
30 <meta content='https://3.bp.blogspot.com/-UC7Hta0ncBg/WS3C5iMnLII/AAAAAAAABUg/N17Rew18EgIlBluhokdrFsY3B42VEoxWQCLcB/s1600/aaa.png' property='og:image'/>
31 </b:if>
32 <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
33 <meta content='blogger' name='generator'/>
34 <meta content='description' name='description'/>
35 <meta content='keywords' name='keywords'/>
36 <meta content='Indonesia' name='geo.placename'/>
37 <meta content='author' name='Author'/>
38 <meta content='general' name='rating'/>
39 <meta content='id' name='geo.country'/>
40<!--[socmed Meta Tag]-->
41 <b:if cond='data:blog.url == data:blog.homepageUrl'>
42 <b:if cond='data:blog.pageType == "item"'>
43 <b:if cond='data:blog.pageType == "static_page"'>
44 <b:if cond='data:blog.url'>
45 <meta expr:content='data:blog.url' property='og:url'/>
46 </b:if>
47 <meta expr:content='data:blog.title' property='og:site_name'/>
48 <b:if cond='data:blog.pageName'>
49 <meta expr:content='data:blog.pageName' property='og:title'/>
50 </b:if></b:if></b:if></b:if>
51 <meta expr:content='data:blog.pageTitle' property='og:title'/>
52 <b:if cond='data:blog.pageType == "item"'>
53 <meta content='article' property='og:type'/>
54 <b:else/>
55 <meta content='website' property='og:type'/>
56 </b:if>
57 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
58 <b:if cond='data:blog.postImageUrl'>
59 <meta expr:content='data:blog.postImageUrl' property='og:image'/>
60 <b:else/>
61 <b:if cond='data:blog.postImageThumbnailUrl'>
62 <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
63 <b:else/>
64 <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
65 </b:if></b:if>
66 <b:if cond='data:blog.metaDescription'>
67 <meta expr:content='data:blog.metaDescription' property='og:description'/>
68 <b:else/>
69 <meta content='description' property='og:description'/>
70 </b:if>
71 <meta expr:content='data:blog.title' property='og:site_name'/>
72 <meta content='yourFBid' property='fb:app_id'/>
73 <meta content='yourFBid' property='fb:admins'/>
74 <meta content='en_US' property='og:locale'/>
75 <meta content='en_GB' property='og:locale:alternate'/>
76 <meta content='id_ID' property='og:locale:alternate'/>
77 <meta content='summary' name='twitter:card'/>
78 <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
79 <meta content='yourTWid' name='twitter:site'/>
80 <meta content='yourTWid' name='twitter:creator'/>
81 <b:if cond='data:blog.pageType == "item"'>
82 <meta expr:content='data:blog.pageName' property='og:title'/>
83 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
84 <meta content='article' property='og:type'/>
85 <b:if cond='data:blog.metaDescription'>
86 <meta expr:content='data:blog.metaDescription' property='og:description'/>
87 <b:else/>
88 <meta expr:content='"Silahkan baca artikel " + data:blog.pageName + " ini selengkapnya di " + data:blog.title + ""' property='og:description'/>
89 </b:if>
90 </b:if>
91
92<link href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
93<link href='https://rawgit.com/brayenid/borneoscript3/master/bootstrapMDF8.css' rel='stylesheet'/>
94<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'/>
95<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'/>
96<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
97<link expr:href='data:blog.url' rel='canonical'/>
98<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
99<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
100<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
101<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
102<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
103
104<b:if cond='data:blog.pageType == "item"'>
105<b:if cond='data:blog.postImageThumbnailUrl'>
106<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
107</b:if>
108</b:if>
109<style type="text/css">
110<!-- /*<b:skin><![CDATA[
111body#layout ul{list-style-type:none;list-style:none}
112body#layout ul li{list-style-type:none;list-style:none}
113body#layout #outer-wrapper{overflow:visible;width:1000px}
114body#layout .add_widget{width:100%}
115body#layout div.widget{width:100%}
116body#layout #sidebar-wrapper{overflow:visible;width:240px}
117body#layout #main-wrapper{overflow:visible;float:left;width:650px;margin-left:20px}
118body#layout #sidebar-wrapper{overflow:visible;float:right;width:300px;margin-right:20px}
119body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}
120body#layout .section-columns{margin:0} .section{width:100%}
121
122blockquote{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
123blockquote,q{quotes:none;}
124blockquote:before,blockquote:after,q:before,q:after{background:transparent;}
125blockquote{margin:1.5em 0;}hr{height:1px;border:none;background-color:#999;}
126blockquote{border-left:6px solid rgba(2,2,2,0.3);display:block;position:relative;background-color:#f2dca7;color:#5c5545;border-radius:2px;margin:.75em 0;padding:10px 15px 10px 25px}
127blockquote a{color:#34495e;}*:focus {outline:0!important;}}
128table{border-collapse:collapse;border-spacing:0;}
129.post-body table td {border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;}
130.post-body table th {border:1px solid #eaeaea;padding:10px;text-align:left;vertical-align:top;background:#fafafa!important;color:#444}
131post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
132.post-body th{background:#fff;font-weight:400;text-transform:uppercase;font-size:14px}
133table {max-width:100%;width:100%;margin:1.5em auto;}
134table.section-columns td.first.columns-cell{border-left:none}
135table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
136table.columns-2 td.columns-cell{width:50%}
137table.columns-3 td.columns-cell{width:50%}
138table.columns-4 td.columns-cell{width:30%}
139table.section-columns td.columns-cell{vertical-align:top}
140table.tr-caption-container{padding:4px;margin-bottom:.5em}
141td.tr-caption{font-size:80%}
142.post-body td img, .post-body th img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important}
143.post-body table.tr-caption-container img, .post-body table.tr-caption-container img, .post-body img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important}
144.post-body table.tr-caption-container td {border:none;padding:0 !important;margin:0 !important}
145.post-body table caption{max-width:100%;height:auto;border:none !important;padding:0 !important}
146.post-body img.video-thumbnail,.youtube-thumb{visibility:hidden !mportant;display:none !important;height:0}
147.videoyoutube{text-align:center;margin:auto;width:100%;}
148.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
149.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
150*/]]></b:skin>
151<style>
152@font-face {font-family: "bebas";src: url('https://rawgit.com/brayenid/borneoscript3/master/BebasNeue.otf')}
153body {background:#1E1E2F;text-align:left;color:#000;}
154a:link {text-decoration: none;transition:.2s;color:#989BA2}
155a:hover,a:focus {text-decoration: none;color:#989BA2}
156a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
157.container {width: 960px;}
158#header-wrapper {padding:10px 30px 30px 70px;text-align:center;height: 380px;width: 100%;background: #1E1E2F;border-top: 0px solid #444}
159#header-wrapper h1 {color: #fff;margin-top: 80px;font-family: bebas;font-size: 100px;letter-spacing: 1.5px}
160#header-wrapper .desk {font-size: 19px;color: #1E1E2F;margin-bottom: 10px;text-transform: uppercase;letter-spacing:1px;background:#fff;padding:6px 10px}
161#header-wrapper .judulblog {color:#26293B}
162#header-wrapper .desk {background:#26293B}
163#sidebar-wrapper{padding:0;width:300px;float:right;word-wrap:break-word;overflow:hidden;position:relative;margin-top:25px}
164#sidebar-wrapper h2 {background:#533557;position:relative;text-transform:uppercase;letter-spacing:1px}
165#sidebar-wrapper h2,#sidebar-wrapper h3{color:#fff;position:relative;font-size:16px;padding:10px 15px;margin:0;border-bottom:1px solid rgba(0,0,0,0.06);font-family:'Roboto',serif}
166#sidebar-wrapper .widget-content {margin-bottom:20px;-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);box-shadow: 1px 1px 4px rgba(0,0,0,0.1)}
167#sidebar-wrapper .widget-content ul{list-style:none;margin:0;padding:0}
168#sidebar-wrapper .widget-content ul li {border-bottom:solid 1px #eaeaea}
169#sidebar-wrapper .item-title a {color:#333;font-weight:bold;-webkit-transition:.2s;transition:.2s}
170#sidebar-wrapper .item-title a:hover {color:#533557;font-weight:bold}
171#sidebar-wrapper .widget-content ul li:last-child {border-bottom:none}
172.widget-content{background:#fff;margin:0;padding:0;overflow:hidden;}
173.menu {background: #26293B;border-bottom:1px solid #2B304E;width: 100%;text-align:center;z-index: 9999}
174.menu.nempel {position: fixed;top:0}
175#menu1 {display: block;margin-top: 0;background: #aaa;}
176.menu {display: block}
177.menu li {text-align:left;display: inline-block;position: relative;z-index: 100;}
178.menu li:first-child {margin-left: 0;}
179.menu li a {font-weight: 400;text-decoration: none;padding: 10px 15px;display: block;color: #989BA2;transition: all 0.2s ease-in-out 0s;}
180.menu li a:hover,.menu li:hover>a {color: #989BA2}
181.menu ul {visibility: hidden;opacity: 0;margin: 0;padding: 0;width: 150px;position: absolute;left: 0px;background: #fff;box-shadow: 1px 1px 2px rgba(0,0,0,0.4);z-index: 99;transform: translate(0,-10px);transition: all 0.2s ease-out;}
182.menu ul li {display: block;float: none;background: none;margin: 0;padding: 0;}
183.menu ul li a {font-size: 12px;font-weight: normal;display: block;color: #989BA2;background: #26293B;}
184.menu ul li a:hover,.menu ul li:hover>a {background: linear-gradient(135deg,rgba(46,58,238,1)14%,rgba(10,215,247,1)100%);;color:#989BA2;}
185.menu li:hover>ul {visibility: visible;opacity: 1;transform: translate(0,0);}
186.menu ul ul {left: 149px;top: 0px;visibility: hidden;opacity: 0;transform: translate(0,-10px);transition: all .3s ease-out;}
187.menu ul ul:after {left: -6px;top: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 6px;margin-top: -6px;}
188.menu li>ul ul:hover {visibiity: visible;opacity: 1;transform: translate(0,0);}
189.responsive-menu {display: none;width: 100%;padding: 20px 15px;background:#26293B;color: #989BA2;text-transform: uppercase;font-weight: 600;border-bottom: 0px solid #26293B;transition: .3s}
190.responsive-menu:hover {background: #26293B;color: #989BA2;text-decoration: none;}
191.iklan {overflow:hidden;background: #fff;text-align: center;height: 120px; width: 100%; margin-bottom: 25px;line-height: 120px;font-size: 18px;font-family:'Roboto',serif;-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);box-shadow: 1px 1px 4px rgba(0,0,0,0.1))}
192.iklan img {width: 100%}
193.iklan a {color: #533557}
194.search {background:linear-gradient(135deg,rgba(46,58,238,1)14%,rgba(10,215,247,1)100%);border:0;width:100%;max-width:230px;line-height:10px;margin:3px 3px 0 0;border-radius:4px;float:right}
195.searchform{position:relative;:padding:0;margin:0;color:#999;overflow:hidden;border-radius:20px;transition:all .6s}
196.searchform:hover,.searchform:active{color:#222;outline:0;}
197.searchform input{color:#eee;padding:0;margin:0;}
198.searchform input:focus{color:#eee;}
199.searchform .searchfield {font-weight:bold; background:transparent;border:0;outline:none;width:80%;padding:12px;font-size:90%;}
200.ico-mglass {position:absolute;display:inline-block;background:transparent;height:6px;width:6px;right:22px;top:11px;text-align:center;box-sizing:initial;cursor:pointer;border-radius:100%;border:2px solid #eee}
201.ico-mglass:after {content:"";height:2px;width:6px;background:#eee;position:absolute;top:7px;left:4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
202#searchsubmit {position:absolute;background:transparent;border:0;padding:8px 16px;cursor:pointer;right:10px;z-index:2}
203#searchsubmit:hover,#searchsubmit:active {cursor:pointer;outline:none}
204#footer-wrapper {font-weight:bold;text-align:center;line-height: 1.5em;width: 100%;height: 75px; background: #26293b;border-top:0px solid #26293b;position: absolute;padding-top: 20px;color:#eee;font-size: 12px;text-decoration: none;}
205#footer-wrapper a {color: #ffff;transition: all .3s ease-in-out}
206#footer-wrapper a:hover{color:#989BA2;}
207.halaman{margin-top:20px;padding:0;background:#fff;-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
208.halaman-kiri{width:50%;background:none;float:left;margin:0;padding-bottom:10px;text-align:left;color:#333;transition:all .3s ease-in-out;}
209.halaman-kanan{width:50%;background:none;float:right;margin:0;padding-bottom:10px;text-align:right;color:#333;transition:all .3s ease-in-out}
210.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#533557!important}
211.halaman-kanan a:hover,.halaman-kiri a:hover{color:#533557!important;}
212.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:13px; font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight:700;background:none;text-decoration:none}
213.halaman-kiri a,.halaman-kanan a{color:#333;}
214.pager-title-left{font-family: 'Trebuchet MS', sans-serif;font-size:17px;text-transform:uppercase;font-weight:700;transition:all .3s ease-in-out;color:#bbb}
215.isihalaman-kiri{margin:5px 10px 10px}
216.isihalaman-kanan{margin:5px 10px 10px}
217#blog-pager-newer-link{float:left}
218#blog-pager-older-link{float:right}
219.blog-pager,#blog-pager{clear:both;text-align:center}
220.breadcrumbs{padding:8px 6px;margin-top:0px;font-size:12px;color:#989ba2;background:#26293b;}
221.breadcrumbs a {color:#ffff}
222.feed-links{clear:both;line-height:2.5em}
223.quickedit{display:none}
224.date-header {display:none}
225.post-footer {display:none}
226.bloginfo {background:#26293B;width:100%;min-height:155px;text-align:center;font-size:14px;overflow:hidden;padding:23px 6px}
227.judulinfo {color : #989BA2;text-transform:uppercase;font-size:16px;font-weight:bold}
228.subscribe-wrapper {color : #333;line-height:20px; padding: 1px 20px 10px;text-align : center;}
229.daftarlink {padding-top:20px}
230.daftarlink a {color:#989BA2}
231#recent-posts{color:#999;font-size:12px;height:155px;overflow:auto}
232#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
233#recent-posts ul{margin:0;padding:0}
234#recent-posts ul li{list-style:none;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
235#recent-posts ul li:last-child{border-bottom:0}
236#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
237#related-posts {float:left;width:100%;background:#fff;padding:10px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
238#related-posts a {padding-bottom:6px;}
239#related-posts h4{background:none;padding:0 3px 3px 3px;color:#444}
240#related-posts .related_img {margin:10px;object-fit: cover;width:110px;height:100px}
241#related-title {color:#333;text-align:center;text-transform:capitalize;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
242#related-posts .related_img:last-child {margin-right:0}
243.subscribe-form {margin-top:10px;clear: both;display: block; overflow: hidden;width:100%}
244form.subscribe-form {clear: both;display: block;width : auto;overflow : hidden;}
245.subscribe-css-email-field {background:linear-gradient(135deg,rgba(46,58,238,1)14%,rgba(10,215,247,1)100%);color: #26293B; margin: 0 0 15px;padding: 12px 9px;width: 100%;border: none;}
246.subscribe-css-button {background: linear-gradient(135deg,rgba(46,58,238,1)14%,rgba(10,215,247,1)100%);color: #26293B;cursor: pointer;font-weight: 700;padding: 7px;text-transform: none;width: 100%;border: none;font-size: 16px;transition: all 0.3s ease-in;border-radius:3px}
247.subscribe-css-button:hover {transition : all 0.3s ease-in;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);}
248@media (width: 1024px){
249.menu {display: block}
250#related-posts .related_img {margin:5px}
251}
252
253@media (min-width: 768px) and (max-width: 979px) {
254.menu ul {top: 37px;}
255.menu li a {font-size: 12px;}
256.iklan {width: auto;margin-left: 15px;margin-right: 25px}
257.search {margin: auto}
258#related-posts .related_img {margin:5px}
259}
260@media (max-width: 767px) {
261.menu {display: none;padding-left: 1px;text-align: left;}
262.responsive-menu {display: block}
263nav {margin: 0;background: none;}
264.menu li {display: block;margin: 0;}
265.menu li a {background:#26293B;color: #989BA2;;-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
266.menu li a:hover,.menu li:hover>a {background:linear-gradient(135deg,rgba(46,58,238,1)14%,rgba(10,215,247,1)100%);color: #989BA2;}
267.menu ul {visibility: hidden;opacity: 0;top: 0;left: 0;width: 100%;transform: initial;}
268.menu li:hover>ul {visibility: visible;opacity: 1;position: relative;transform: initial;}
269.menu ul ul {left: 0;transform: initial;}
270.menu li>ul ul:hover {transform: initial;}
271.post-outer {width: 80%}
272#header-wrapper {padding:10px 0 0 0;}
273.iklan {width: auto;margin-left: 15px;margin-right: 25px}
274.search {margin: auto;width:170px;line-height:7px}
275.searchform input{color:#eee;padding:0;margin:0;font-size:11px}
276#header-wrapper {padding-bottom: 20px}
277#header-wrapper h1 {font-size: 70px}
278#header-wrapper .desk {font-size: 12px;}
279}
280@media (max-width: 800px) {
281.iklan {width: auto;margin-left: 15px;margin-right: 25px}
282.navatas ul li {margin-top: 60px;float: none}
283.search {margin: auto;margin-left: 220px}
284#header-wrapper h1 {font-size: 80px;}
285#header-wrapper .desk {font-size: 12px;}
286.iklan {margin-top: 20px}
287}
288@media (max-width: 480px) {
289.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:11px}
290.iklan {width: auto;margin: 20px 10px}
291.search {margin: auto;margin-top: 30px;line-height:6px}
292#header-wrapper {height:280px}
293#header-wrapper h1 {font-size: 55px}
294#header-wrapper .desk {font-size: 13px;}
295.search {margin: auto;margin-top:2px;width:170px}
296.facebook,.twitter,.gplus {font-size:80%}
297}
298@media (max-width: 320px) {
299.iklan {margin-top: 20px}
300.search {margin-left:15px}
301}
302.feed-links {display:none}
303.cf:before,.cf:after {content: " ";display: table;}
304.cf:after {clear: both;}
305.cf {*zoom: 1;}
306.cf {*zoom: 1;}
307
308.daftartaut li:last-child {margin-bottom:-10px}
309.daftartaut li a {font-size:14px;color:#2E3AEE;padding-left: 3px;text-transform: uppercase;text-decoration: none;}
310.daftartaut li {padding: 4px}
311.daftartaut li:hover {background:linear-gradient(135deg,rgba(46,58,238,1)14%,rgba(10,215,247,1)100%);}
312.daftartaut li:hover a {color:#4B304E}
313#tombol1{padding:5px;color: #2E3AEE;border:none;background: transparent;font-size: 24px;cursor:pointer;transition: .3s}
314#buka:after {content:"";width:0;height:0;position:absolute;top:-16px;left:8px;border:8px solid transparent;border-color:transparent transparent #26293B}
315#buka{display:none;text-align:left;color:#989BA2;position: absolute;min-width: 150px;height:auto;background: #26293B;margin-top: 8px}
316.navup {width:100%;margin-top:10px}
317.sosmed {transform:translate(-5,0);opacity:0;position:fixed;left:-40px;top:35%;color:#eee;list-style-type:none;transition:.2s}
318.sosmed.muncul {opacity:1;transform:translate(0,0)}
319.sosmed li {margin-bottom:10.3px}
320.sosmed a {color:#eee}
321.facebook{background:#1F3A93;font-size:22px;padding:8px;transition:.4s}
322.facebook:hover {background:#3A539B;padding-left:20px}
323.twitter{background:#19B5FE;font-size:22px;padding:8px;;transition:.4s}
324.twitter:hover {background:#6BB9F0;padding-left:20px}
325.gplus{background:#D91E18;font-size:22px;padding:8px;transition:.4s}
326.gplus:hover {background:#F22613;padding-left:20px}
327.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:1em;padding:5px 5px 5px 0}
328.comments h4 {color:#333;font-size:15px;text-transform:uppercase;}
329.comments .comments-content{font-size:13px;background:none;margin-bottom:10px;margin-top:-8px;margin-left:-10px;padding-left:0.8em;}
330.comments .comment .comment-actions a{cursor:pointer;font-size:11px;color:#EC7263;margin-right:-10px;margin-left:10px;float:right;margin-top:-12px;padding:5px 10px}
331.comments .comment .comment-actions a:hover{text-decoration:none;background:#EC7263;color:#FFF}
332.comments .comments-content .comment-thread ol{list-style-type:none;text-align:left;padding:0}
333.comments .comments-content .inline-thread{padding:0 0 0.5em 1em;}
334.comments .comments-content .comment-thread{margin:0 0 8px}
335.comments .comments-content .comment-replies{margin-top:10px;margin-left:36px}
336.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px}
337.comments .comments-content .comment:first-child{padding-top:16px}
338.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
339.comments .comments-content .comment-body{position:relative}
340.comments .comments-content .user{font-style:normal;font-weight:700;transition:all .3s ease-in-out;margin-left:5px}
341.comments .comments-content .user:hover{color:#EC7263}
342.user.blog-author a{color:#333;margin-left:5px;text-decoration:none;padding:px}
343.user.blog-author a:hover{color:#EC7263!important}
344.comments .comments-content .datetime{float:right;font:11px Arial;margin-left:10px}
345.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:0}
346.comment-header{color:#333;background:#fff;border-top:6px solid #fff;margin-left:-10px!important;margin-top:-10px!important;margin-right:-10px!important;padding:8px 6px;}
347.comment-header a{color:#333;margin-left:5px}
348.comments .comments-content .comment-content{text-align:justify;margin:10px 0 20px;font:12px arial;line-height:1.4em}
349.comments .comments-content .owner-actions{position:absolute;right:0;top:0}
350.comments .comments-replybox{border:none;height:250px;width:100%}
351.comments .comment-replybox-single{margin-top:5px;margin-left:48px}
352.comments .comment-replybox-thread{margin-top:5px}
353.comments .comments-content .loadmore a{display:block;text-align:center;padding:10px 16px}
354.comments .thread-toggle{cursor:pointer;display:inline-block}
355.comments .continue{float:right;cursor:pointer;}
356.comments .continue a{display:block;font-weight:700;padding:.5em}
357.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:3em}
358.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
359.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;padding-right:4px;margin:.3em}
360.comments .thread-expanded .thread-arrow{background:url(http://4.bp.blogspot.com/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-repeat scroll 0 0 transparent}
361.comments .thread-collapsed .thread-arrow{background:url(http://4.bp.blogspot.com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-repeat scroll 0 0 transparent}
362.comments .avatar-image-container{float:left;width:32px;max-height:56px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
363.comments .avatar-image-container img{width:32px;background:url(//2.bp.blogspot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif);overflow:hidden;border:none;background-size:cover}
364.comments .comment-block{background:#fff;position:relative;margin-left:47px;box-shadow:1px 1px 5px #c3c3c3;border:1px solid #fff;border-top:none;border-left:none;padding:10px}
365#comments a{transition:all .3s ease-in-out;text-decoration:none}
366.comments .comments-content .comment-thread:empty,.comments .thread-chrome.thread-collapsed{display:none}
367@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}
368.comment .comment-block:target,.comments .comment-thread.inline-thread .comment .comment-block:target,.comments .comment-thread.inline-thread .comment:target{background: #fff;border:2px solid #fff}
369#comment-editor{margin-top:10px}
370.comment-form{width:100%;max-width:100%;}
371#comment-editor {background:transparent;height:240px}
372#threaded-comment-form{background:#fff;;-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1);;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);border:1px solid #fff;padding:0;transition:all .3s ease-in-out;margin-top:30px}
373.comments .comment-thread.inline-thread .comment {margin:0 0 0 33% }
374.comment .comment-thread.inline-thread .comment:nth-child(12) {margin:0 0 0 33% }
375.comment .comment-thread.inline-thread .comment:nth-child(11) {margin:0 0 0 30% }
376.comment .comment-thread.inline-thread .comment:nth-child(10) {margin:0 0 0 27% }
377.comment .comment-thread.inline-thread .comment:nth-child(9) {margin:0 0 0 24% }
378.comment .comment-thread.inline-thread .comment:nth-child(8) {margin:0 0 0 21% }
379.comment .comment-thread.inline-thread .comment:nth-child(7) {margin:0 0 0 18% }
380.comment .comment-thread.inline-thread .comment:nth-child(6) {margin:0 0 0 15% }
381.comment .comment-thread.inline-thread .comment:nth-child(5) {margin:0 0 0 12% }
382.comment .comment-thread.inline-thread .comment:nth-child(4) {margin:0 0 0 9% }
383.comment .comment-thread.inline-thread .comment:nth-child(3) {margin:0 0 0 6% }
384.comment .comment-thread.inline-thread .comment:nth-child(2) {margin:0 0 0 3% }
385.comment .comment-thread.inline-thread .comment:nth-child(1) {margin:0 0 0 0% }
386.spammer-detected{font:italic 12px Georgia}
387.deleted-comment { color:transparan }
388.deleted-comment:after { content:" Karena Komentar yang berisi spam ataupun ada sedikit Kesalahan" }
389.deleted-comment{font-style:italic;color:#EC7263;}
390@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}
391@media screen and (max-width: 320px){
392.comments .comments-content .datetime{display:block;float:none}
393.comments .comments-content .comment-header{height:70px}
394}
395@media screen and (max-width: 240px){
396.header-wrapper{margin-right:0;min-height:0;width:100%}
397#header{text-align:center;width:100%;max-width:none;}
398#header-inner{margin:10px 0}
399#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
400.comments .comments-content .comment-replies{margin-left:0}
401}
402#Label1 .widget-content{position:relative;background:transparent;padding:0}
403.label-size{background:#fff;display:inline-block;float:left;margin:0 1px 1px 0;color:#444;font-size:12px;width:100%;transition:all .3s}
404.cloud-label-widget-content{text-align:left}
405.label-size a,.label-size span{display:inline-block;color:#444;padding:12px}
406.label-size a:hover,.label-size span:hover{color:#fff}
407.label-size a{width:70%}
408.label-size:hover{background:#533557}
409.label-size:hover a,.label-size:hover span {color:#fff}
410.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:rgba(255,255,255,.1);color:#fff;float:right;width:40px;text-align:center;transition:all .3s}
411.label-size:hover .label-count,.label-size:focus+.label-count{background-color:rgba(0,0,0,.1)}
412
413#sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:left;width:100%;transition:all .3s ease-out}
414#sidebar-wrapper .Label li:hover {background:#533557;color:#fff;padding-left:6px}
415#sidebar-wrapper .Label li:hover a {;color:#fff}
416#sidebar-wrapper .Label li a{padding:0 0 0 20px;display:block;position:relative;line-height:42px;color:#333;text-decoration:none;transition:all .3s ease-out;font-size:13px}
417#sidebar-wrapper .Label li a:hover {color:#fff;transition:all .3s ease-out}
418#sidebar-wrapper .Label li a:hover {color:#fff;}
419#sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#eee;color:#555;position:absolute;top:0;right:0;z-index:2;transition:.2s}
420#sidebar-wrapper .Label li:hover span {background:rgba(0,0,0,0.4);color:#fff}
421#PopularPosts1 .widget-content {padding:8px 5px}
422#totop{background:rgba(0,0,0,.5);text-align:center;position:fixed;bottom:15px;right:15px;cursor:pointer;width:34px;height:34px;line-height:34px;border-radius:4px;padding:4px;display:none;-webkit-transform:translateZ(0);box-sizing:initial;transition:all .3s ease-out}
423#totop:hover{background:rgba(0,0,0,.3)}
424#totop i {color:#fff}
425</style>
426<b:if cond='data:blog.pageType == "error_page"'>
427<style type='text/css'>
428.bloginfo, #header, #outer-wrapper, #post-wrapper, #sidebar-wrapper, #content-wrapper,#footer-wrapper {display:none;}
429.container404{transition:all .3s;margin:auto;padding-top:16%;width:400px;height:auto;text-align:center;animation: ticking 1s infinite;}
430.body404 {background:#444;width:100%;height:100%;position:absolute;animation: body 2s infinite}
431.container404:hover {animation:none}
432.container404 h1 {font-size:150px;color:#ccc;animation: judul 1s infinite}
433.container404 a {font-size:20px;color:#ccc;text-transform:uppercase}
434@keyframes ticking {
435 0% {transform:scale(1.0)}
436 15% {transform:scale(1.1)}
437}
438@keyframes judul {
439 0% {color:#ddd}
440 15% {color:#eee}
441}
442@keyframes body {
443 0% {background:#444}
444 15% {background:#333}
445}
446</style>
447</b:if>
448<b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>
449<style>
450#main-wrapper {width:700px;word-wrap:break-word;float:left;margin-top:25px}
451.post {background:#fff;box-shadow: 1px 1px 4px rgba(0,0,0,0.1)}
452.post-body {padding:25px}
453.post-body img {width:auto;height:auto;overflow:hidden}
454.post-title {font-weight:bold;background:#26293b;padding:25px;color:#989ba2;font-family:'Roboto',serif;font-size: 25px;width: 100%;text-align :center;text-transform:uppercase;letter-spacing:0.5px;border-bottom:0px solid #eee;border-top:0px solid #eee}
455.post-title a {color:#989BA2}
456.post-info {float:right;width:100%;background:#26293b;display:block;padding:10px 2px 8px 10px;color:#989ba2;font-size:12px;overflow:hidden;margin-top:-1px;margin-bottom:0px;border-bottom:0px solid #eee}
457.post-info abbr {border:}
458.post-info a{color:#989BA2;text-transform:none;font-weight:400}
459.post-timestamp,.author-info,.comment-info,.label-info{padding:0 10px 0 0}
460.content-wrapper {width:1020px;margin:auto}
461@media screen and (max-width:1024px) {
462.content-wrapper {width:100%}
463#main-wrapper {width:98%;margin-left:4px}
464.post-outer {width:100%}
465#sidebar-wrapper {float:none;width:100%}
466@media screen and (max-width:940px) {
467.content-wrapper {width:100%}
468#sidebar-wrapper {float:none}
469}
470@media screen and (max-width:768px) {
471.content-wrapper {width:100%}
472#sidebar-wrapper {float:none}
473}
474</style>
475</b:if>
476<b:if cond='data:blog.pageType != "item"'>
477<b:if cond='data:blog.pageType != "static_page"'>
478<script type='text/javascript'>
479var thumbnail_mode = "yes" ;
480summary_noimg = 50;
481summary_img = 50;
482img_thumb_height = 130;
483img_thumb_width = 150;
484</script>
485<script type='text/javascript'>
486//<![CDATA[
487function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="display:none;padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div style="padding-top:10px">'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
488//]]>
489</script>
490<style type='text/css'>
491.post {background:#26293B;width:100%;height:350px;float:left;position:relative;overflow:hidden}
492#main-wrapper {max-width:960px;margin:auto;margin-top:25px}
493.post-outer {width:23.03%;margin:0 25px 25px 0;float:left;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
494.post-outer:nth-child(4n+4) {margin-right:0}
495.post-title{font-family:arial;font-weight:700;padding:0 3px;margin-top:0;line-height:1.2em;font-size:20px;text-align:center;font-weight:bold}
496.post-title a {color:#ffff}
497.post-body {position:relative;padding:5px;height:241.5px;font-family: Helvetica, Arial; font-size: 13px; margin:2px;color:#989BA2}
498.post-labels {display:none;}
499.mobile .post {width:auto;height:auto;}
500.mobile .post-body {height:auto;}
501.more {display:none;float:right;background:#533557;color:#eeee!important;padding:5px;text-decoration:none!important;transition: all .3s ease;z-index:2;margin-bottom:-4px}
502.more:hover {background:#eee;color:#fff!important;text-decoration:none!important;}
503.post img{width:100%;transition:.5s}
504.post img:hover {opacity:.8}
505.cutter {width:100%;height:230px;overflow:hidden;margin:0;padding:0}
506.navigasi{clear:both;margin:20px 0 10px;text-align:center;font-weight:bold;color:#fff !important;text-transform:uppercase}
507.navigasi span,.navigasi a{padding:5px 10px;margin-right:4px;display:inline-block;color:#fff !important;background-color:#533557;}
508.navigasi .current{color:#533557!important;background-color:#eee;}
509.navigasi .current,.navigasi .pages,.navigasi a {transition:.2s}
510.navigasi .current,.navigasi .pages,.navigasi a:hover{color:#444 !important;background-color:#ddd;}
511.navigasi .pages {margin:0 -1px 0 0}
512@media screen and (max-width:1024px) {
513.post-outer {width:23%}
514.post-outer:nth-child(4n+4) {margin-right:0}
515}
516@media screen and (max-width:940px) {
517.post-outer {width:45%}
518.post-outer:nth-child(4n+4) {margin-right:25px}
519}
520@media screen and (max-width:820px) {
521.post-outer {width:44.3%;margin-left:10px}
522.post-outer:nth-child(2n+4) {margin-right:0}
523}
524@media screen and (max-width:768px) {
525.post-outer {width:45.7%;margin-left:15px;margin-right:10px}
526.post-outer:nth-child(2n+4) {margin-right:0}
527.post-title {padding-top:7px}
528}
529@media screen and (max-width:600px) {
530.post-outer {width:44.3%;margin-left:15px;margin-right:10px}
531.post-outer:nth-child(2n+4) {margin-right:0}
532}
533@media screen and (max-width:568px) {
534.post-outer {width:45%;margin-left:10px}
535.post-outer:nth-child(2n+2) {margin-right:0}
536}
537@media screen and (max-width:414px){
538.post-outer {width:90%}
539.post-outer:nth-child(4n+4) {margin-right:25px}
540.post-outer {margin-left:15px}
541.navigasi,.navigasi span,.navigasi a{font-size:10px}
542.navigasi .pages {display:none}
543}
544</style>
545</b:if>
546</b:if>
547<b:if cond='data:blog.pageType != "item"'>
548<style>
549#sidebar-wrapper {display:none}
550.breadcrumbs {display:none}
551.sosmed {display:none}
552</style>
553 </b:if>
554<b:if cond='data:blog.pageType == "static_page"'>
555<style>
556#sidebar-wrapper {display:none}
557#main-wrapper {width:98%}
558.post {width:100%}
559.breadcrumbs {display:none}
560.sosmed {display:none}
561.comments {display:none}
562</style>
563 </b:if>
564<b:if cond='data:blog.searchLabel'>
565<style>
566.status-msg-wrap {display:none}
567.post-outer {width:23%;margin:0 0 25px 0;float:left;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
568.post-outer:nth-child(4n+3) {margin-right:25px}
569.post-outer:nth-child(4n+4) {margin-right:25px}
570.post-outer:nth-child(4n+5) {margin-right:25px}
571.post-outer:nth-child(4n+6) {margin-right:0}}
572@media screen and (max-width:1024px) {
573.post-outer {width: 45%}
574}
575@media screen and (max-width:940px) {
576.post-outer {width: 45%}
577}
578@media screen and (max-width:820px) {
579.post-outer {width: 45%}
580}
581@media screen and (max-width:370px){
582.post-outer {width: 100%}
583}
584 </style>
585</b:if>
586<b:if cond='data:blog.searchQuery'>
587<style>
588.status-msg-wrap {display:none}
589.post-outer {width:23%;margin:0 0 25px 0;float:left;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
590.post-outer:nth-child(4n+3) {margin-right:25px}
591.post-outer:nth-child(4n+4) {margin-right:25px}
592.post-outer:nth-child(4n+5) {margin-right:25px}
593.post-outer:nth-child(4n+6) {margin-right:0}
594@media screen and (max-width:1024px) {
595.post-outer {width:23%;margin:0 0 25px 0;float:left;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
596.post-outer:nth-child(4n+3) {margin-right:25px}
597.post-outer:nth-child(4n+4) {margin-right:25px}
598.post-outer:nth-child(4n+5) {margin-right:25px}
599.post-outer:nth-child(4n+6) {margin-right:0}
600}
601@media screen and (max-width:940px) {
602.post-outer {width: 44%;margin-left:15px}
603.post-outer:nth-child(2n+4) {margin-right:0}
604.post-outer:nth-child(2n+3) {margin-right:10px}
605}
606@media screen and (max-width:820px) {
607.post-outer {width: 44%;margin-left:20px;}
608.post-outer:nth-child(2n+4) {margin-right:0}
609.post-outer:nth-child(2n+3) {margin-right:10px}
610}
611@media screen and (max-width:600px) {
612.post-outer {width: 44%}
613.post-outer:nth-child(2n+4) {margin-right:0}
614.post-outer:nth-child(2n+3) {margin-right:10px}
615}
616@media screen and (max-width:415px) {
617.post-outer {width: 90%;margin-left:20px}
618.post-outer:nth-child(2n+4) {margin-right:0}
619}
620@media screen and (max-width:400px){
621.post-outer {width: 95%;margin-left:10px}
622}
623</style>
624</b:if>
625<script type='text/javascript'>
626//<![CDATA[
627//CSS Ready
628function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
629loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
630//]]>
631</script>
632<script type='text/javascript'>
633jQuery(document).ready(function () {
634
635jQuery('a[href*="http://"]:not([href*="http://id-mufcnews.blogspot.com"])').attr('rel', 'nofollow');
636
637jQuery('a[href*="https://"]:not([href*="https://id-mufcnews.blogspot.com"])').attr("target", "_blank");
638
639 });
640</script>
641<script type='text/javascript'>
642//<![CDATA[
643var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;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!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h4>'+relatedpoststitle+'</h4>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
644//]]>
645</script>
646</head>
647<body>
648<div id='outer-wrapper'>
649<header id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader' role='banner'>
650<div class='navup'>
651<div class='text-left' style='float:left'>
652 <button id='tombol1'><span class='fa fa-bars'/></button>
653<div class='collapse' id='buka'>
654 <ul class='daftartaut list-unstyled'>
655 <li><a href='#'>About</a></li>
656 <li><a href='#'>Contact</a></li>
657 <li><a href='#'>Faq</a></li>
658 <li><a href='#'>Partner</a></li>
659 </ul>
660</div>
661 </div>
662 <div class='search'>
663 <form action='/search' class='searchform' method='get' target='_blank'>
664 <input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search...'>
665 <input id='searchsubmit' type='submit' value=''><span class='ico ico-mglass'/></input>
666
667 </input>
668 </form>
669</div>
670 <div style='clear:both'/>
671 </div>
672
673 <a expr:title='data:blog.title' href='/'><h1 class='judulblog'><data:blog.title/></h1></a>
674 <span class='desk'>INDIE - DEVELOPMENT - PROJECT</span>
675 <div style='clear:both;'/>
676 </header><!-- end header-wrapper -->
677
678<nav class='menu1' id='menu1' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
679 <a class='responsive-menu' href='#' id='resp-menu'><i class='fa fa-bars'/> Menu</a>
680 <ul class='menu'>
681 <li><a href='/'>HOME</a></li>
682 <li><a href='#'>MY PROJECT</a>
683 <ul class='sub-menu'>
684 <li><a href='#'>Application</a></li>
685 <li><a href='#'>Game</a></li>
686 <li><a href='#'>Program</a></li>
687 <li><a href='#'>Theme</a></li>
688 </ul>
689 </li>
690 <li><a href='#'>SOCIAL MEDIA</a>
691 <ul class='sub-menu'>
692 <li><a href='#'>Facebook</a></li>
693 <li><a href='#'>Instagram</a></li>
694 <li><a href='#'>Youtube</a></li>
695 <li><a href='#'>Fanspage</a></li>
696 <li><a href='https://www.teamos-hkrg.com/index.php?members/nixvu.755097/'>Team OS</a></li>
697 </ul>
698 </li>
699 <li><a href='#'>SUPPORT ME</a>
700 <ul class='sub-menu'>
701 <li><a href='#'>Donate</a></li>
702 <li><a href='#'>Thanks Page</a></li>
703 <li><a href='#'>Adver</a></li>
704 <li><a href='#'>#</a></li>
705 </ul>
706 <li><a href='#'>SITE MAP</a></li>
707 </li>
708 </ul>
709 </nav>
710<div class='content-wrapper'>
711 <div id='main-wrapper' itemprop='mainContentOfPage' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
712 <!-- <div class='iklan'><a href='#'>ADS READY</a></div> -->
713<b:section class='content cf' id='main' showaddelement='no'>
714 <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
715 <b:widget-settings>
716 <b:widget-setting name='showDateHeader'>false</b:widget-setting>
717 <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
718 <b:widget-setting name='showShareButtons'>true</b:widget-setting>
719 <b:widget-setting name='authorLabel'>Oleh</b:widget-setting>
720 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
721 <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
722 <b:widget-setting name='showAuthor'>true</b:widget-setting>
723 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
724 <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
725 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
726 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
727 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
728 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
729 <b:widget-setting name='showLabels'>false</b:widget-setting>
730 <b:widget-setting name='showLocation'>false</b:widget-setting>
731 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
732 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
733 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
734 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
735 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
736 <b:widget-setting name='showReactions'>false</b:widget-setting>
737 </b:widget-settings>
738 <b:includable id='main' var='top'>
739<b:include data='posts' name='breadcrumb'/>
740 <b:if cond='!data:mobile'>
741 <!-- posts -->
742 <div class='blog-posts hfeed'>
743
744 <b:include data='top' name='status-message'/>
745
746 <b:loop values='data:posts' var='post'>
747 <b:if cond='data:post.dateHeader'>
748 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
749 </b:if>
750 <div class='post-outer'>
751 <b:include data='post' name='post'/>
752 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
753 <div style='clear:both'/>
754 </div>
755
756 <!-- Ad -->
757 <b:if cond='data:post.includeAd'>
758 <div class='inline-ad'>
759 <data:adCode/>
760 </div>
761 </b:if>
762 </b:loop>
763 </div>
764
765 <!-- navigation -->
766 <b:if cond='data:blog.pageType == "index"'>
767 <b:include name='page-navi'/>
768 <b:else/>
769 <b:if cond='data:blog.pageType == "archive"'>
770 <b:include name='page-navi'/>
771 </b:if>
772</b:if>
773
774 <!-- feed links -->
775 <b:include name='feedLinks'/>
776
777 <b:else/>
778 <b:include name='mobile-main'/>
779 </b:if>
780
781 <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
782</b:includable>
783 <b:includable id='backlinkDeleteIcon' var='backlink'>
784 <span expr:class='"item-control " + data:backlink.adminClass'>
785 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
786 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
787 </a>
788 </span>
789</b:includable>
790 <b:includable id='backlinks' var='post'>
791 <a name='links'/><h4><data:post.backlinksLabel/></h4>
792 <b:if cond='data:post.numBacklinks != 0'>
793 <dl class='comments-block' id='comments-block'>
794 <b:loop values='data:post.backlinks' var='backlink'>
795 <div class='collapsed-backlink backlink-control'>
796 <dt class='comment-title'>
797 <span class='backlink-toggle-zippy'> </span>
798 <a expr:href='data:backlink.url'><data:backlink.title/></a>
799 <b:include data='backlink' name='backlinkDeleteIcon'/>
800 </dt>
801 <dd class='comment-body collapseable'>
802 <data:backlink.snippet/>
803 </dd>
804 <dd class='comment-footer collapseable'>
805 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
806 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
807 </dd>
808 </div>
809 </b:loop>
810 </dl>
811 </b:if>
812 <p class='comment-footer'>
813 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
814 </p>
815</b:includable>
816 <b:includable id='breadcrumb' var='posts'>
817</b:includable>
818 <b:includable id='comment-form' var='post'>
819 <div class='comment-form'>
820 <a name='comment-form'/>
821 <b:if cond='data:mobile'>
822 <h4 id='comment-post-message'>
823 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
824 <p><data:blogCommentMessage/></p>
825 <data:blogTeamBlogMessage/>
826 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
827 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
828 <b:else/>
829 <p><data:blogCommentMessage/></p>
830 <data:blogTeamBlogMessage/>
831 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
832 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
833 </b:if>
834 <data:post.cmtfpIframe/>
835 <script type='text/javascript'>
836 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
837 </script>
838 </div>
839</b:includable>
840 <b:includable id='commentDeleteIcon' var='comment'>
841 <span expr:class='"item-control " + data:comment.adminClass'>
842 <b:if cond='data:showCmtPopup'>
843 <div class='goog-toggle-button'>
844 <div class='goog-inline-block comment-action-icon'/>
845 </div>
846 <b:else/>
847 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
848 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
849 </a>
850 </b:if>
851 </span>
852</b:includable>
853 <b:includable id='comment_count_picker' var='post'>
854 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
855 <data:post.commentLabelFull/>:
856 </a>
857</b:includable>
858 <b:includable id='comment_picker' var='post'>
859 <b:if cond='data:post.showThreadedComments'>
860 <b:include data='post' name='threaded_comments'/>
861 <b:else/>
862 <b:include data='post' name='comments'/>
863 </b:if>
864</b:includable>
865 <b:includable id='comments' var='post'>
866 <div class='comments' id='comments'>
867 <a name='comments'/>
868 <b:if cond='data:post.allowComments'>
869 <h4><data:post.commentLabelFull/>:</h4>
870
871 <b:if cond='data:post.commentPagingRequired'>
872 <span class='paging-control-container'>
873 <b:if cond='data:post.hasOlderLinks'>
874 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
875  
876 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
877  
878 </b:if>
879
880 <data:post.commentRangeText/>
881
882 <b:if cond='data:post.hasNewerLinks'>
883  
884 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
885  
886 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
887 </b:if>
888 </span>
889 </b:if>
890
891 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
892 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
893 <b:loop values='data:post.comments' var='comment'>
894 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
895 <b:if cond='data:comment.favicon'>
896 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
897 </b:if>
898 <a expr:name='data:comment.anchorName'/>
899 <b:if cond='data:blog.enabledCommentProfileImages'>
900 <data:comment.authorAvatarImage/>
901 </b:if>
902 <b:if cond='data:comment.authorUrl'>
903 <a expr:href='data:comment.authorUrl'><data:comment.author/></a>
904 <b:else/>
905 <data:comment.author/>
906 </b:if>
907 <data:commentPostedByMsg/>
908 </dt>
909 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
910 <b:if cond='data:comment.isDeleted'>
911 <span class='deleted-comment'><data:comment.body/></span>
912 <b:else/>
913 <p>
914 <data:comment.body/>
915 </p>
916 </b:if>
917 </dd>
918 <dd class='comment-footer'>
919 <span class='comment-timestamp'>
920 <a expr:href='data:comment.url' title='comment permalink'>
921 <data:comment.timestamp/>
922 </a>
923 <b:include data='comment' name='commentDeleteIcon'/>
924 </span>
925 </dd>
926 </b:loop>
927 </dl>
928 </div>
929
930 <b:if cond='data:post.commentPagingRequired'>
931 <span class='paging-control-container'>
932 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
933 <data:post.oldestLinkText/>
934 </a>
935 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
936 <data:post.olderLinkText/>
937 </a>
938  
939 <data:post.commentRangeText/>
940  
941 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
942 <data:post.newerLinkText/>
943 </a>
944 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
945 <data:post.newestLinkText/>
946 </a>
947 </span>
948 </b:if>
949
950 <p class='comment-footer'>
951 <b:if cond='data:post.embedCommentForm'>
952 <b:if cond='data:post.allowNewComments'>
953 <b:include data='post' name='comment-form'/>
954 <b:else/>
955 <data:post.noNewCommentsText/>
956 </b:if>
957 <b:elseif cond='data:post.allowComments'/>
958 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
959 </b:if>
960 </p>
961 </b:if>
962 <b:if cond='data:showCmtPopup'>
963 <div id='comment-popup'>
964 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
965 </iframe>
966 </div>
967 </b:if>
968
969 <div id='backlinks-container'>
970 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
971 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
972 </div>
973 </div>
974 </div>
975</b:includable>
976 <b:includable id='feedLinks'>
977 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
978 <b:if cond='data:feedLinks'>
979 <div class='blog-feeds'>
980 <b:include data='feedLinks' name='feedLinksBody'/>
981 </div>
982 </b:if>
983
984 <b:else/> <!--Post feed links -->
985 <div class='post-feeds'>
986 <b:loop values='data:posts' var='post'>
987 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
988 </b:loop>
989 </div>
990 </b:if>
991</b:includable>
992 <b:includable id='feedLinksBody' var='links'>
993 <div class='feed-links'>
994 <data:feedLinksMsg/>
995 <b:loop values='data:links' var='f'>
996 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
997 </b:loop>
998 </div>
999</b:includable>
1000 <b:includable id='iframe_comments' var='post'>
1001 <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
1002</b:includable>
1003 <b:includable id='mobile-index-post' var='post'>
1004 <div class='mobile-date-outer date-outer'>
1005 <b:if cond='data:post.dateHeader'>
1006 <div class='date-header'>
1007 <span><data:post.dateHeader/></span>
1008 </div>
1009 </b:if>
1010
1011 <div class='mobile-post-outer'>
1012 <a expr:href='data:post.url'>
1013 <h3 class='mobile-index-title entry-title' itemprop='name'>
1014 <data:post.title/>
1015 </h3>
1016
1017 <div class='mobile-index-arrow'>&rsaquo;</div>
1018
1019 <div class='mobile-index-contents'>
1020 <b:if cond='data:post.thumbnailUrl'>
1021 <div class='mobile-index-thumbnail'>
1022 <div class='Image'>
1023 <img expr:src='data:post.thumbnailUrl'/>
1024 </div>
1025 </div>
1026 </b:if>
1027
1028 <div class='post-body'>
1029 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
1030 </div>
1031 </div>
1032
1033 <div style='clear: both;'/>
1034 </a>
1035
1036 <div class='mobile-index-comment'>
1037 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
1038 </div>
1039 </div>
1040 </div>
1041</b:includable>
1042 <b:includable id='mobile-main' var='top'>
1043 <!-- posts -->
1044 <div class='blog-posts hfeed'>
1045
1046 <b:include data='top' name='status-message'/>
1047
1048 <b:if cond='data:blog.pageType == "index"'>
1049 <b:loop values='data:posts' var='post'>
1050 <b:include data='post' name='mobile-index-post'/>
1051 </b:loop>
1052 <b:else/>
1053 <b:loop values='data:posts' var='post'>
1054 <b:include data='post' name='mobile-post'/>
1055 </b:loop>
1056 </b:if>
1057 </div>
1058
1059 <b:include name='mobile-nextprev'/>
1060</b:includable>
1061 <b:includable id='mobile-nextprev'>
1062 <div class='blog-pager' id='blog-pager'>
1063 <b:if cond='data:newerPageUrl'>
1064 <div class='mobile-link-button' id='blog-pager-newer-link'>
1065 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
1066 </div>
1067 </b:if>
1068
1069 <b:if cond='data:olderPageUrl'>
1070 <div class='mobile-link-button' id='blog-pager-older-link'>
1071 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
1072 </div>
1073 </b:if>
1074
1075 <div class='mobile-link-button' id='blog-pager-home-link'>
1076 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1077 </div>
1078
1079 <div class='mobile-desktop-link'>
1080 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1081 </div>
1082
1083 </div>
1084 <div class='clear'/>
1085</b:includable>
1086 <b:includable id='mobile-post' var='post'>
1087 <div class='date-outer cf'>
1088 <b:if cond='data:post.dateHeader'>
1089 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1090 </b:if>
1091 <div class='date-posts'>
1092 <div class='cf post-outer'>
1093
1094 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1095 <b:if cond='data:post.thumbnailUrl'>
1096 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
1097 </b:if>
1098 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1099 <meta expr:content='data:post.id' itemprop='postId'/>
1100
1101 <a expr:name='data:post.id'/>
1102 <b:if cond='data:post.title'>
1103 <h3 class='post-title entry-title' itemprop='name'>
1104 <b:if cond='data:post.link'>
1105 <a expr:href='data:post.link'><data:post.title/></a>
1106 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
1107 <a expr:href='data:post.url'><data:post.title/></a>
1108 <b:else/>
1109 <data:post.title/>
1110 </b:if>
1111 </h3>
1112 </b:if>
1113
1114 <div class='post-header'>
1115 <div class='post-header-line-1'/>
1116 </div>
1117
1118 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1119 <data:post.body/>
1120 <div style='clear: both;'/> <!-- clear for photos floats -->
1121 </div>
1122
1123 <div class='post-footer'>
1124 <div class='post-footer-line post-footer-line-1'>
1125 <span class='post-author vcard'>
1126 <b:if cond='data:top.showAuthor'>
1127 <b:if cond='data:post.authorProfileUrl'>
1128 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1129 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1130 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1131 <span itemprop='name'><data:post.author/></span>
1132 </a>
1133 </span>
1134 <b:else/>
1135 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1136 <span itemprop='name'><data:post.author/></span>
1137 </span>
1138 </b:if>
1139 </b:if>
1140 </span>
1141
1142 <span class='post-timestamp'>
1143 <b:if cond='data:top.showTimestamp'>
1144 <data:top.timestampLabel/>
1145 <b:if cond='data:post.url'>
1146 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1147 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1148 </b:if>
1149 </b:if>
1150 </span>
1151
1152 <span class='post-comment-link'>
1153 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
1154 </span>
1155 </div>
1156
1157 <div class='post-footer-line post-footer-line-2'>
1158 <b:if cond='data:top.showMobileShare'>
1159 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1160 <a href='javascript:void(0);'><data:shareMsg/></a>
1161 </div>
1162 </b:if>
1163 <b:if cond='data:top.showDummy'>
1164 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1165 </b:if>
1166 </div>
1167
1168 </div>
1169 </div>
1170
1171 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1172 </div>
1173 </div>
1174 </div>
1175</b:includable>
1176 <b:includable id='nextprev'>
1177<b:if cond='data:blog.pageType != "item"'>
1178<b:if cond='data:blog.pageType != "static_page"'>
1179 <div class='blog-pager' id='blog-pager'>
1180 <b:if cond='data:newerPageUrl'>
1181 <span id='blog-pager-newer-link'>
1182 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
1183 </span>
1184 </b:if>
1185 <b:if cond='data:olderPageUrl'>
1186 <span id='blog-pager-older-link'>
1187 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
1188 </span>
1189 </b:if>
1190 <div class='mobile-link-button' id='blog-pager-home-link'>
1191 <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
1192 </div>
1193 <div class='mobile-desktop-link'>
1194 <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
1195 </div>
1196 </div>
1197 </b:if>
1198</b:if>
1199 <div class='clear'/>
1200</b:includable>
1201 <b:includable id='page-navi'>
1202<div class='navigasi'>
1203<script type='text/javascript'>
1204var navigasiConf = {
1205perPage: 8,
1206numPages: 3,
1207firstText: "First",
1208lastText: "Last",
1209nextText: "Next",
1210prevText: "Prev"
1211}
1212</script>
1213<script type='text/javascript'>
1214//<![CDATA[
1215function navigasi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/navigasiConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+navigasiConf.perPage):h.push("/?max-results="+navigasiConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*navigasiConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+navigasiConf.perPage)}navigasi.show(h,n,e)}navigasi.show=function(f,e,a){var d=Math.floor((navigasiConf.numPages-1)/2),g=navigasiConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<navigasiConf.numPages){endPage=c+navigasiConf.numPages-1}if(endPage>a){endPage=a;c=a-navigasiConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+navigasiConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+navigasiConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+navigasiConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+navigasiConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=navigasi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=navigasi&max-results=99999"><\/script>')}})();
1216 //]]>
1217</script>
1218 </div>
1219 </b:includable>
1220 <b:includable id='post' var='post'>
1221 <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1222<b:if cond='data:blog.pageType != "static_page"'>
1223
1224<b:if cond='data:blog.pageType != "item"'>
1225
1226<div class='cutter'>
1227
1228<script type='text/javascript'>
1229
1230//<![CDATA[
1231
1232function bp_thumbnail_resize(e,d){var c=300;var a=true;var b="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"-c/")+'" alt="'+d+'" title="'+d+'"/>';if(e!=""){return image_tag}else{return""}};
1233
1234//]]>
1235
1236</script>
1237
1238<a expr:href='data:post.url'><script type='text/javascript'>
1239
1240document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
1241
1242</script></a>
1243
1244</div>
1245
1246</b:if></b:if>
1247 <b:if cond='data:post.firstImageUrl'>
1248 <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
1249 </b:if>
1250 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1251 <meta expr:content='data:post.id' itemprop='postId'/>
1252<b:if cond='data:blog.homepageUrl != data:blog.url'>
1253<b:if cond='data:blog.pageType == "static_page"'>
1254<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> <i class='fa fa-angle-right'/> <span><data:blog.pageName/></span></div>
1255<b:else/>
1256<b:if cond='data:blog.pageType == "item"'>
1257<!-- breadcrumb for the post page -->
1258<b:loop values='data:posts' var='post'>
1259<b:if cond='data:post.labels'>
1260<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
1261<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
1262<b:loop values='data:post.labels' var='label'>
1263<i class='fa fa-angle-right'/> <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
1264</b:loop>
1265<i class='fa fa-angle-right'/> <span><data:post.title/></span>
1266</div>
1267<b:else/>
1268<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> <i class='fa fa-angle-right'/> <span>Unlabelled</span> <i class='fa fa-angle-right'/> <span><data:post.title/></span></div>
1269</b:if>
1270</b:loop>
1271<b:else/>
1272<b:if cond='data:blog.pageType == "archive"'>
1273<!-- breadcrumb for the label archive page and search pages.. -->
1274<div class='breadcrumbs'>
1275<span><a expr:href='data:blog.homepageUrl'>Home</a></span> <i class='fa fa-angle-right'/> <span>Archives for <data:blog.pageName/></span>
1276</div>
1277<b:else/>
1278<b:if cond='data:blog.pageType == "index"'>
1279<div class='breadcrumbs'>
1280<b:if cond='data:blog.pageName == ""'>
1281<span><a expr:href='data:blog.homepageUrl'>Home</a></span> <i class='fa fa-angle-right'/> <span>All posts</span>
1282<b:else/>
1283<span><a expr:href='data:blog.homepageUrl'>Home</a></span> <i class='fa fa-angle-right'/> <span>Posts filed under <data:blog.pageName/></span>
1284</b:if>
1285</div>
1286</b:if>
1287</b:if>
1288</b:if>
1289</b:if>
1290</b:if>
1291 <a expr:name='data:post.id'/>
1292 <b:if cond='data:post.title'>
1293 <h3 class='post-title entry-title' itemprop='name'>
1294 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
1295 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
1296 <b:else/>
1297 <data:post.title/>
1298 </b:if>
1299 </h3>
1300 </b:if>
1301 <div class='post-header'>
1302 <div class='post-header-line-1'/>
1303<b:if cond='data:blog.pageType == "item"'>
1304<div class='post-info'>
1305<b:if cond='data:top.showAuthor'>
1306 <b:if cond='data:post.authorProfileUrl'>
1307 <span class='author-info'>
1308 <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='//schema.org/Person'>
1309 <span class='fn'>
1310 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1311 <i class='fa fa-pencil'/><span itemprop='name'> Nixvu</span>
1312 </a>
1313 </span>
1314 </span>
1315 </span>
1316 <b:else/>
1317 <span class='author-info'>
1318 ✔
1319 <span class='fn'>
1320 <i class='fa fa-pencil'/><span itemprop='name'> <data:post.author/></span>
1321 </span>
1322 </span>
1323 </b:if>
1324 </b:if>
1325<span class='post-timestamp'>
1326 <b:if cond='data:top.showTimestamp'>
1327 <b:if cond='data:post.url'>
1328 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
1329 <span itemprop='dateModified'><i class='fa fa-calendar-o'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span>
1330 </b:if>
1331 </b:if>
1332 </span>
1333<b:if cond='data:blog.pageType == "item"'>
1334 <b:if cond='data:blog.pageType != "static_page"'>
1335 <b:if cond='data:post.allowComments'><i class='fa fa-comment'/> : <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comment/s'><b:if cond='data:post.numComments == 0'>0 Komentar</b:if><b:if cond='data:post.numComments == 1'>1 Komentar</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> Komentar</b:if></a></b:if>
1336 </b:if>
1337 </b:if>
1338</div>
1339</b:if>
1340 </div>
1341
1342 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
1343 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
1344<b:if cond='data:blog.pageType == "item"'>
1345<data:post.body/>
1346<b:else/>
1347<b:if cond='data:blog.pageType == "static_page"'>
1348<data:post.body/>
1349<b:else/>
1350<div expr:id='"summary" + data:post.id'><data:post.body/></div>
1351<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script>
1352</b:if> </b:if>
1353 <div style='clear: both;'/> <!-- clear for photos floats -->
1354 </div>
1355
1356 <b:if cond='data:post.hasJumpLink'>
1357 <div class='jump-link'>
1358 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
1359 </div>
1360 </b:if>
1361
1362 <div class='post-footer'>
1363 <div class='post-footer-line post-footer-line-1'>
1364 <span class='post-author vcard'>
1365 <b:if cond='data:top.showAuthor'>
1366 <data:top.authorLabel/>
1367 <b:if cond='data:post.authorProfileUrl'>
1368 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1369 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1370 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1371 <span itemprop='name'><data:post.author/></span>
1372 </a>
1373 </span>
1374 <b:else/>
1375 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1376 <span itemprop='name'><data:post.author/></span>
1377 </span>
1378 </b:if>
1379 </b:if>
1380 </span>
1381
1382 <span class='post-timestamp'>
1383 <b:if cond='data:top.showTimestamp'>
1384 <data:top.timestampLabel/>
1385 <b:if cond='data:post.url'>
1386 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1387 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1388 </b:if>
1389 </b:if>
1390 </span>
1391
1392 <span class='reaction-buttons'>
1393 <b:if cond='data:top.showReactions'>
1394 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
1395 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
1396 <span class='reactions-label'>
1397 <data:top.reactionsLabel/></span> </td>
1398 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
1399 </tr></table>
1400 </b:if>
1401 </span>
1402
1403 <span class='post-comment-link'>
1404 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
1405 </span>
1406
1407 <!-- backlinks -->
1408 <span class='post-backlinks post-comment-link'>
1409 <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
1410 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
1411 </b:if>
1412 </span>
1413
1414 <span class='post-icons'>
1415 <!-- email post links -->
1416 <b:if cond='data:post.emailPostUrl'>
1417 <span class='item-action'>
1418 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
1419 <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
1420 </a>
1421 </span>
1422 </b:if>
1423
1424 <!-- quickedit pencil -->
1425 <b:include data='post' name='postQuickEdit'/>
1426 </span>
1427
1428 <!-- share buttons -->
1429 <div class='post-share-buttons goog-inline-block'>
1430 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
1431 </div>
1432
1433 </div>
1434
1435 <div class='post-footer-line post-footer-line-2'>
1436 <span class='post-labels'>
1437 <b:if cond='data:top.showPostLabels and data:post.labels'>
1438 <data:postLabelsLabel/>
1439 <b:loop values='data:post.labels' var='label'>
1440 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
1441 </b:loop>
1442 </b:if>
1443 </span>
1444 </div>
1445
1446 <div class='post-footer-line post-footer-line-3'>
1447 <span class='post-location'>
1448 <b:if cond='data:top.showLocation and data:post.location'>
1449 <data:postLocationLabel/>
1450 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
1451 </b:if>
1452 </span>
1453 </div>
1454 <b:if cond='data:post.authorAboutMe'>
1455 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1456 <b:if cond='data:post.authorPhoto.url'>
1457 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
1458 </b:if>
1459 <div>
1460 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
1461 <span itemprop='name'><data:post.author/></span>
1462 </a>
1463 </div>
1464 <span itemprop='description'><data:post.authorAboutMe/></span>
1465 </div>
1466 </b:if>
1467 </div>
1468 </div>
1469 <b:if cond='data:blog.pageType == "item"'>
1470<div class='halaman'>
1471 <div class='blog-pager' id='blog-pager'>
1472<div class='halaman-kiri'>
1473<div class='isihalaman-kiri'>
1474 <b:if cond='data:newerPageUrl'>
1475 <span id='blog-pager-newer-link'>
1476 <span class='pager-title-left'>Next</span><br/>
1477 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>« Prev Post</a>
1478 </span>
1479<b:else/>
1480 <span class='current-pageleft'><span class='pager-title-left'>Next</span><br/><span style='cursor:not-allowed'>This is the current newest page</span></span>
1481 </b:if>
1482</div>
1483</div>
1484<div class='halaman-kanan'>
1485<div class='isihalaman-kanan'>
1486 <b:if cond='data:olderPageUrl'>
1487 <span id='blog-pager-older-link'>
1488<span class='pager-title-left'>Previous</span><br/>
1489 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Next Post <i class='fa fa-angle-right'/></a>
1490 </span>
1491<b:else/>
1492<span class='current-pageright'><span class='pager-title-left'>Previous</span><br/>This is the oldest page</span>
1493 </b:if>
1494</div>
1495</div>
1496 </div>
1497<div style='clear: both;'/>
1498</div>
1499<div id='related-posts'>
1500<b:loop values='data:post.labels' var='label'>
1501<b:if cond='data:label.isLast != "true"'>
1502</b:if>
1503<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:loop>
1504<script type='text/javascript'>
1505var currentposturl="<data:post.url/>";
1506var maxresults=5;
1507var relatedpoststitle="Related Posts :";
1508removeRelatedDuplicates_thumbs();
1509printRelatedLabels_thumbs();
1510</script>
1511</div>
1512</b:if>
1513</b:includable>
1514 <b:includable id='postQuickEdit' var='post'>
1515 <b:if cond='data:post.editUrl'>
1516 <span expr:class='"item-control " + data:post.adminClass'>
1517 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
1518 <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
1519 </a>
1520 </span>
1521 </b:if>
1522</b:includable>
1523 <b:includable id='shareButtons' var='post'>
1524 <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.emailThisMsg' 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='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
1525</b:includable>
1526 <b:includable id='status-message'>
1527 <b:if cond='data:navMessage'>
1528 <div class='status-msg-wrap'>
1529 <div class='status-msg-body'>
1530 <data:navMessage/>
1531 </div>
1532 <div class='status-msg-border'>
1533 <div class='status-msg-bg'>
1534 <div class='status-msg-hidden'><data:navMessage/></div>
1535 </div>
1536 </div>
1537 </div>
1538 <div style='clear: both;'/>
1539 </b:if>
1540</b:includable>
1541 <b:includable id='threaded-comment-form' var='post'>
1542 <div class='comment-form'>
1543 <a name='comment-form'/>
1544 <b:if cond='data:mobile'>
1545 <p><data:blogCommentMessage/></p>
1546 <data:blogTeamBlogMessage/>
1547 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1548 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1549 <b:else/>
1550 <p><data:blogCommentMessage/></p>
1551 <data:blogTeamBlogMessage/>
1552 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1553 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
1554 </b:if>
1555 <data:post.cmtfpIframe/>
1556 <script type='text/javascript'>
1557 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1558 </script>
1559 </div>
1560</b:includable>
1561 <b:includable id='threaded_comment_js' var='post'>
1562 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
1563
1564 <script type='text/javascript'>
1565 (function() {
1566 var items = <data:post.commentJso/>;
1567 var msgs = <data:post.commentMsgs/>;
1568 var config = <data:post.commentConfig/>;
1569
1570// <![CDATA[
1571 var cursor = null;
1572 if (items && items.length > 0) {
1573 cursor = parseInt(items[items.length - 1].timestamp) + 1;
1574 }
1575
1576 var bodyFromEntry = function(entry) {
1577 if (entry.gd$extendedProperty) {
1578 for (var k in entry.gd$extendedProperty) {
1579 if (entry.gd$extendedProperty[k].name == 'blogger.post-outerRemoved') {
1580 return '<span class="deleted-comment">' + entry.post-outer.$t + '</span>';
1581 }
1582 }
1583 }
1584 return entry.post-outer.$t;
1585 }
1586
1587 var parse = function(data) {
1588 cursor = null;
1589 var comments = [];
1590 if (data && data.feed && data.feed.entry) {
1591 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1592 var comment = {};
1593 // comment ID, parsed out of the original id format
1594 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1595 comment.id = id ? id[2] : null;
1596 comment.body = bodyFromEntry(entry);
1597 comment.timestamp = Date.parse(entry.published.$t) + '';
1598 if (entry.author && entry.author.constructor === Array) {
1599 var auth = entry.author[0];
1600 if (auth) {
1601 comment.author = {
1602 name: (auth.name ? auth.name.$t : undefined),
1603 profileUrl: (auth.uri ? auth.uri.$t : undefined),
1604 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1605 };
1606 }
1607 }
1608 if (entry.link) {
1609 if (entry.link[2]) {
1610 comment.link = comment.permalink = entry.link[2].href;
1611 }
1612 if (entry.link[3]) {
1613 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1614 if (pid && pid[1]) {
1615 comment.parentId = pid[1];
1616 }
1617 }
1618 }
1619 comment.deleteclass = 'item-control blog-admin';
1620 if (entry.gd$extendedProperty) {
1621 for (var k in entry.gd$extendedProperty) {
1622 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1623 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1624 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
1625 comment.displayTime = entry.gd$extendedProperty[k].value;
1626 }
1627 }
1628 }
1629 comments.push(comment);
1630 }
1631 }
1632 return comments;
1633 };
1634
1635 var paginator = function(callback) {
1636 if (hasMore()) {
1637 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1638 if (cursor) {
1639 url += '&published-min=' + new Date(cursor).toISOString();
1640 }
1641 window.bloggercomments = function(data) {
1642 var parsed = parse(data);
1643 cursor = parsed.length < 50 ? null
1644 : parseInt(parsed[parsed.length - 1].timestamp) + 1
1645 callback(parsed);
1646 window.bloggercomments = null;
1647 }
1648 url += '&callback=bloggercomments';
1649 var script = document.createElement('script');
1650 script.type = 'text/javascript';
1651 script.src = url;
1652 document.getElementsByTagName('head')[0].appendChild(script);
1653 }
1654 };
1655 var hasMore = function() {
1656 return !!cursor;
1657 };
1658 var getMeta = function(key, comment) {
1659 if ('iswriter' == key) {
1660 var matches = !!comment.author
1661 && comment.author.name == config.authorName
1662 && comment.author.profileUrl == config.authorUrl;
1663 return matches ? 'true' : '';
1664 } else if ('deletelink' == key) {
1665 return config.baseUri + '/delete-comment.g?blogID='
1666 + config.blogId + '&postID=' + comment.id;
1667 } else if ('deleteclass' == key) {
1668 return comment.deleteclass;
1669 }
1670 return '';
1671 };
1672
1673 var replybox = null;
1674 var replyUrlParts = null;
1675 var replyParent = undefined;
1676
1677 var onReply = function(commentId, domId) {
1678 if (replybox == null) {
1679 // lazily cache replybox, and adjust to suit this style:
1680 replybox = document.getElementById('comment-editor');
1681 if (replybox != null) {
1682 replybox.height = '250px';
1683 replybox.style.display = 'block';
1684 replyUrlParts = replybox.src.split('#');
1685 }
1686 }
1687 if (replybox && (commentId !== replyParent)) {
1688 replybox.src = '';
1689 document.getElementById(domId).insertBefore(replybox, null);
1690 replybox.src = replyUrlParts[0]
1691 + (commentId ? '&parentID=' + commentId : '')
1692 + '#' + replyUrlParts[1];
1693 replyParent = commentId;
1694 }
1695 };
1696
1697 var hash = (window.location.hash || '#').substring(1);
1698 var startThread, targetComment;
1699 if (/^comment-form_/.test(hash)) {
1700 startThread = hash.substring('comment-form_'.length);
1701 } else if (/^c[0-9]+$/.test(hash)) {
1702 targetComment = hash.substring(1);
1703 }
1704
1705 // Configure commenting API:
1706 var configJso = {
1707 'maxDepth': config.maxThreadDepth
1708 };
1709 var provider = {
1710 'id': config.postId,
1711 'data': items,
1712 'loadNext': paginator,
1713 'hasMore': hasMore,
1714 'getMeta': getMeta,
1715 'onReply': onReply,
1716 'rendered': true,
1717 'initComment': targetComment,
1718 'initReplyThread': startThread,
1719 'config': configJso,
1720 'messages': msgs
1721 };
1722
1723 var render = function() {
1724 if (window.goog && window.goog.comments) {
1725 var holder = document.getElementById('comment-holder');
1726 window.goog.comments.render(holder, provider);
1727 }
1728 };
1729
1730 // render now, or queue to render when library loads:
1731 if (window.goog && window.goog.comments) {
1732 render();
1733 } else {
1734 window.goog = window.goog || {};
1735 window.goog.comments = window.goog.comments || {};
1736 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
1737 window.goog.comments.loadQueue.push(render);
1738 }
1739 })();
1740// ]]>
1741 </script>
1742</b:includable>
1743 <b:includable id='threaded_comments' var='post'>
1744 <div class='comments' id='comments'>
1745 <a name='comments'/>
1746 <h4><data:post.commentLabelFull/>:</h4>
1747
1748 <div class='comments-content'>
1749 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
1750 <div id='comment-holder'>
1751 <data:post.commentHtml/>
1752 </div>
1753 </div>
1754
1755 <p class='comment-footer'>
1756 <b:if cond='data:post.allowNewComments'>
1757 <b:include data='post' name='threaded-comment-form'/>
1758 <b:else/>
1759 <data:post.noNewCommentsText/>
1760 </b:if>
1761 </p>
1762
1763 <b:if cond='data:showCmtPopup'>
1764 <div id='comment-popup'>
1765 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1766 </iframe>
1767 </div>
1768 </b:if>
1769
1770 <div id='backlinks-container'>
1771 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1772 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
1773 </div>
1774 </div>
1775 </div>
1776</b:includable>
1777 </b:widget>
1778 </b:section>
1779 </div>
1780
1781<div id='sidebar-wrapper' itemscope='itemscope' itemtype='//schema.org/WPSideBar'>
1782 <b:section class='sidebar' id='sidebar' preferred='yes' showaddelement='yes'>
1783 <b:widget id='BlogSearch1' locked='false' title='Cari Blog Ini' type='BlogSearch'>
1784 <b:includable id='main'>
1785 <!-- only display title if it's non-empty -->
1786 <b:if cond='data:title != ""'>
1787 <h2 class='title'><data:title/></h2>
1788 </b:if>
1789
1790 <div class='widget-content'>
1791 <div expr:id='data:widget.instanceId + "_form"'>
1792 <form class='gsc-search-box' expr:action='data:blog.searchUrl'>
1793 <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
1794 <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
1795 <tbody>
1796 <tr>
1797 <td class='gsc-input'>
1798 <input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' size='10' title='search' type='text'/>
1799 </td>
1800 <td class='gsc-search-button'>
1801 <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
1802 </td>
1803 </tr>
1804 </tbody>
1805 </table>
1806 </form>
1807 </div>
1808 </div>
1809
1810 <b:include name='quickedit'/>
1811 </b:includable>
1812 </b:widget>
1813 <b:widget id='HTML1' locked='false' title='Quotes' type='HTML'>
1814 <b:widget-settings>
1815 <b:widget-setting name='content'><style>
1816#utama {background:#eee;text-align:center;line-height:1.4em;width:300px}
1817.artikel {padding:7px 23px 15px}
1818.tombol {background:#533557;margin-top:2px;padding:8px}
1819.tombol a {color:#fff;text-transform:uppercase;letter-spacing:0.5px}
1820.tombol:active {background:#433557}
1821.sosialmedia {display:inline-block;letter-spacing:0.1px;margin:0;padding-top:5px}
1822.fb1,.tw1,.ig1 {transition:all .2s ease-in-out;padding:4px 12px}
1823.sosialmedia a{color:#fff}
1824.fb1 {background:#3A539B;color:#fff}
1825.fb1:hover {background:#4865BC}
1826.tw1 {background:#19B5FE;color:#fff}
1827.tw1:hover {background:#49C6FF}
1828.ig1 {background:#F62459;color:#fff}
1829.ig1:hover {background:#FF3668}
1830</style>
1831
1832<div id='utama'><img src='https://1.bp.blogspot.com/-aPZ2l1EPf2s/WSbwfXBKj4I/AAAAAAAABTA/_K5XZe1uEZQ7RbCZhCrCc9BHw_glP_c6gCLcB/s400/bingung.jpg' height='200px' width='300' alt='About Me' title='About Me'/>
1833<div style='clear:both'/>
1834 <div class='sosialmedia'>
1835 <a class='sosialmedia fb1' href='#' target='blank'><i class='fa fa-facebook'/></i></a>
1836 <a class='sosialmedia tw1' href='#' target='blank'><i class='fa fa-twitter'/></i></a>
1837 <a class='sosialmedia ig1' href='#' target='blank'><i class='fa fa-instagram'/></i></a>
1838 </div>
1839 <div class='artikel'>Jangankan gunung semeru, jangankan juga gunung everest, apalagi gunung rinjani, gunung depan rumahku saja tak mampu tuk ku daki....
1840 </div>
1841 <div class='tombol'><a href='#'>kenali lebih dalam</a>
1842 </div>
1843</div></div></b:widget-setting>
1844 </b:widget-settings>
1845 <b:includable id='main'>
1846 <!-- only display title if it's non-empty -->
1847 <b:if cond='data:title != ""'>
1848 <h2 class='title'><data:title/></h2>
1849 </b:if>
1850 <div class='widget-content'>
1851 <data:content/>
1852 </div>
1853
1854 <b:include name='quickedit'/>
1855</b:includable>
1856 </b:widget>
1857 <b:widget id='Label1' locked='false' title='Label' type='Label'>
1858 <b:widget-settings>
1859 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
1860 <b:widget-setting name='display'>LIST</b:widget-setting>
1861 <b:widget-setting name='selectedLabelsList'/>
1862 <b:widget-setting name='showType'>ALL</b:widget-setting>
1863 <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
1864 </b:widget-settings>
1865 <b:includable id='main'>
1866 <b:if cond='data:title != ""'>
1867 <h2><data:title/></h2>
1868 </b:if>
1869 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
1870 <b:if cond='data:display == "list"'>
1871 <ul>
1872 <b:loop values='data:labels' var='label'>
1873 <li>
1874 <b:if cond='data:blog.url == data:label.url'>
1875 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1876 <b:else/>
1877 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1878 </b:if>
1879 <b:if cond='data:showFreqNumbers'>
1880 <span dir='ltr'>(<data:label.count/>)</span>
1881 </b:if>
1882 </li>
1883 </b:loop>
1884 </ul>
1885 <b:else/>
1886 <b:loop values='data:labels' var='label'>
1887 <span expr:class='"label-size label-size-" + data:label.cssSize'>
1888 <b:if cond='data:blog.url == data:label.url'>
1889 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1890 <b:else/>
1891 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1892 </b:if>
1893 <b:if cond='data:showFreqNumbers'>
1894 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
1895 </b:if>
1896 </span>
1897 </b:loop>
1898 </b:if>
1899 <b:include name='quickedit'/>
1900 </div>
1901</b:includable>
1902 </b:widget>
1903 <b:widget id='HTML111' locked='false' title='Social Media Icons' type='HTML' version='1'>
1904 <b:widget-settings>
1905 <b:widget-setting name='content'/>
1906 </b:widget-settings>
1907 <b:includable id='main'>
1908 <!-- only display title if it's non-empty -->
1909 <div class='widget-content'>
1910 <data:content/>
1911 </div>
1912
1913 <b:include name='quickedit'/>
1914</b:includable>
1915 </b:widget>
1916 <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>
1917 <b:includable id='main'>
1918 <b:if cond='data:title != ""'>
1919 <h2 class='title'><data:title/></h2>
1920 </b:if>
1921 <div class='contact-form-widget'>
1922 <div class='form'>
1923 <form name='contact-form'>
1924 <p/>
1925 <data:contactFormNameMsg/>
1926 <br/>
1927 <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
1928 <p/>
1929 <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
1930 <br/>
1931 <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
1932 <p/>
1933 <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
1934 <br/>
1935 <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
1936 <p/>
1937 <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
1938 <p/>
1939 <div style='text-align: center; max-width: 222px; width: 100%'>
1940 <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
1941 <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
1942 </div>
1943 </form>
1944 </div>
1945 </div>
1946 <b:include name='quickedit'/>
1947</b:includable>
1948 </b:widget>
1949 <b:widget id='AdSense1' locked='false' title='' type='AdSense'>
1950 <b:includable id='main'>
1951 <div class='widget-content'>
1952 <data:adCode/>
1953 <b:include name='quickedit'/>
1954 </div>
1955</b:includable>
1956 </b:widget>
1957 <b:widget id='AdSense2' locked='false' title='' type='AdSense'>
1958 <b:includable id='main'>
1959 <div class='widget-content'>
1960 <data:adCode/>
1961 <b:include name='quickedit'/>
1962 </div>
1963</b:includable>
1964 </b:widget>
1965 <b:widget id='HTML10' locked='false' title='' type='HTML'>
1966 <b:widget-settings>
1967 <b:widget-setting name='content'><div id=”hlrpsb”>
1968<script src=”http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js”></script>
1969<script>var numposts = 13;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
1970<script src=”http://nixvuproject.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div>
1971<div id=”rpdr” style=”font-family: arial, sans-serif; font-size: 9px;”>
1972</div>
1973<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
1974<style type=”text/css”>
1975#rpdr {background: url( ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
1976#rpdr, #rpdr a {color:#808080;}
1977#hlrpsb { }
1978.bbrecpost2 {
1979padding-top:4px;
1980padding-bottom:4px;
1981border-bottom: 1px #cccccc dotted; }
1982</style></b:widget-setting>
1983 </b:widget-settings>
1984 <b:includable id='main'>
1985 <!-- only display title if it's non-empty -->
1986 <b:if cond='data:title != ""'>
1987 <h2 class='title'><data:title/></h2>
1988 </b:if>
1989 <div class='widget-content'>
1990 <data:content/>
1991 </div>
1992
1993 <b:include name='quickedit'/>
1994</b:includable>
1995 </b:widget>
1996 <b:widget id='Label3' locked='false' title='Label' type='Label'>
1997 <b:widget-settings>
1998 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
1999 <b:widget-setting name='display'>LIST</b:widget-setting>
2000 <b:widget-setting name='selectedLabelsList'/>
2001 <b:widget-setting name='showType'>ALL</b:widget-setting>
2002 <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
2003 </b:widget-settings>
2004 <b:includable id='main'>
2005 <b:if cond='data:title != ""'>
2006 <h2><data:title/></h2>
2007 </b:if>
2008 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
2009 <b:if cond='data:display == "list"'>
2010 <ul>
2011 <b:loop values='data:labels' var='label'>
2012 <li>
2013 <b:if cond='data:blog.url == data:label.url'>
2014 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
2015 <b:else/>
2016 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
2017 </b:if>
2018 <b:if cond='data:showFreqNumbers'>
2019 <span dir='ltr'>(<data:label.count/>)</span>
2020 </b:if>
2021 </li>
2022 </b:loop>
2023 </ul>
2024 <b:else/>
2025 <b:loop values='data:labels' var='label'>
2026 <span expr:class='"label-size label-size-" + data:label.cssSize'>
2027 <b:if cond='data:blog.url == data:label.url'>
2028 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
2029 <b:else/>
2030 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
2031 </b:if>
2032 <b:if cond='data:showFreqNumbers'>
2033 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
2034 </b:if>
2035 </span>
2036 </b:loop>
2037 </b:if>
2038 <b:include name='quickedit'/>
2039 </div>
2040</b:includable>
2041 </b:widget>
2042 <b:widget id='HTML8' locked='false' title='Komentar' type='HTML'>
2043 <b:widget-settings>
2044 <b:widget-setting name='content'><div class="lalulintas"><span class="rambuhijau">Your Ads Here</span>
2045</div>
2046<style scoped='' type='text/css'>
2047.lalulintas{width:100%;height:100px;background:rgba(0,0,0,0.1);margin:0 auto;position:relative;}
2048.rambuhijau{position:absolute;display:block;color:#95a5a6;text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:1.6rem;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:4.4rem}
2049</style></b:widget-setting>
2050 </b:widget-settings>
2051 <b:includable id='main'>
2052 <!-- only display title if it's non-empty -->
2053 <b:if cond='data:title != ""'>
2054 <h2 class='title'><data:title/></h2>
2055 </b:if>
2056 <div class='widget-content'>
2057 <data:content/>
2058 </div>
2059
2060 <b:include name='quickedit'/>
2061</b:includable>
2062 </b:widget>
2063 </b:section>
2064</div>
2065<div class='clear'> </div>
2066
2067 </div> <!-- end outer-wrapper -->
2068 </div><!-- end content-wrapper -->
2069<div class='bloginfo'>
2070 <div class='row'>
2071 <div class='col-sm-4 text-left'>
2072 <h2 class='judulinfo text-center'>Subscribe Us</h2>
2073 <div id='subscribe-css'>
2074 <div class='subscribe-wrapper'>
2075 <div class='subscribe-form'>
2076<form action='http://feedburner.google.com/fb/a/mailverify?uri=CaraBlogger-ID' class='subscribe-form' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=CaraBlogger-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
2077<input name='uri' type='hidden' value='BrayenID'/>
2078<input name='loc' type='hidden' value='en_US'/>
2079<input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your email address '/>
2080<input class='subscribe-css-button' title='' type='submit' value='Submit'/>
2081</form>
2082 </div>
2083 </div>
2084 </div>
2085 </div>
2086<div class='col-sm-2 text-left'>
2087 <h2 class='judulinfo'>Project</h2>
2088 <ul class='daftarlink list-unstyled'>
2089 <li><a href='#'>Aplication</a></li>
2090 <li><a href='#'>Games</a></li>
2091 <li><a href='#'>Pogram</a></li>
2092 <li><a href='#'>Theme</a></li>
2093 </ul>
2094 </div>
2095<div class='col-sm-2 text-left'>
2096 <h2 class='judulinfo'>Our Page</h2>
2097 <ul class='daftarlink list-unstyled'>
2098 <li><a href='#'>Sitemap</a></li>
2099 <li><a href='#'>Feedback</a></li>
2100 <li><a href='#'>Donate</a></li>
2101 <li><a href='#'>Thank's Page</a></li>
2102 </ul>
2103 </div>
2104<div class='col-sm-4 text-left'>
2105<div id='recent-posts'>
2106 <script src='https://rawgit.com/brayenid/borneoscript3/master/relatedpost.js'/>
2107</div>
2108 </div>
2109 </div>
2110</div>
2111<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
2112<credits id='creditid'>
2113© 2020 <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved<br/>
2114 <a class='tukangkredit' href='http://www.brayen.web.id' id='tukangkredit' style='visibility:hidden;' target='_blank'>Brayen ID</a>
2115</credits>
2116</footer>
2117<ul class='sosmed'>
2118 <li><a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url' target='_blank' title='Bagikan Ke Facebook'><i class='fa fa-facebook-square'/></a></li>
2119 <li><a class='twitter' expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' target='_blank' title='Bagikan Ke Twitter'><i class='fa fa-twitter-square'/></a></li>
2120 <li><a class='gplus' expr:href='"https://plus.google.com/share?url=" + data:blog.url' target='_blank' title='Bagikan Ke Facebook'><i class='fa fa-google-plus-square'/></a></li>
2121</ul>
2122<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
2123<script crossorigin='anonymous' integrity='sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa' src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'/>
2124<script src='https://rawgit.com/brayenid/borneoscript3/master/livejacks.js'/>
2125 <script type='text/javascript'>
2126$(document).ready(function(){
2127var olderLink = $("a.blog-pager-older-link").attr("href");
2128$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
2129var olderLinkTitle = $("a.blog-pager-older-link").text();
2130$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
2131});
2132var newerLink = $("a.blog-pager-newer-link").attr("href");
2133$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
2134var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
2135$("a.blog-pager-newer-link").text(newerLinkTitle);
2136});
2137});
2138</script>
2139
2140<script>
2141$(document).ready(function(){
2142 $("#tombol1").click(function(){
2143 $("#buka").slideToggle(700)
2144 });
2145});
2146</script>
2147<script>
2148$(function() {
2149function highlight(){
2150$('.user.blog-author,.ssyby').closest('.comment-block')
2151.css('border', '2px solid #EC7263')
2152.css('background','#fff')
2153.css('padding', '10px');
2154}
2155$(document).bind('ready scroll click', highlight);
2156});
2157</script>
2158<script type='text/javascript'>
2159//<![CDATA[
2160$('.popular-posts ul li .item-snippet').each(function(){
2161 var txt=$(this).text().substr(0,50);
2162 var j=txt.lastIndexOf(' ');
2163 if(j>42)
2164 $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
2165});
2166//]]>
2167</script>
2168<script src='https://rawgit.com/brayenid/borneoscript3/master/bootstrap.js'/>
2169<b:if cond='data:blog.pageType == "error_page"'>
2170<div class='body404'>
2171<div class='container404'>
2172<h1 class='error'>404 :(</h1>
2173 <a href='/'>Back To The Homepage</a>
2174</div>
2175 </div>
2176</b:if>
2177<div id='totop'><i class='fa fa-chevron-up'/></div>
2178<script type='text/javascript'>
2179//<![CDATA[
2180$(function(){$(window).scroll(function(){$(this).scrollTop()>600?$("#totop").fadeIn(100):$("#totop").fadeOut(0)}),$("#totop").click(function(){$("html, body").animate({scrollTop:0},{duration:2e3,easing:"easeInOutExpo"})})});
2181//]]>
2182</script>
2183<script type='text/javascript'>
2184//<![CDATA[
2185setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
2186//]]>
2187</script>
2188<script src='https://rawgit.com/brayenid/borneoscript3/master/easingmod.js' type='text/javascript'/>
2189<!--</body>--></body>
2190</HTML>