API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 16th, 2018
350
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 142.08 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML expr:dir='data:blog.languageDirection'>
  4. &lt;head&gt;
  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 == &quot;index&quot;'>
  9. <title><data:blog.pageTitle/></title>
  10. <b:else/>
  11. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  12. <title>404: Page Not Found | <data:blog.title/></title>
  13. <b:else/>
  14. <title><data:blog.pageName/></title>
  15. </b:if>
  16. </b:if>
  17.  
  18. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  19. <meta content='blogger' name='generator'/>
  20. <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
  21. <link expr:href='data:blog.url' rel='canonical'/>
  22. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  23. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  24. <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  25. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  26. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  27.  
  28. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  29. <b:if cond='data:blog.postImageThumbnailUrl'>
  30. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  31. </b:if>
  32. </b:if>
  33.  
  34. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  35. <meta expr:content='data:blog.pageName' property='og:title'/>
  36. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  37. <meta content='article' property='og:type'/>
  38. <b:if cond='data:blog.metaDescription'>
  39. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  40. <b:else/>
  41. <meta expr:content='&quot;Silahkan baca artikel &quot; + data:blog.pageName + &quot; ini selengkapnya di &quot; + data:blog.title + &quot;&quot;' property='og:description'/>
  42. </b:if>
  43. </b:if>
  44. <meta expr:content='data:blog.title' property='og:site_name'/>
  45. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  46. <meta content='website' property='og:type'/>
  47. <b:if cond='data:blog.metaDescription'>
  48. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  49. <b:else/>
  50. <meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
  51. </b:if>
  52. </b:if>
  53. <b:if cond='data:blog.postImageUrl'>
  54. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  55. <b:else/>
  56. <b:if cond='data:blog.postImageThumbnailUrl'>
  57. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  58. <b:else/>
  59. <meta content='URL Image here' property='og:image'/>
  60. </b:if>
  61. </b:if>
  62. <meta content='kode id fb admin' property='fb:admins'/>
  63. <meta content='kode id profil admin' property='fb:profile_id'/>
  64. <b:skin><![CDATA[
  65. @font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased}#outer-wrapper,#outer-wrapper2{width:980px}#main-wrapper{width:66%;float:left}#sidebar-wrapper{width:30%;float:right}#footer{width:100%}.footer{float:left;width:31%;margin:10px}strong,b{font-weight:700}#layout ul{display:none}#navbar-iframe{height:0;visibility:hidden;display:none}header,nav,section,aside,article,footer{display:block}body{background:#f5f5f5;margin:0;padding:0;color:#2f3842;font:normal normal 13.5px/20px Google Sans,Arial,Sans-Serif;text-align:center;height:100%;min-height:100%;transition:all .4s ease-in-out}a:link{color:#4090f1;text-decoration:none;transition:all .3s ease-in-out}a:visited{color:#4090f1;text-decoration:none}a:hover{color:#292929;text-decoration:none}#page-content{width:1100px;max-width:100%;overflow:hidden;margin:0 auto;padding:0 5px}#header-wrapper{margin:auto;padding:0;overflow:hidden}.header-wrapp{margin:auto;padding:18px 0;max-width:1100px;overflow:hidden}#header{float:left;width:100%;max-width:30%;color:#444;margin:18px;width:100%;max-width:300px}h1.title{font-size:30px}.title a{font-size:30px;font-weight:500;color:#444}.title a:hover{color:#4090f1}#header-right{float:right;margin:20px;width:100%;max-width:540px}#outer-wrapper,#outer-wrapper2{width:1100px;margin:0 auto;padding:0;text-align:left}#main-wrapper{width:68%;margin-top:15px;float:left;word-wrap:break-word;overflow:hidden}#sidebar-wrapper{padding-top:15px;padding-right:10px;width:30%;float:right;word-wrap:break-word;overflow:hidden}#sidebar-wrapper h3{padding-left:55px!important;color:#4090f1;margin:0 2px 0 0;font-size:14px;font-weight:500!important}#sidebar-wrapper h3:hover{transition:all .4s ease-in-out}#sidebar-wrapper .widget-content{padding:0;margin:0;overflow:hidden}abbr{text-decoration:none!important}.share{border-top:4px solid #f2f2f2;font-family:'Google Sans',Arial,sans-serif;text-transform:uppercase;font-size:15px;padding:10px 0 8px;margin-top:25px;position:relative}.post-body table{width:100%}.post-body table,.post-body td,.post-body th{border:none}.share::after{content:"";width:190px;height:30px;position:absolute;bottom:-320px;left:80px;background:#fff}h5{margin:0;padding:0}.date-header{margin:1.5em 0 .5em;display:none}.post{margin:0 0 18px;padding-bottom:0;background:#fff}.post h2{margin:0;padding:0 0 4px;font-size:150%;font-weight:500;line-height:1.4em;color:#444;font-family:'Google Sans',Arial}.post h2 a,.post h2 a:visited,.post h2 strong{letter-spacing:.3px;text-decoration:none;color:#000;transition:all .3s ease-in-out;font-weight:500;font-size:16px;line-height:1.2}.post h2 strong,.post h2 a:hover{color:#4090f1}.post h4{font-family:'Google Sans',Arial,sans-serif;font-size:15px;color:#666;text-transform:uppercase;margin:25px 0 15px;padding:0;font-weight:400}.post .post-title{margin:10px 0 20px}.PopularPosts img{padding-right:0}.popular-posts img{width:110px;height:80px;border-radius:4px}.PopularPosts .item-thumbnail{overflow:hidden;float:left;margin:-10px 10px -16px -10px}.post-body{overflow:hidden;line-height:1.8em;text-align:justify;padding:0 20px 20px;font-family:'Roboto',Arial;font-size:14.5px}.post-body img,.post-body iframe{max-width:100%}.post-body h3{background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.28);line-height:2em;border-radius:5px;color:#4090f1;border-bottom:2px solid #4090f1;font-family:'Google Sans',Tahoma,Sans-serif;text-transform:uppercase;font-weight:400;font-size:14px;margin:5px 0;padding:8px 15px}.post-body h4{font-size:120%;font-weight:400;margin-top:25px;margin-bottom:10px;padding-bottom:12px;margin-top:0}#HTML3 img{border-radius:5px}.post-body img{border-radius:7px;max-width:100%;border-width:0;padding:0;margin-right:10px;page-break-after:always}#indexpopular{overflow:hidden}#main img{background:url(https://2.bp.blogspot.com/-Ul1MQ9YK_k4/WXNbIt-XIXI/AAAAAAAAGzc/bKu4ll-o6poUc51r2P-XM83VpryH_5ABgCLcBGAs/s100/mduiloader.gif) 50% no-repeat #fff}#main img.imgloaded{ object-fit: cover;background:#fff}.post-footer{margin:.75em 0;color:#999;letter-spacing:.1em;line-height:1.4em;font-size:80%;padding:5px 0;margin:30px 0 15px 0;display:none}.post-footer ul{margin-left:0}.comment-link{margin-left:.6em}.tr-caption-container img{border:none;padding:0}table,td,th{border:1px solid #ddd}body{font-style:normal;font-weight:400;font-variant:normal}#comments blockquote,b[rel="quote"]{font-family:'Google Sans',Sans-serif;display:block;font-weight:400;background-color:#796490;border:2px solid #30154e;color:#fff;padding:20px 22px 20px 20px;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:10px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(0,0,0,.2)}#threaded-comment-form p{position:relative;color:#999!important;padding:10px;font-size:14px;font-weight:400;line-height:1.6em;margin-top:10px;background:#54687c;width:95%}#comments,.blog-feeds{display:block}.clear{clear:both}.sidebar{color:#fff;line-height:1.5em}.sidebar h2{background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.28);border-radius:5px;overflow:hidden;color:#4090f1;font-weight:500;font-family:'Google Sans',sans-serif;font-size:15px;position:relative;margin:0 2px 0 0;padding:10px 20px 10px 55px!important;text-align:left;text-transform:uppercase}.sidebar h3{background:#fff;border-radius:5px;box-shadow:0 1px 6px rgba(32,33,36,.28);overflow:hidden;color:#4090f1;font-family:'Google Sans',sans-serif;font-size:15px;font-weight:500;position:relative;margin:0;padding:10px 20px;text-align:left;text-transform:uppercase}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{list-style:none;padding:0}.sidebar li a{color:#828282!important;padding:6px 0;transition:all .3s ease-in-out}.sidebar li a:hover{color:#111;text-decoration:none}.sidebar .widget{margin-bottom:20px;background:#fff}main .widget{margin-bottom:15px;padding:0}.main .Blog{border-bottom-width:0}.adsblanter h2:before{content:"\f124";font-family:FontAwesome;font-size:14px;font-style:normal;font-weight:400;padding:4px 1px;margin:0 10px 0 0;border-radius:3px 0 0 0}.popularblanter h3:before{content:"\f091";font-family:FontAwesome;font-size:14px;background:#4090f1;position:absolute;left:0;top:0;font-style:normal;font-weight:400;padding:10px 15px;color:#fff;margin:0 10px 0 0}.labelblanter h2:before{content:"\f02c";font-family:FontAwesome;font-size:14px;font-style:normal;font-weight:400;padding:4px 1px;margin:0 10px 0 0;border-radius:3px 0 0 0}.partner h2:before{content:"\f124";font-family:FontAwesome;font-size:14px;background:#4CAF50;position:absolute;left:0;top:0;font-style:normal;font-weight:400;padding:10px 15px;color:#fff;margin:0 10px 0 0}.makesticking{background:none!important;max-width:370px!important;position:fixed!important;top:10px;z-index:95;-webkit-transform:translateZ(0)}.recentid h2:before{content:"\f09e";font-family:FontAwesome;font-size:14px;background:#673AB7;position:absolute;left:0;top:0;font-style:normal;font-weight:400;padding:10px 15px;color:#fff;margin:0 10px 0 0}#bsearch-box button{cursor:pointer;background:url(https://3.bp.blogspot.com/-hRs9Xy9mKqM/W0rpeDdO7fI/AAAAAAAAKRo/rGzoU84AWU0vHBH6tMWrFsICwxYPOBzkACLcBGAs/s18/search-icon.png);width:17px;height:17px;border:none;position:absolute;margin-top:15px;margin-left:17px;left:0;outline:none}#cse-search-box{height:30px;background-color:#fff;border:1px solid #eaeaea}#search-text{border:2px solid #fff;box-shadow:0 2px 7px rgba(32,33,36,.28);background:#fff;border-radius:25px;font-size:12px;color:#777;padding:15px 20px 15px 42px;width:220px;max-width:100%;margin-right:-1px;transition:all .3s ease-in-out}#search-text:hover{border-color:#fff}#search-text:focus{border-color:#fff;background:#fff;outline:none}.bsearch-btn{cursor:pointer;transition:all .3s ease-in-out;font-family:'Google Sans',Arial;padding:10px 20px;font-weight:500;font-size:12px;color:#4090f1;background:#fff;border:1px solid #4090f1;margin-left:10px}.bsearch-btn:hover{background:#4090f1;color:#fff;border-color:#4090f1}#search-box input[type="text"]{width:85%;padding:5px;color:#666;outline:none}#HTML4{width:322px!important}.profile-img{float:left;padding:4px;border:0 solid #ccc;margin:0 5px 5px 0}.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:normal normal 78% Cuprum;color:#999;font-weight:500;line-height:1.6em}.profile-datablock{margin:.5em 0}.profile-textblock{margin:.5em 0;line-height:1.6em}.profile-link{font:normal normal 78% Cuprum;text-transform:uppercase;letter-spacing:.1em}#footer{background:#fff;width:1120px;max-width:100%;margin:0 auto;padding:0;position:relative;clear:both}.footer-wrapper{color:#98a7b2;font-family:'Google Sans';font-weight:500;font-size:13px;height:100%;line-height:15px;overflow:hidden;padding:0}.footer{float:left;width:30.5%;margin:10px}.footer .widget{margin-bottom:30px}.footer h2{font-family:'Google Sans',Arial;font-size:14px;margin-bottom:8px;line-height:1.3em;background:#282828;color:#98a7b2;font-weight:400;text-transform:uppercase;padding:8px}.footer .widget-content{line-height:17px}.footer ul{list-style:none;color:#98a7b2;margin:0;padding:0}.footer li{text-indent:0;line-height:1.4em;margin:0;padding:2px 0 3px;font-size:14px}.footer a:link,.footer li a:visited{color:#98a7b2;text-decoration:none}.partner h2{color:#4caf50}.recentid h2{color:#673ab7}.footer li a:hover{color:#ddeaf3}#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}#blog-pager{text-align:center}#copyright b{font-family:'Roboto'}#copyright p{text-align:center;display:block;margin:0;background:#2d82ea;padding:15px;color:#fff}.one-half a{color:#fff}#teks-donasi i{background:#4090f1;color:#fff;padding:5px;margin:2px 0;border-radius:20px;width:20px;height:20px;line-height:20px;text-align:center}#credit li{list-style:none;padding:0;margin:0;float:left}#credit ul{max-width:630px;width:100%;margin:30px auto;overflow:hidden}#credit li a{font-size:12px;padding:10px 15px;margin:0 1px;border-radius:20px;text-transform:uppercase;display:block}#credit li a:hover{background:#fff;color:#4090f1;box-shadow:0 1px 6px rgba(32,33,36,.28)}span.i-love i{color:#e82b2b}#bsearch-box{position:relative;float:right;margin-left:30px;margin-top:5px}span.i-love{background:#fff;color:#2d82ea;padding:5px 10px;margin-left:5px;border-radius:15px}.one-half{font-family:'Google Sans',sans-serif;background:#4090f1;margin:20px 0 0;max-width:100%;overflow:hidden;padding:0;color:#eee}#credit{color:#eee;font-weight:500}.blogonline{color:#fafafa;padding:20px 0;background:#383838}.blogonline a{font-weight:500;font-family:'Google Sans',Arial;color:#fff;padding:0 5px}#Label1 ul{margin-left:0}#Label1 li{float:left;display:inline;margin:0 3px 3px 0;padding:0 5px;height:24px;line-height:24px;color:#626b73;background-color:#3d4348;transition:background-color .4s linear;text-transform:uppercase}#Label1 li:hover{background:#4090f1}#Label1 li a{padding:0 8px;color:#98a7b2;transition:color .4s linear}#Label1 a:hover{color:#fff}#Label2 ul{margin-left:0}#Label2 li{float:left;display:inline;margin:0 3px 3px 0;padding:0 5px;height:24px;line-height:24px;color:#626b73;background-color:#3d4348;transition:background-color .4s linear}#Label2 li:hover{background:#6897cb}#Label2 li a{padding:0 8px;color:#98a7b2;transition:color .4s linear}#Label2 a:hover{color:#fff}img{max-width:100%;height:auto;width:auto}.dp-thumbnail-area{width:110px;height:130px;float:left;overflow:hidden}#showmenu.shows{display:block!important}.bg-gradient{background:#4090f1;box-shadow:0 1px 4px rgba(0,0,0,.26)}.bg-hidden-xs,.bg-overlay{position:absolute;left:0;top:0;width:100%;height:165px;z-index:-1}.cc_banner-wrapper a{color:#fff;font-weight:500}.cc_banner-wrapper{position:fixed;background:linear-gradient(90deg,#4090f1,#6dccf1);z-index:9999;border:4px solid #4090f1;color:#fff;padding:20px;border-radius:7px;bottom:20px;left:20px}.cc_btn{background:#fff;color:#4090f1!important;padding:7px 15px;border-radius:5px}.searchresults{background:none}mark{background:#d33f04;color:#fff;padding:1px 6px;margin-right:5px}.status-msg-wrap{display:none}.item-image{width:auto;padding:25px 0 15px;text-align:center;background:#dce4e5}.logo{float:left;font-family:'Montserrat',Google Sans;font-size:160%;text-transform:uppercase;font-weight:300;margin-top:-27px}#top-menu ul li a.current{color:#ff9000;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,0.3)}.logo a{color:#fff;text-decoration:none;margin-top:-5px}.logo a:hover{color:#fff;text-decoration:none}.logo img{margin-top:-5px}.button{float:left;list-style:none;text-align:center;width:100%;margin:5px 0;padding:0;font-size:14px;clear:both}.button ul{margin:0;padding:0}.button li{display:inline;margin:0;padding:0}.demo{border:1px solid #646d75;padding:8px 40px!important;background:#f5f5f5;color:#646d75!important;font:400 14px/18px Google Sans,sans-serif;text-align:center;transition:.4s all ease-in-out;letter-spacing:1px;box-shadow:0 4px 0 0 rgba(100,109,117,1)}.download{border:1px solid #4090f1;padding:8px 40px!important;background:#f5f5f5;color:#4090f1!important;font:400 14px/18px Google Sans,sans-serif;text-align:center;transition:.4s all ease-in-out;letter-spacing:1px;box-shadow:0 4px 0 0 rgba(129,183,82,1)}.demo:hover{background:#646d75;color:#fff!important;text-decoration:none}.download:hover{background:#4090f1;color:#fff!important;text-decoration:none}.breadcrumbs{font-family:'Google Sans',Arial;background:#fff;padding:12px 15px;border-radius:7px;font-size:18px;color:#4090f1;position:relative;margin-bottom:8px}.breadcrumbs a{color:#4090f1;text-decoration:none;font-size:14px}.breadcrumbs span{font-size:13px}.post-info{background:#f5f5f5;font-family:'Google Sans',Arial;display:block;margin:-1px 0 8px;padding:10px;color:#444;line-height:1.6em;border:1px solid #e2e2e2;font-size:12px;overflow:hidden}.post-info a{color:#444}.post-info-icon{display:inline-block;float:left;margin:0 5px 0 0;padding:0 5px}.post-info a:hover{color:#000;text-decoration:underline}.jam{background-position:0 -98px;height:16px;padding:0 0 0 17px}.komentar{margin-left:-8px;background-position:0 -132px;height:16px;padding:5px}.label{background-position:0 -166px;height:16px;padding:5px}.admin{background-position:0 1px;height:30px;padding:10px 0 0}.komentar i{padding-left:7px}div#widget_bounds{font-family:'Google Sans',Sans-serif}.secret{display:none;padding:20px;border:3px solid #ddd}.secret-share{text-align:center;padding:20px;border:3px solid #ddd}.sticky{position:fixed;top:85px;z-index:100;width:274px}@media screen and (max-width:1280px){#outer-wrapper,#outer-wrapper2{width:95%}#top-menuwrap,#top-menuwrap2{width:90%;margin:0 auto}.search-form{left:0}.logo img{margin-top:7px}#outer-wrapper,#outer-wrapper2,#bawahsaya{padding-left:0}.searchbar{padding-left:0}}@media screen and (max-width:900px){.logo img{margin-top:-7px}#top-menu{margin-left:-40px}menu{margin-left:-50px}#outer-wrapper,#outer-wrapper2,#bawahsaya{padding-left:0}.searchbar{padding-left:0}}@media screen and (max-width:768px){.menux li.nchild,.menux li.nchild{display:table-cell}a.menur#searchr{float:right;display:block}#header{float:none;margin:18px auto}#search-text{width:calc(100% - 70px)}.menux li:hover > ul{display:block;opacity:1;visibility:visible;background:none}#credit li{float:none;display:inline-flex;margin:0 0 5px}#credit ul{max-width:inherit;width:auto;padding:0}#page-content{padding:0;border:none}.blanternotif{left:10%;right:10%}.makesticking{position:relative!important;z-index:initial}#main-wrapper,#sidebar-wrapper{float:none;display:block;width:auto}.menux li a#menur{display:block}#blog-pager{border:none!important}.showpageOf{display:none!important}.menux ul li a{padding-left:25px!important}.subx{top:0!important;display:none;box-shadow:none!important}#showmenu{display:none;position:fixed;background:#fff;left:0;top:0;height:100%;width:70%;box-shadow:0 2px 10px 0 rgba(0,0,0,.12),0 2px 40px 0 rgba(0,0,0,.09)}.menux li a{margin:5px}#menu-right{position:absolute;bottom:20px;left:20px}#main-wrapper{width:100%}.button-menu span,.homer i{display:none}.button-menu i{font-size:18px}#bsearch-box,#header-right{float:left!important}.menux li{float:none}.menux ul{position:relative!important}.sticky{position:relative;width:100%;display:block!important;margin-top:-85px}#outer-wrapper,#outer-wrapper2,#bawahsaya{padding-left:0}.searchbar{padding-left:0}.one-half{margin:15px 0 0;padding:0}#header h1{font-size:200%;line-height:1.2em}.button-menu span{display:none}#header a{font-size:65%;line-height:1.2em}.menux li{float:none}.header-wrapp,#header-right{padding:0;margin:0}#bsearch-box{display:none;position:absolute;top:10px;left:10px;right:10px;margin:0}#outer-wrapper,#outer-wrapper2,#bawahsaya{padding-left:0}.searchbar{padding-left:0}#menu{z-index:9}.menux li{width:100%}#BackToTop{bottom:0;padding:0;font-size:20px}}@media screen and (max-width:480px){#copyright p{line-height:2}#HTML4{width:100%!important}.showpageOf{display:none}#related_posts{margin:20px 20px 20px 0;padding:0}#sidebar-wrapper .widget:nth-child(2),#sidebar-wrapper .widget:nth-child(3){display:none}#content-wrapper{width:99%;margin:0 auto;padding:0}menu{margin-left:-50px}#sidebar-wrapper .widget-content{margin:0 auto;padding:0}.menux li{float:none}a#menuy{margin-top:0}.post h2{font-size:120%;margin-bottom:10px!important}#myModal,#mydonasi{display:none}.dp-thumbnail img{width:100%}.dp-thumbnail{width:100%;border-radius:0;margin:0 0 10px}.buttonalert{display:none}.searchblanter{display:none}#outer-wrapper,#outer-wrapper2{padding-left:0}.post-label{display:none}#header-right,#bsearch-box{float:left}.search-expand{display:none}#boomdoom{display:none}.largebanner .widget,.largebanner2 .widget{padding:2px}.sosmedimut{display:none}}@media screen and (max-width:320px){#sidebar-wrapper{display:none}#myModal,#mydonasi{display:none}.menux li{float:none}#related_posts{display:none}#header-right{float:left;margin:10px 0}menu{margin-left:-50px}.dp-thumbnail{width:100%;border-radius:0;margin:0 0 10px}a#menuy{margin-top:0}.buttonalert{display:none}.searchblanter{display:none}#outer-wrapper,#outer-wrapper2{padding-left:0}.post-label{display:none}#header-right{float:left}.search-expand{display:none}#boomdoom{display:none}.largebanner .widget{padding:2px}.sosmedimut{display:none}}blockquote a,blockquote a:focus,blockquote a:hover,blockquote code,b[rel="quote"] a,b[rel="quote"] a:focus,b[rel="quote"] a:hover,b[rel="quote"] code{color:#ffc0cb}.catatan,.note,.alert,.instruction,em[rel="note"],.tip,.update,.block{font-family:'Google Sans';display:block;font-style:normal;background:#2b68b8;position:relative;margin:15px 0;border-radius:10px;border:2px solid #1c467f;font-weight:400;padding:12px 15px;color:#fff;box-shadow:3px 3px rgba(0,0,0,0.1)}.catatan,.note,em[rel="note"]{font-family:'Google Sans'}.alert{background-color:#C95858}.instruction{background-color:#58C99D}.tip{background-color:#587EC9}.update{background-color:#7FAE47}.alert a,.alert code{color:#FFC0A7}.instruction a,.instruction code{color:#C4FCE5}#close-nav{position:fixed;left:58%;top:5px;z-index:8;background:#fff;padding:5px 6px 2px;border-radius:5px;display:none}.update a,.update code{color:#CBF0A5}#close-nav.shows{display:block}.tip a,.tip code{color:#AFCBFF}.catatan:before,.note:before,em[rel="note"]:before,.alert:before,.instruction:before,.update:before,.tip:before{font-family:'Google Sans',Arial,Sans-serif;display:block;position:absolute;top:15px;left:16px;color:rgba(0,0,0,.15);font-size:22px;line-height:1}.jump-link{display:none}#top-arrow{position:fixed;bottom:0;right:0;z-index:100;width:30px;height:37px;clear:both;margin:0;overflow:hidden}#top-arrow a{float:right;margin:0;padding:0}#top-arrow a.first{float:right}iframe{border:none;overflow:hidden}.center{text-align:center}img.cm-prev{max-width:400px;margin:10px auto;page-break-after:always;display:block;text-align:center!important}.spammer-detected{color:#888;font-style:italic;font-size:90%}.status-msg-wrap{display:none}#Attribution1{height:0;visibility:hidden;display:none}.quickedit{display:none}li a.fcb{color:#24458A}li a.gpl{color:#dc4a38}li a.twt{color:#1BB2E9}li a.joz{color:#659EB9}li a.ytx{color:#e20a0a}@media print{#sidebar-kanan,.paypalbox,.bungkus-title,#css-menu,.komentar,.sharing-post,.related-post,.underheader,.halaman,.post-ontop,#BackToTop,h3.date-header,.postmeta,.underpost,.breadcrumbs{display:none!important}#main-wrapper{width:100%}.post-body{padding:0}#judul-post,.breadcrumbs,.postmeta{margin:0}body{padding:0}#left-aside{width:100%;margin:0 auto}#main{box-shadow:none;border:none;border-bottom:none;border-radius:0}h1.post-title{border:none}.post blockquote{background:transparent;color:#666;border:none;box-shadow:none}.BounceToTop,.blogouter-wrapper,.search-form,.luna-search,#side-kanan,#copyright,#comments,#related_posts,#BackToTop,#hero1,#button-count-share,#css-menu,.breadcrumbs,#blog-pager,.banner,.banner2{display:none;visibility:hidden;width:0;height:0}}.main-nav li{list-style-type:none;display:block;float:none}.PopularPosts ul{list-style-type:none;background:#fff}.PopularPosts li{margin:0;padding:10px!important}.PopularPosts ul li{background:#fff;margin:10px 5px;padding:0;border:1px solid #ddd;border-radius:7px}.PopularPosts li a{font-weight:400;font-family:'Google Sans',sans-serif;font-size:13px;color:#555!important;transition:all .5s;border:none}.PopularPosts li a:hover{color:#000!important;border:none}.cloud-label-widget-content{margin-top:10px!important}.label-size{margin:0;padding:0;position:relative}.label-size a{font-weight:500;float:left;width:34%;height:34px;font-family:'Google Sans',Arial;line-height:34px;position:relative;font-size:13px;color:#fff;margin-bottom:9px;margin-left:20px;padding:0 13px 0 15px;background:#2185d0;text-decoration:none;-webkit-border-radius:4px;border-radius:4px}.label-size a:hover{background:#1a69a4}.label-size a:hover:before{border-color:transparent #1a69a4 transparent transparent}pre{margin:15px 15px 15px 0;padding:10px;clear:both;border-radius:10px;background:#f2f2f2;color:#666;border:2px solid #ddd;overflow:auto;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;font-weight:400!important;font-style:normal!important;font-size:12px!important;max-height:500px}code{color:#111;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;font-weight:400!important;font-style:normal!important;font-size:13px!important}.komentar .fa-comments-o{margin-right:3px}.buttonx{display:inline-flex;border-radius:25px;cursor:pointer;box-shadow:0 1px 6px rgba(32,33,36,.28);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#FFF!important;margin:5px;padding:10px 25px;position:relative;background:#4090f1}.buttonx:hover,.buttonx:hover,.buttonx.link:hover{opacity:.8;box-shadow:0 2px 10px 0 rgba(0,0,0,0.16),0 2px 15px 0 rgba(0,0,0,0.12)}.buttona{float:right;margin:-5px;padding:8px;font-size:12px;display:inline-flex;cursor:pointer;font-family:'Google Sans';font-weight:500;text-transform:uppercase;color:#fff!important;background-color:#444!important}.buttona:hover,.buttona:hover,.buttona.link:hover{background:#4090f1!important;color:#fff}.addkomen{background:#646d75;font-size:14px;font-weight:500;text-decoration:none;margin:0 2px;padding:6px 10px;color:#fff;transition:all .3s ease-in;float:right}.addkomen:hover{background-color:#4090f1;color:#fff}.searchblanter{position:absolute;top:10px;right:72px;color:#292929;text-align:center;padding:0;font-size:20px;font-weight:400;line-height:25px;cursor:pointer;transition:all .4s ease-in-out}.searchblanter:focus{color:#fff;background:#4090f1}.searchblanter:after{content:"\f002";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:none;font-size:20px;color:#292929;display:inline-block;position:relative;line-height:40px}.searchblanter.active:after{content:"\f00d";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:none;font-size:19px;color:#4090f1;display:inline-block;position:relative;line-height:40px}.searchblanter:focus:after:hover{color:#4090f1}.buttonalert{position:absolute;top:17px;right:80px;text-align:center;padding:0;color:#292929;font-size:27px;font-weight:400;line-height:25px;cursor:pointer;transition:all .4s ease-in-out}span.number{color:#fff;background:#4090f1;font-size:10px;padding:5px 8px;border-radius:100%;margin-right:10px;margin-bottom:10px}.buttonalert:hover{color:#4090f1}.slide-menu{display:none;background:#f3f3f3;padding:0 15px;text-align:left;height:60px;line-height:60px;color:#444!important}.slide-menu:hover{background:#eee}#menu ul{z-index:7;position:relative;line-height:0!important;padding:4px 2px 8px}#menu li ul{position:absolute}#menu{margin:0 10px 10px;background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.28);border-radius:30px;position:relative;z-index:7}.menux{display:block;padding-left:10px;text-align:left;margin:0}.menux li{display:inline-block;position:relative;margin:0}.subx{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border-radius:5px;overflow:hidden}.homer i{float:left;line-height:.1;margin:-1px 5px 0;font-size:20px}.menux li a{font-family:'Google Sans',Arial;font-size:14px;font-weight:500;text-decoration:none;padding:18px 14px;display:block;color:#555;transition:all .3s ease-out;border-radius:30px}.menux li a:hover,.menux li:hover > a{background:rgba(90,199,232,.08);color:#4090f1}.menux ul{visibility:hidden;opacity:0;top:30px;margin:0;padding:0;width:100%;min-width:160px;position:absolute;left:0;background:#fff;z-index:99;transition:all .3s ease-in-out}.menux ul li{display:block;float:none;margin:0;padding:0}.menux ul li a{font-size:13px;padding:18px 11px;display:block;background:#fff;color:#444!important;transition:all .3s ease-out;margin-top:0;border-radius:20px}.menux ul li a:hover,.menux ul li:hover > a{background:#f2f2f2}.menux li:hover > ul{visibility:visible;opacity:1;top:40px}.menux ul ul{left:160px;top:0;display:none;transition:initial}.menux li > ul ul:hover{display:block}.menux li .submenux:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:6px;color:#333}.largebanner .widget,.largebanner2 .widget{padding:10px;margin:0 auto;max-width:970px;overflow:hidden}.largebanner img,.largebanner iframe,.largebanner2 img,.largebanner2 iframe{display:block;border-radius:7px;max-width:100%;border:none;overflow:hidden}#menu-right{float:right;margin:12px}a.menu-btn{font-weight:500;background:#4090f1;padding:7px 14px;font-size:12px;color:#fff;border-radius:15px}.menux li a.menur{background:#4090f1;color:#fff;width:80px;float:left;text-align:center;text-transform:uppercase;margin-top:5px;padding:10px;display:none}a.menu-notif{margin-right:15px;padding:7px 10px;background:#fff;color:#4090f1;border:1px solid #4090f1}#teksutama.aktif,#teks-donasi{display:none}#teks-donasi.aktif{display:block}.blanternotif a.waves-light{font-size:14px;color:#fff}.blanternotif{visibility:hidden;opacity:0}.blanternotif{background:#fff;position:fixed;padding:25px;top:15%;transition:all .3s ease-in-out;max-width:450px;left:35%;z-index:99;border-radius:7px;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.blanternotif button{border:none;position:absolute;margin-top:17px;right:30px;cursor:pointer;background:#e8e8e8;padding-left:7px;outline:0}.blanternotif a.waves-light{background:#4090f1;margin-left:5px;margin-top:25px;display:inline-block;padding:8px 15px;border-radius:4px;float:right;font-weight:500}.blanternotif a.waves-light.close-sf{color:#4090f1;background:#fff;border:1px solid #ddd;box-shadow:none}.blantertitle{margin-bottom:15px;text-align:left;font-weight:500}.flashlight{position:fixed;z-index:98;top:0;height:100%;width:100%;background:rgba(255,255,255,0.69);opacity:0;visibility:hidden;transition:all .3s ease-in-out}.blanternotif.aktif,.flashlight.aktif{visibility:visible;opacity:1}.blanternotif.aktif{top:20%}.icx{position:absolute;top:10px;right:10px;background:url(https://3.bp.blogspot.com/-ku_TRSeCPD8/WYsWU06DseI/AAAAAAAAG4E/VykKXnkItQEO9GGCOBZjSCDXMVpgsg1mwCLcBGAs/s1600/mdclose.png)no-repeat;background-size:15px;margin:10px 8px;width:15px;height:15px}.notiftext{font-size:13.5px;line-height:1.6;text-align:left}@media screen and (max-width:768px){.menux{padding-left:0}.blanternotif{left:10%;right:10%}}.sosmedimut{float:left;margin:10px 0;padding:0}.sosmedimut li{list-style:none;float:left;opacity:1}#BackToTop{overflow:hidden;position:fixed;transform:scale(0);z-index:90;right:30px;bottom:31px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);width:55px;height:55px;color:#fff;text-align:center;background-color:#2d82ea;font-size:22px;line-height:52px;cursor:pointer;border-radius:100%;transition:all .2s ease-in-out}#BackToTop:hover{background-color:#1976D2;color:#fff}#BackToTop.active{transform:scale(1)}.sosmedimut li a{border-radius:100%;box-shadow:0 2px 7px rgba(32,33,36,.28);transition:all .3s ease-in-out;font-size:17px!important;margin-right:5px;text-align:center;width:20px;padding:10px;float:left;background:#fff}.sosmedimut li a:hover{box-shadow:0 6px 15px rgba(32,33,36,.28)}#angle-up{margin-right:0;padding-right:1px}#headh1{text-indent:-9999px;margin:0;padding:0;height:0}.dblock{display:block}.dnone{display:none}.post{color:#222}.jasard:after{content:'.';background:#4caf50;position:absolute;padding:5px;line-height:0;height:5px;width:5px;color:#fff;border-radius:100%;top:7px;right:2px}b[rel="quote"] b,.post-body h3 b{font-weight:500}
  66.  
  67.  
  68.  
  69.  
  70. ]]></b:skin>
  71. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  72. <style type='text/css'>.tanggal{float:right;padding:10px 0 0}.tanggal abbr{color:#4090f1;border:1px solid #4090f1;padding:5px 12px;border-radius:15px}.dp-thumbnail{background:#ddd;display:block;width:100%;height:220px;text-align:center;margin:0;position:relative;border:none;outline:none;float:none;position:relative}.dp-thumbnail img{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%;height:220px;transition:all .5s ease-in-out}.dp-thumbnail img:hover{border-radius:none;-webkit-filter:brightness(0.92)}.a-content img{margin:0}.post-ads .a-content{padding:20px 0}#sidebar-wrapper{display:none}.post:hover{box-shadow:0 1px 20px rgba(32,33,36,.28)}.post:hover h2 a{color:#4090f1}.post h2{font-size:154%;text-align:center;height:42px;overflow:hidden;font-family:&#39;Google Sans&#39;,Arial;margin-top:10px!important;margin-bottom:10px!important;font-weight:500;line-height:1.1em;color:#333}.post-body{font-size:14px;padding:0;transition:all .5s ease-in-out;text-align:left;line-height:1.7;color:#444}.post{border:1px solid #eee!important;box-shadow:0 1px 6px rgba(32,33,36,.28);border-radius:10px;overflow:hidden;margin:10px;font-weight:400;width:calc(33% - 20px);height:350px;float:left;padding-bottom:0;background:#fff;transition:all .4s ease-in-out}.post-info img{border-radius:100%;float:left}.PopularPosts ul li:hover .item-title a{color:#000!important}.PopularPosts ul{margin:0;padding:0}.PopularPosts ul li{width:150px;float:left;height:150px;border-radius:10px;transition:all .3s ease-in-out}.PopularPosts ul li:hover{box-shadow:0 1px 7px rgba(32,33,36,.28)}.PopularPosts .item-thumbnail{margin:0}.popular-posts img{width:180px;height:100px}.PopularPosts .item-title{text-align:center;height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left;overflow:hidden}#indexpopular h2{position:relative;background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.28);padding:12px 0;margin:15px 5px;text-align:center;border-radius:25px}#indexpopular h2 span{background:#4090f1;color:#fff;font-family:&#39;Google Sans&#39;,sans-serif;width:200px;padding:10px 17px;margin:10px auto;text-transform:uppercase;font-weight:500;border-radius:20px;font-size:13px;position:relative;z-index:2}.post-snippet{display:none}.post-ads{max-width:100%;text-align:center}.post-ads{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.p-title{font-family:&#39;Google Sans&#39;,sans-serif;font-weight:500;padding:5px 20px;background:#fff;margin:10px auto 15px;color:#4090f1;border:1px solid #4090f1;display:inline-block;border-radius:5px}.post-ads:hover .p-title{background:#eee;border-color:#eee}.bawah-post{padding:0 15px}#main-wrapper{width:100%}#blog-pager .pageicon{font-size:200%;line-height:17px}#blog-pager{width:100%;font-family:&#39;Google Sans&#39;,Arial}#blog-pager a,.showpagePoint{display:inline-block;padding:10px 17px;border-bottom:2px solid #fff}#HTML4{display:none}.post-info{background:none;border:none;padding:0;margin:15px 0 0;line-height:2.5;color:#777}.post-info a{color:#777}#blog-pager{clear:both;box-shadow:0 1px 6px rgba(32,33,36,.28);border-radius:7px;display:inline-block;overflow:visible;width:auto;background-color:#fff;margin:40px 0 20px 20px;padding:0;text-align:center;line-height:normal;font-size:13px;font-weight:400}.blog-pager,#blog-pager{margin:20px 10px 15px;clear:both;text-align:left}.showpageOf{display:inline-block;font-size:90%;vertical-align:top;padding:10px 18px;line-height:20px;font-weight:500;text-transform:uppercase;color:#777}.showpage a,.showpageNum a,.showpagePoint{display:inline-block;vertical-align:top;height:20px;line-height:20px;margin:0;font-size:13px;text-align:center;font-weight:500;color:#666;transition:all .3s ease-in-out}.showpagePoint,.showpage a:hover,.showpageNum a:hover{color:#038ec1;border-color:#038ec1!important}@media screen and (max-width:640px){.PopularPosts ul li{width:40%;height:150px}.dp-thumbnail,.dp-thumbnail img{width:100%!important}}@media screen and (max-width:2000px){}@media screen and (max-width:768px){.post-ads{width:250px}.post,.dp-thumbnail,.dp-thumbnail img{width:280px}#main-wrapper{margin-left:0}}@media screen and (max-width:480px){.post-body{border:none;padding:0}.post-snippet,.komentar,.post-ads{display:none}.post-body:hover{border:none}#blog-pager{border-top:1px solid #ddd;overflow:hidden}.blogonline{overflow:hidden}.blogonline a{width:100%;float:left;padding:10px}.post{width:95%;height:340px;margin:10px}}
  73. </style>
  74. <b:else/>
  75. <style type='text/css'>
  76. #comments { padding:4px !important; margin-top:0; padding:0; background:#fff }
  77. #comments .comment { position:relative; margin-top:0 }
  78. #comments .comment-thread ol { margin:0; padding-left:0; padding-left:0 }
  79. #comments .comment-thread .comment-replies,#comments .comment .comment-replybox-thread { margin-left:20px }
  80. #comments .comment-thread .thread-count,.comments .continue { display:none }
  81. #comments .comment { list-style-type:none; position:relative }
  82. .comment .avatar-image-container { position:absolute }
  83. .comment .avatar-image-container img { border-radius:50%; height:40px; width:40px; border:3px solid #dedede }
  84. .avatar-image-container img { background:url(//4.bp.blogspot.com/-9TaHwQSt4ps/WfdMSWzDpAI/AAAAAAAAQgE/lwRBOH-oCWQVR-UDuoXZGFHUc4A1B99cQCLcBGAs/s1600/no-image.png) no-repeat center }
  85. .avatar-image-container svg,.comment .avatar-image-container .avatar-icon { border-radius:50%; border:solid 1px #707070; box-sizing:border-box; fill:#707070; height:40px; margin:0; padding:7px; width:40px }
  86. .comment .comment-block { padding:8px 10px; margin-left:50px; margin-top:10px; margin-bottom:10px; background-color:#ebedf0b8; border-radius:10px }
  87. #comments .comment-author-header-wrapper { margin-left:40px }
  88. #comments .comment .comment-header .user,#comments .comment .comment-header .user a { color:#365899; font-style:normal; font-weight:500; font-size:15px; text-transform:none }
  89. #comments .comment .comment-actions { background:transparent; border:0; box-shadow:none; cursor:pointer; font-size:11px; font-weight:500; outline:none; text-decoration:none; width:auto; margin-bottom:15px }
  90. #comments .comment .comment-actions a { color:#777; font-weight:500 }
  91. #comments .comment .comment-actions a:hover { color:#2196f3 }
  92. #comments .comment .comment-actions &gt; * { margin-right:8px }
  93. #comments .comment .comment-header .datetime { bottom:0; color:rgba(33,33,33,0.54); display:inline-block; font-size:13px; margin-left:5px }
  94. #comments .comment .comment-header .datetime a,#comments .comment .comment-footer .comment-timestamp a { color:#777; font-weight:500 }
  95. .comment .comment-body,#comments .comment .comment-content { margin-top:7px; margin-bottom:7px; line-height:1.6; word-break:break-word }
  96. .comment-body { margin-bottom:12px }
  97. #comments.embed[data-num-comments=&quot;0&quot;] { border:none; margin-top:0; padding-top:0 }
  98. #comments.embed[data-num-comments=&quot;0&quot;] #comment-post-message,#comments.embed[data-num-comments=&quot;0&quot;] div.comment-form &gt; p,#comments.embed[data-num-comments=&quot;0&quot;] p.comment-footer { display:none }
  99. #comment-editor-src { display:none }
  100. .comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden }
  101. #comments iframe { min-height:93px; display:block; padding:0 20px 0 10px; border-radius:10px; box-sizing:border-box; border:0; background:none }
  102. .comment-form { border-bottom:1px solid #eee; margin-bottom:23px }
  103. #comments iframe::-webkit-scrollbar { width:5px }
  104. #img-pertamax img{width:100%}#outer-wrapper{margin:0 auto 5px;background:#fff;border-radius:10px;box-shadow:0 1px 6px rgba(32,33,36,.28)}#comments{padding:10px 20px}.post-body table td,.post-body table caption{padding:10px;background:#FCFCFC;text-align:left;vertical-align:top}.post-body table th{background:#e6e6e6;padding:10px;text-align:left;vertical-align:top}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px}.post-body table tr:nth-child(even) &gt; td{background-color:#f5f5f5}.post-body th{background:#fff;font-weight:400;text-transform:uppercase;font-size:14px}.post-body td a{color:#768187;padding:0 6px;font-size:85%;float:right;display:inline-block;border-radius:3px}.post-body td a:hover{color:#7f9bdf;border-color:#adbce0}.post-body td a[target=&quot;_blank&quot;]:after{margin-left:5px}.post-body table.tr-caption-container td{border:none;padding:8px;background:transparent}.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;width:auto;height:auto}.post-body td.tr-caption{font-size:80%;padding:0 8px 8px!important}img{max-width:100%;height:auto;border:none}table{max-width:100%;width:100%;margin:1.5em auto}table.section-columns td.first.columns-cell{border-left:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.widget ul{padding:0}.post-body .tr-caption-container a{float:none}td.tr-caption{background:transparent!important}table,td,th{border:none!important}#HTML3{margin:0 auto 20px;text-align:center}#tempat-judul h2{font-family:&#39;Google Sans&#39;,Arial;font-weight:500;color:#4090f1;border-bottom:2px solid #4090f1;padding:15px 20px;margin:0;font-size:16px;z-index:2;position:relative;display:inline-block}#tempat-judul{background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.28);margin:15px 0;z-index:2;position:relative;text-align:left;border-radius:10px}.related-post-item-tooltip{height:54px;overflow:hidden;width:50%;float:left;text-overflow:ellipsis;padding:10px}#related-post .material-icons{font-size:200%;right:20px;color:#607D8B;top:-1px;position:absolute}#related-post{background:#fff;margin:10px 15px}.related-post{margin:30px 0 0;position:relative;padding:0 0 10px}.lol h4 i{margin:-14px 10px -14px -8px;background:#4090f1;color:#fff;padding:10px 12px;border-radius:100%}.lol h4,.related-post h4{border-radius:5px;color:#555;font-size:100%;font-family:&#39;Google Sans&#39;,Arial;text-transform:uppercase;text-align:left;font-weight:500;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);position:relative;padding:0;margin:0 0 20px}.related-post h4 span{color:#4090f1;border-bottom:2px solid #4090f1;padding:15px 20px 12px;margin-left:10px;display:inline-block}.related-post-style-3,.related-post-style-3 li{margin:0 auto;padding:0!important;list-style:none;word-wrap:break-word}.related-post-style-3 li a{font-family:&#39;Google Sans&#39;,sans-serif;color:#666;font-weight:500!important;font-size:14px;line-height:1.4em}.related-post-style-3 li a:hover{color:#111}.related-post-style-3 .related-post-item{display:inline-block;float:left;border-radius:5px;border:1px solid #ddd;width:48.6%;margin-right:15px;height:auto;padding:0;margin-bottom:10px!important;position:relative;overflow:hidden}.related-post-style-3 .related-post-item-thumbnail{display:block;margin:0;width:40%;height:100px;float:left}.related-post-style-3 .related-post-item-thumbnail img{width:100%;height:auto!important;transition:all 1s ease-out}.related-post-item:hover .related-post-item-tooltip a{opacity:1}.related-post-item-tooltip a{color:#666!important;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .3s;text-align:center;font-size:12px!important;position:relative}.lol h4{margin:10px!important}.related-post-item:nth-child(2),.related-post-item:nth-child(4),.related-post-item:nth-child(6){margin-right:0}#emoshow{display:none;overflow:hidden;padding:10px 0}.emolist{font-size:18px;padding:5px;overflow:hidden;float:left}#blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#333;transition:all .3s ease-in-out}a.blog-pager-newer-link,a.blog-pager-older-link,a.home-link{background:#fff;padding:3px}.idb-pager{overflow:hidden;padding:0;margin:0 20px}.idb-pager li.next{height:114px;float:left;padding:0;background:none;margin:0;text-align:left}.idb-pager li.next a{padding-left:24px}.idb-pager li.previous{height:114px;margin:0 -2px 0 0;float:right;padding:0;background:none;text-align:right}.idb-pager li.previous a{padding-right:24px}.idb-pager li{width:50%;display:inline;float:left;text-align:center}.idb-pager li a{position:relative;min-height:77px;display:block;padding:15px 46px;outline:none;text-decoration:none;color:#444}.idb-pager li i{color:#ccc;font-size:18px}.idb-pager li a strong{display:inline-block;font-size:14px;background:#4090f1;color:#fff;padding:5px 10px;font-weight:500;text-transform:uppercase;border-radius:5px}.idb-pager li a span{font-size:13px;color:#666;font-weight:500;font-family:&#39;Google Sans&#39;,sans-serif;margin:0}.idb-pager li a:hover span,.idb-pager li a:hover i{color:#000}.idb-pager li.previous i{float:right;margin-top:13%;margin-left:5%}.idb-pager li.next i{float:left;margin-top:13%;margin-right:5%}.idb-pager li.next i,.idb-pager li.previous i,.idb-pager li.next,.idb-pager li.previous{-webkit-transition-property:background color;-webkit-transition-duration:.4s;-webkit-transition-timing-function:ease-out;-moz-transition-property:background color;-moz-transition-duration:.4s;-moz-transition-timing-function:ease-out;-o-transition-property:background color;-o-transition-duration:.4s;-o-transition-timing-function:ease-out;transition-property:background color;transition-duration:.4s;transition-timing-function:ease-out}.fa-chevron-right{padding-right:0}#blog-pager,.post-feeds{display:none}.post_byimz img:hover{border-color:#222}.share-post{text-align:left;border-top:1px solid #eee;margin-bottom:40px;margin-top:15px;padding:14px 0}.share-post ul{padding:0;margin:10px auto;width:300px;max-width:100%}.share-post li{float:left;margin:0;padding:0;list-style:none;position:relative}.share-post li a{padding:5px;margin-right:4px;border-radius:5px;width:42px;text-align:center;color:#fff;display:block;font-size:13px;transition:all .6s ease-out}.share-post li a:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.share-post li .twitter{background-color:#1da1f2}.share-post li .facebook{background-color:#4867aa}.share-post li .gplus{background-color:#dc4a38}.share-post li .pinterest{background-color:#c82828}.share-post li .wa{background:#0dc143}.share-post li .tumblr{background-color:rgba(48,78,108,0.98)}.share-post li .twitter:hover,.share-post li .facebook:hover,.share-post li .gplus:hover,.share-post li .pinterest:hover,.share-post li .tumblr:hover{color:#fff}.share-post li:last-child{margin-right:0}.share-post li .fa:before{top:0;left:0;display:inline-block;padding:5.5px 12px;font-family:fontawesome;text-align:center;color:#fff;line-height:20px;font-size:17px;transition:all .6s ease-out}.share-post li .fa{display:initial}.breadcrumbs{background:#fff;font-size:15px;padding:10px;margin:0 10px;color:#777;position:relative}.breadcrumbs span a{color:#777;text-decoration:none;font-weight:400;padding:0 2px;font-size:12px}.breadcrumbs span{font-weight:500;font-size:12px}.breadcrumbs a:hover{color:#4090f1;text-decoration:none;padding:0}.thumbnail{display:none}.post-info a{color:#777}.material-infopost{overflow:hidden;width:100%;padding:10px 0 20px}.post-author a,.time-publish abbr,.comments-publish a{font-family:&#39;Google Sans&#39;,Arial;color:#444;line-height:2.7;margin-right:20px;font-size:13px}.post-author,.time-publish{float:left}.comments-publish{float:right}.comments-publish a{text-transform:uppercase;margin:0;font-weight:500;color:#fff;padding:10px 15px;background:#4090f1;color:#fff;border-radius:4px}.comments-publish .fa{margin-right:5px}.time-publish .fa{font-size:17px;line-height:2.2;color:#666;margin-right:10px}img.author-avatar{width:40px;height:40px;border-radius:100%;float:left;margin-right:15px}.post-body img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background:#eee;border:0}.post-body{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pre,code,i{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media screen and (max-width:868px){.related-post-style-3 .related-post-item{width:45%}}@media screen and (max-width:480px){#outer-wrapper{border:0}.post_byimz img{max-width:60px!important}#subscribe-box,.spanshare,#emotext,.comments-publish,.tumblr,.idb-pager{display:none!important}.post-body{padding:5px}.separator a{margin:0!important}.related-post-style-3 .related-post-item{width:100%!important}.related-post-style-3 .related-post-item-thumbnail{height:100px!important}.kotakleft{width:100%}}@media screen and (max-width:320px){.share-post li{float:none;width:100%}#subscribe-css{display:none}.kotakleft{width:100%}}.adspost{display:block;text-align:center;margin:25px auto}.spanshare{text-align:center;font-size:16px;text-transform:uppercase;font-weight:500}#subscribe-box .spanshare{padding-bottom:20px;text-align:left;font-size:13px;margin:2px}#subscribe-box{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);background:#fff;margin:0 15px 20px;border-radius:7px;padding:15px 30px 30px;display:block;overflow:hidden}.e-box input{padding:10px 15px;border:2px solid #f2f2f2;background:#f2f2f2;border-radius:20px;width:95%;float:left;outline:0;transition:all .2s ease-in-out}.e-box input:focus{color:#444;border-color:#4090f1;background:#fff}.e-box form{position:relative}.e-box .submitbutton{width:28%;position:absolute;right:0;background:#4090f1;border-color:#4090f1;color:#fff;text-transform:uppercase;font-weight:500;font-family:Google Sans,sans-serif;cursor:pointer}.fsx{background:#fff;display:inline-block;color:#4090f1;border:1px solid #ddd;padding:5px;margin:10px 0;border-radius:5px}.pesan-komentar{font-family:Google Sans,sans-serif;background:#fff;padding:10px 20px 20px;margin:0 20px;line-height:1.3em;position:relative;font-weight:400;font-size:14px;color:#555;border-radius:10px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.parser{background:#4090f1;border-radius:4px;font-size:13px;padding:8px 15px;font-weight:500;margin:0 5px 0 0;cursor:pointer;display:inline-block;float:left;text-align:center;color:#fff!important}#parser{padding:0;margin:10px 0 0;display:none}#parser td{border:none}#parser table,#parser2 table{margin:0 auto;width:100%;border:none}#parser textarea#somewhere,#parser2 textarea#somewhere{background:#eee;border:0;border-radius:7px;height:100px;width:100%;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#parser textarea#somewhere:active,#parser textarea#somewhere:focus,#parser2 textarea#somewhere:active,#parser2 textarea#somewhere:focus{border:2px solid #4090f1;outline:0}input.button-parse{padding:7px 10px;border-radius:6px;cursor:pointer;background:#4090f1;border:none;font-size:12px;color:#fff;font-weight:500;font-family:&#39;Google Sans&#39;,sans-serif}.pesan-komentar .strike{text-decoration:line-through}.pesan-komentar h4{font-size:13.5px;margin:15px 0;font-weight:500;text-align:left}.pesan-komentar ul{list-style:none;padding:0 10px 5px}.pesan-komentar code{font-family:Consolas,Monaco,&#39;Andale Mono&#39;,monospace;white-space:initial;word-spacing:normal;word-break:normal;hyphens:none;color:#4090f1}
  105. </style>
  106. </b:if>
  107. <script type='text/javascript'>
  108. //<![CDATA[
  109. function 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" }) }
  110. loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");
  111. //]]>
  112. </script>
  113. <script type='text/javascript'>
  114. //<![CDATA[
  115. if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\"></scr" + "ipt>");}
  116. //]]>
  117. </script>
  118. &lt;!--<head/>--&gt; &lt;/head&gt;
  119. &lt;body&gt;
  120. <script>//<![CDATA[
  121. $(document).ready(function(){$("#bsw-may-you-like img").attr("src",function(a,b){return b.replace("s72-c","s350")})});
  122. $(document).ready(function(){$(".post-info img").attr("src",function(a,b){return b.replace("s512-c","s50")})});
  123. //]]></script>
  124. <div class='bg-hidden-xs'><div class='bg-overlay bg-gradient'/></div>
  125. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  126. <div id='page-content' itemprop='mainContentOfPage' itemscope='itemscope' itemtype='https://schema.org/WebPageElement'>
  127.  
  128. <header id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader' role='banner'>
  129. <div class='header-wrapp'>
  130. <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
  131. <b:widget id='Header1' locked='false' title='Testing Template (Header)' type='Header' version='1'>
  132. <b:widget-settings>
  133. <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-xzZisWwC1Ig/WZLlbTikDyI/AAAAAAAAG9c/kb-Gv9rrh2o0Pkr3uFRMF8ea140fenpYwCK4BGAYYCw/s1600/DuniaBlanterLogoNew17Agustus.png</b:widget-setting>
  134. <b:widget-setting name='displayHeight'>90</b:widget-setting>
  135. <b:widget-setting name='sectionWidth'>790</b:widget-setting>
  136. <b:widget-setting name='useImage'>true</b:widget-setting>
  137. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  138. <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  139. <b:widget-setting name='displayWidth'>400</b:widget-setting>
  140. </b:widget-settings>
  141. <b:includable id='main'>
  142.  
  143. <b:if cond='data:useImage'>
  144. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  145. <!--
  146. Show image as background to text. You can't really calculate the width
  147. reliably in JS because margins are not taken into account by any of
  148. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  149. width if the user is using shrink to fit.
  150. This results in a margin-width's worth of pixels being cropped. If the
  151. user is not using shrink to fit then we expand the header.
  152. -->
  153. <b:if cond='data:mobile'>
  154. <div id='header-inner'>
  155. <div class='titlewrapper' style='background: transparent'>
  156. <h1 class='title' itemprop='headline' style='background: transparent; border-width: 0px'><b:if cond='data:blog.pageType != &quot;item&quot;'> <b:include name='title'/> <b:else/> <data:blog.pageName/> </b:if></h1>
  157. </div>
  158. <b:include name='description'/>
  159. </div>
  160. <b:else/>
  161. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  162. <div class='titlewrapper' style='background: transparent'>
  163. <h1 class='title' itemprop='headline' style='background: transparent; border-width: 0px'><b:if cond='data:blog.pageType != &quot;item&quot;'> <b:include name='title'/> <b:else/> <data:blog.pageName/> </b:if></h1>
  164. </div>
  165. <b:include name='description'/>
  166. </div>
  167. </b:if>
  168. <b:else/>
  169. <!--Show the image only-->
  170. <div id='header-inner'>
  171. <a expr:href='data:blog.homepageUrl' style='display: block'>
  172. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/>
  173. </a>
  174. <!--Show the description-->
  175. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  176. <b:include name='description'/>
  177. </b:if>
  178. </div>
  179. </b:if>
  180. <b:else/>
  181. <!--No header image -->
  182. <div id='header-inner'>
  183. <div class='titlewrapper'>
  184. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  185. <h1 class='title' itemprop='headline name'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h1>
  186. <b:else/>
  187. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  188. <h1 class='title' itemprop='headline name'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h1>
  189. <b:else/>
  190. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  191. <h2 class='title' itemprop='name headline'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h2>
  192. <b:else/>
  193. <h2 class='title' itemprop='name headline'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h2>
  194. </b:if>
  195. </b:if>
  196. </b:if>
  197. </div>
  198. <b:include name='description'/>
  199. </div>
  200. </b:if>
  201. </b:includable>
  202. <b:includable id='description'>
  203. <div class='descriptionwrapper'>
  204. <p class='description' itemprop='description'><span><data:description/></span></p>
  205. </div>
  206. </b:includable>
  207. <b:includable id='title' itemprop='name'>
  208. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  209. <data:title/>
  210. <b:else/>
  211. <a expr:href='data:blog.homepageUrl' itemprop='url'><data:title/></a>
  212. </b:if>
  213. </b:includable>
  214. </b:widget>
  215. </b:section>
  216. <div id='header-right'><div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/Person'><link href='https://www.idblanter.com/' itemprop='url'/><ul class='sosmedimut'><li><a class='fcb' href='https://www.facebook.com/DuniaBlanter' itemprop='sameAs' target='_blank' title='Facebook'><i class='fa fa-facebook'></i></a></li><li><a class='twt' href='https://twitter.com/RhinokageRio' itemprop='sameAs' target='_blank' title='Twitter'><i class='fa fa-twitter'></i></a></li><li><a class='gpl' href='https://plus.google.com/+RhinokageRio' itemprop='sameAs' target='_blank' title='Google+'><i class='fa fa-google-plus'></i></a></li><li><a class='joz' href='https://instagram.com/rhinokagerio/' itemprop='sameAs' target='_blank' title='Instagram'><i class='fa fa-instagram'></i></a></li><li><a class='ytx' href='https://www.youtube.com/user/Necromancer442' itemprop='sameAs' target='_blank' title='Youtube'><i class='fa fa-youtube'></i></a></li></ul></div><div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WebSite'><meta content='https://www.idblanter.com/' itemprop='url'/><form action='/search' id='bsearch-box' itemprop='potentialAction' itemscope='itemscope' itemtype='https://schema.org/SearchAction' method='get' target='_top'><meta content='/search?q={q}' itemprop='target'/><input id='search-text' itemprop='query-input' name='q' placeholder='Search on idblanter.com' required='' type='text' value=''/><input name='max-results' type='hidden' value='10'/><button type='submit'></button></form></div></div></div></header>
  217. <nav id='menu' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'><ul class='menux'><li class='nchild'><a class='menur' href='javascript:void' id='menur'><i class='fa fa-navicon'></i> Menu</a></li><li class='nchild'><a class='menur' href='javascript:void' id='searchr'><i class='fa fa-search'></i> Search</a></li><div id='showmenu'><li><a class='homer' href='/' itemprop='url' title='Home'><i class='material-icons'>&#59530;</i><span itemprop='name'>Home</span></a></li><li><a class='submenux' href='javascript:void' title='Tools'>Web Tools</a><ul class='subx'><li><a href='/p/flat-ui-color.html' title='Code Warna'><span itemprop='name'>Code Warna</span></a></li><li><a href='/p/kamus-html.html' title='Kamus HTML'><span itemprop='name'>Kamus HTML</span></a></li><li><a href='/p/css-minifier.html' title='CSS Minifier'><span itemprop='name'>CSS Minifier</span></a></li><li><a href='/p/character-count-tool.html' target='_blank' title='Character Count'>Character Count</a></li></ul></li><li><a href='/p/out-of-topic.html' itemprop='url' title='Off Topic'><span itemprop='name'>Off Topic</span></a></li><li><a href='https://www.blanter.net' itemprop='url' target='_blank' title='Blanter.NET'><span itemprop='name'>Blanter.NET</span></a></li><li><a href='/search/label/Tutorial?&amp;max-results=10' itemprop='url' title='Tutorial'><span itemprop='name'>Tutorial</span></a></li><li><a href='/p/jasa-redesign-template-blogger-murah.html' itemprop='url' title='Jasa ReDesign'><span itemprop='name'>Jasa ReDesign</span></a></li><li><a href='/search/label/Template?&amp;max-results=10' itemprop='url' title='Template Blogger'><span itemprop='name'>Template Blogger</span></a></li><span id='menu-right'><a class='menu-btn menu-notif' href='javascript:void' title='Notifikasi'><i class='fa fa-bell'></i></a><a class='menu-btn' href='https://www.blogger.com/follow-blog.g?blogID=8866800899420715293' target='_blank' title='Join This Site'>Join This Site</a>
  218. </span>
  219. </div></ul></nav><a href='javascript:void' id='close-nav'>X<svg height='30' role='button' tabindex='0' viewBox='0 0 24 24' width='30'><path d='M19,3H16.3H7.7H5A2,2 0 0,0 3,5V7.7V16.4V19A2,2 0 0,0 5,21H7.7H16.4H19A2,2 0 0,0 21,19V16.3V7.7V5A2,2 0 0,0 19,3M15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4L13.4,12L17,15.6L15.6,17Z' fill='#444'>X</path>X</svg>X</a>
  220. <div class='clear'/>
  221. <b:section class='largebanner' id='largebanner'>
  222. <b:widget id='HTML2' locked='false' title='' type='HTML'>
  223. <b:widget-settings>
  224. <b:widget-setting name='content'><![CDATA[<a href="https://lapaklama.com/" rel="nofollow" title="Old Standby - Giải pháp Blog của bạn" target="_blank"><img alt="Old Standby - Giải pháp Blog của bạn" src="https://2.bp.blogspot.com/-ZWI-vTYmAjY/W5orCHFOouI/AAAAAAAAKe0/KWKNg6jD3J8OznQwKqS3h9jSAkZ1r0POQCLcBGAs/s1600/Lapak%2BLama%2BBanner.png" title="Old Standby - Giải pháp Blog của bạn" width="970" height="90" /></a>]]></b:widget-setting>
  225. </b:widget-settings>
  226. <b:includable id='main'>
  227. <!-- only display title if it's non-empty -->
  228. <b:if cond='data:title != &quot;&quot;'>
  229. <h2 class='title'><data:title/></h2>
  230. </b:if>
  231. <div class='widget-content'>
  232. <data:content/>
  233. </div>
  234.  
  235. <b:include name='quickedit'/>
  236. </b:includable>
  237. </b:widget>
  238. </b:section>
  239. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  240.  
  241. <div id='tempat-judul'/>
  242. </b:if>
  243. <div id='outer-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog'><div id='content-wrapper'>
  244. <div id='main-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
  245. <b:section class='main' id='main'>
  246. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
  247. <b:widget-settings>
  248. <b:widget-setting name='commentLabel'>Comments</b:widget-setting>
  249. <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  250. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  251. <b:widget-setting name='style.unittype'>FiveLinkUnit</b:widget-setting>
  252. <b:widget-setting name='timestampLabel'>-</b:widget-setting>
  253. <b:widget-setting name='reactionsLabel'>Bình Chọn:</b:widget-setting>
  254. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  255. <b:widget-setting name='style.layout'>468x15</b:widget-setting>
  256. <b:widget-setting name='showLocation'>false</b:widget-setting>
  257. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  258. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  259. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  260. <b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting>
  261. <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  262. <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  263. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  264. <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  265. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  266. <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  267. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  268. <b:widget-setting name='showLabels'>true</b:widget-setting>
  269. <b:widget-setting name='postLabelsLabel'>Tags :</b:widget-setting>
  270. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  271. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  272. <b:widget-setting name='showReactions'>false</b:widget-setting>
  273. </b:widget-settings>
  274. <b:includable id='main' var='top'>
  275. <b:if cond='!data:mobile'>
  276. <!-- posts -->
  277. <div class='blog-posts hfeed'>
  278.  
  279. <b:include data='top' name='status-message'/>
  280.  
  281. <b:loop values='data:posts' var='post'>
  282. <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  283. &lt;/div&gt;&lt;/div&gt;
  284. </b:if>
  285. <b:if cond='data:post.isDateStart'>
  286. &lt;div class=&quot;date-outer&quot;&gt;
  287. </b:if>
  288. <b:if cond='data:post.dateHeader'>
  289. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  290. </b:if>
  291. <b:if cond='data:post.isDateStart'>
  292. &lt;div class=&quot;date-posts&quot;&gt;
  293. </b:if>
  294. <div class='post-outer'>
  295. <b:include data='post' name='post'/>
  296. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  297. </div>
  298.  
  299. <!-- Ad -->
  300. <b:if cond='data:post.includeAd'>
  301. <div class='inline-ad'>
  302. <data:adCode/>
  303. </div>
  304. </b:if>
  305. </b:loop>
  306. <b:if cond='data:numPosts != 0'>
  307. &lt;/div&gt;&lt;/div&gt;
  308. </b:if>
  309. </div>
  310.  
  311. <!-- navigation -->
  312. <b:include name='nextprev'/>
  313.  
  314. <!-- feed links -->
  315. <b:include name='feedLinks'/>
  316.  
  317. <b:else/>
  318. <b:include name='mobile-main'/>
  319. </b:if>
  320.  
  321. <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
  322. </b:includable>
  323. <b:includable id='backlinkDeleteIcon' var='backlink'>
  324. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  325. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  326. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  327. </a>
  328. </span>
  329. </b:includable>
  330. <b:includable id='backlinks' var='post'>
  331. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  332. <b:if cond='data:post.numBacklinks != 0'>
  333. <dl class='comments-block' id='comments-block'>
  334. <b:loop values='data:post.backlinks' var='backlink'>
  335. <div class='collapsed-backlink backlink-control'>
  336. <dt class='comment-title'>
  337. <span class='backlink-toggle-zippy'>&#160;</span>
  338. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  339. <b:include data='backlink' name='backlinkDeleteIcon'/>
  340. </dt>
  341. <dd class='comment-body collapseable'>
  342. <data:backlink.snippet/>
  343. </dd>
  344. <dd class='comment-footer collapseable'>
  345. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  346. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  347. </dd>
  348. </div>
  349. </b:loop>
  350. </dl>
  351. </b:if>
  352. <p class='comment-footer'>
  353. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  354. </p>
  355. </b:includable>
  356. <b:includable id='breadcrumb' var='posts'>
  357. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  358. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  359. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> &#8250; <span><data:blog.pageName/></span></div>
  360. <b:else/>
  361. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  362. <b:loop values='data:posts' var='post'>
  363. <b:if cond='data:post.labels'>
  364. <div class='breadcrumbs'>
  365. <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
  366. <b:loop values='data:post.labels' var='label'>
  367. &#8250; <span class='bclabel' itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
  368. </b:loop>
  369. &#8250; <span><data:post.title/></span>
  370. </div>
  371. <b:else/>
  372. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> &#8250; <span>Without Label</span> &#8250; <span><data:post.title/></span></div>
  373. </b:if>
  374. </b:loop>
  375. <b:else/>
  376. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  377. <div class='breadcrumbs'>
  378. <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> &#8250; <span>Archived For <data:blog.pageName/></span>
  379. </div>
  380. <b:else/>
  381. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  382. <div class='breadcrumbs'>
  383. <b:if cond='data:blog.pageName == &quot;&quot;'>
  384. <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> &#8250; <span>All Post</span>
  385. <b:else/>
  386. <span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
  387. </b:if>
  388. </div>
  389. </b:if>
  390. </b:if>
  391. </b:if>
  392. </b:if>
  393. </b:if>
  394. </b:includable>
  395. <b:includable id='comment-form' var='post'>
  396. <div class='comment-form'>
  397. <a name='comment-form'/>
  398. <b:if cond='data:mobile'>
  399. <h4 id='comment-post-message'>
  400. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  401. <p><data:blogCommentMessage/></p>
  402. <data:blogTeamBlogMessage/>
  403. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  404. <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%'/>
  405. <b:else/>
  406. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  407. <p><data:blogCommentMessage/></p>
  408. <data:blogTeamBlogMessage/>
  409. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  410. <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%'/>
  411. </b:if>
  412. <data:post.cmtfpIframe/>
  413. <script type='text/javascript'>
  414. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  415. </script>
  416. </div>
  417. </b:includable>
  418. <b:includable id='commentDeleteIcon' var='comment'>
  419. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  420. <b:if cond='data:showCmtPopup'>
  421. <div class='goog-toggle-button'>
  422. <div class='goog-inline-block comment-action-icon'/>
  423. </div>
  424. <b:else/>
  425. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  426. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  427. </a>
  428. </b:if>
  429. </span>
  430. </b:includable>
  431. <b:includable id='comment_count_picker' var='post'>
  432. <b:if cond='data:post.commentSource == 1'>
  433. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
  434. </span>
  435. <b:else/>
  436. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  437. <data:post.commentLabelFull/>:
  438. </a>
  439. </b:if>
  440. </b:includable>
  441. <b:includable id='comment_picker' var='post'>
  442. <b:if cond='data:post.commentSource == 1'>
  443. <b:include data='post' name='iframe_comments'/>
  444. <b:elseif cond='data:post.showThreadedComments'/>
  445. <b:include data='post' name='threaded_comments'/>
  446. <b:else/>
  447. <b:include data='post' name='comments'/>
  448. </b:if>
  449. </b:includable>
  450. <b:includable id='comments' var='post'>
  451. <div class='comments' id='comments'>
  452. <a name='comments'/>
  453. <b:if cond='data:post.allowComments'>
  454.  
  455. <b:if cond='data:post.commentPagingRequired'>
  456. <span class='paging-control-container'>
  457. <b:if cond='data:post.hasOlderLinks'>
  458. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
  459. &#160;
  460. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
  461. &#160;
  462. </b:if>
  463.  
  464. <data:post.commentRangeText/>
  465.  
  466. <b:if cond='data:post.hasNewerLinks'>
  467. &#160;
  468. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
  469. &#160;
  470. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
  471. </b:if>
  472. </span>
  473. </b:if>
  474.  
  475. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  476. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  477. <b:loop reverse='1' values='data:post.comments' var='comment'>
  478. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  479. <b:if cond='data:comment.favicon'>
  480. <img alt='favicon' expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' tile='favicon' width='16px'/>
  481. </b:if>
  482. <a expr:name='data:comment.anchorName'/>
  483. <b:if cond='data:blog.enabledCommentProfileImages'>
  484. <data:comment.authorAvatarImage/>
  485. </b:if>
  486. <b:if cond='data:comment.authorUrl'>
  487. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow'><data:comment.author/></a>
  488. <b:else/>
  489. <data:comment.author/>
  490. </b:if>
  491. <data:commentPostedByMsg/>
  492. </dt>
  493. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  494. <b:if cond='data:comment.isDeleted'>
  495. <span class='deleted-comment'><data:comment.body/></span>
  496. <b:else/>
  497. <p>
  498. <data:comment.body/>
  499. </p>
  500. </b:if>
  501. </dd>
  502. <dd class='comment-footer'>
  503. <span class='comment-timestamp'>
  504. <a expr:href='data:comment.url' title='comment permalink'>
  505. <data:comment.timestamp/>
  506. </a>
  507. <b:include data='comment' name='commentDeleteIcon'/>
  508. </span>
  509. </dd>
  510. </b:loop>
  511. </dl>
  512. </div>
  513.  
  514. <b:if cond='data:post.commentPagingRequired'>
  515. <span class='paging-control-container'>
  516. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'>
  517. <data:post.oldestLinkText/>
  518. </a>
  519. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'>
  520. <data:post.olderLinkText/>
  521. </a>
  522. &#160;
  523. <data:post.commentRangeText/>
  524. &#160;
  525. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'>
  526. <data:post.newerLinkText/>
  527. </a>
  528. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'>
  529. <data:post.newestLinkText/>
  530. </a>
  531. </span>
  532. </b:if>
  533.  
  534. <p class='comment-footer'>
  535. <b:if cond='data:post.embedCommentForm'>
  536. <b:if cond='data:post.allowNewComments'>
  537. <b:include data='post' name='comment-form'/>
  538. <b:else/>
  539. <data:post.noNewCommentsText/>
  540. </b:if>
  541. <b:elseif cond='data:post.allowComments'/>
  542. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
  543. </b:if>
  544. </p>
  545. </b:if>
  546. <b:if cond='data:showCmtPopup'>
  547. <div id='comment-popup'>
  548. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  549. </iframe>
  550. </div>
  551. </b:if>
  552.  
  553. <div id='backlinks-container'>
  554. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  555. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  556. </div>
  557. </div>
  558. </div>
  559. </b:includable>
  560. <b:includable id='feedLinks'>
  561. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  562.  
  563.  
  564. <b:else/> <!--Post feed links -->
  565. <div class='post-feeds'>
  566. <b:loop values='data:posts' var='post'>
  567. <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  568. </b:loop>
  569. </div>
  570. </b:if>
  571. </b:includable>
  572. <b:includable id='feedLinksBody' var='links'>
  573. <div class='feed-links'>
  574. <data:feedLinksMsg/>
  575. <b:loop values='data:links' var='f'>
  576. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  577. </b:loop>
  578. </div>
  579. </b:includable>
  580. <b:includable id='iframe_comments' var='post'>
  581.  
  582. <b:if cond='data:post.allowIframeComments'>
  583. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  584. <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  585.  
  586. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  587. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  588. </b:if>
  589. </b:if>
  590. </b:includable>
  591. <b:includable id='mobile-index-post' var='post'>
  592. <div class='mobile-date-outer date-outer'>
  593. <b:if cond='data:post.dateHeader'>
  594. <div class='date-header'>
  595. <span><data:post.dateHeader/></span>
  596. </div>
  597. </b:if>
  598.  
  599. <div class='mobile-post-outer'>
  600. <a expr:href='data:post.url'>
  601. <h3 class='mobile-index-title entry-title' itemprop='name'>
  602. <data:post.title/>
  603. </h3>
  604.  
  605. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  606.  
  607. <div class='mobile-index-contents'>
  608. <b:if cond='data:post.thumbnailUrl'>
  609. <div class='mobile-index-thumbnail'>
  610. <div class='Image'>
  611. <img expr:src='data:post.thumbnailUrl'/>
  612. </div>
  613. </div>
  614. </b:if>
  615.  
  616. <div class='post-body'>
  617. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  618. </div>
  619. </div>
  620.  
  621. <div style='clear: both;'/>
  622. </a>
  623.  
  624. <div class='mobile-index-comment'>
  625. <b:include cond='data:blog.pageType != &quot;static_page&quot; and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
  626. </div>
  627. </div>
  628. </div>
  629. </b:includable>
  630. <b:includable id='mobile-main' var='top'>
  631. <!-- posts -->
  632. <div class='blog-posts hfeed'>
  633.  
  634. <b:include data='top' name='status-message'/>
  635.  
  636. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  637. <b:loop values='data:posts' var='post'>
  638. <b:include data='post' name='mobile-index-post'/>
  639. </b:loop>
  640. <b:else/>
  641. <b:loop values='data:posts' var='post'>
  642. <b:include data='post' name='mobile-post'/>
  643. </b:loop>
  644. </b:if>
  645. </div>
  646.  
  647. <b:include name='mobile-nextprev'/>
  648. </b:includable>
  649. <b:includable id='mobile-nextprev'>
  650. <div class='clear'/>
  651. </b:includable>
  652. <b:includable id='mobile-post' var='post'>
  653. <div class='date-outer'>
  654. <b:if cond='data:post.dateHeader'>
  655. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  656. </b:if>
  657. <div class='date-posts'>
  658. <div class='post-outer'>
  659.  
  660. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  661. <b:if cond='data:post.thumbnailUrl'>
  662. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  663. </b:if>
  664. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  665. <meta expr:content='data:post.id' itemprop='postId'/>
  666.  
  667. <a expr:name='data:post.id'/>
  668. <b:if cond='data:post.title'>
  669. <h3 class='post-title entry-title' itemprop='name'>
  670. <b:if cond='data:post.link'>
  671. <a expr:href='data:post.link'><data:post.title/></a>
  672. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  673. <a expr:href='data:post.url'><data:post.title/></a>
  674. <b:else/>
  675. <data:post.title/>
  676. </b:if>
  677. </h3>
  678. </b:if>
  679.  
  680. <div class='post-header'>
  681. <div class='post-header-line-1'/>
  682. </div>
  683.  
  684. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  685. <data:post.body/>
  686. <div style='clear: both;'/> <!-- clear for photos floats -->
  687. </div>
  688.  
  689. <div class='post-footer'>
  690. <div class='post-footer-line post-footer-line-1'>
  691. <span class='post-author vcard'>
  692. <b:if cond='data:top.showAuthor'>
  693. <b:if cond='data:post.authorProfileUrl'>
  694. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  695. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  696. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  697. <span itemprop='name'><data:post.author/></span>
  698. </a>
  699. </span>
  700. <b:else/>
  701. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  702. <span itemprop='name'><data:post.author/></span>
  703. </span>
  704. </b:if>
  705. </b:if>
  706. </span>
  707.  
  708. <span class='post-timestamp'>
  709. <b:if cond='data:top.showTimestamp'>
  710. <data:top.timestampLabel/>
  711. <b:if cond='data:post.url'>
  712. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  713. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
  714. </b:if>
  715. </b:if>
  716. </span>
  717.  
  718. <span class='post-comment-link'>
  719. <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  720. </span>
  721. </div>
  722.  
  723. <div class='post-footer-line post-footer-line-2'>
  724. <b:if cond='data:top.showMobileShare'>
  725. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  726. <a href='javascript:void(0);'><data:shareMsg/></a>
  727. </div>
  728. </b:if>
  729. <b:if cond='data:top.showDummy'>
  730. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  731. </b:if>
  732. </div>
  733.  
  734. </div>
  735. </div>
  736.  
  737. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  738. </div>
  739. </div>
  740. </div>
  741. </b:includable>
  742. <b:includable id='nextprev'>
  743. <div class='blog-pager' id='blog-pager'>
  744. <b:if cond='data:newerPageUrl'>
  745. <span id='blog-pager-newer-link'>
  746. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  747. </span>
  748. </b:if>
  749.  
  750. <b:if cond='data:olderPageUrl'>
  751. <span id='blog-pager-older-link'>
  752. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  753. </span>
  754. </b:if>
  755.  
  756. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  757.  
  758. <b:if cond='data:mobileLinkUrl'>
  759. <div class='blog-mobile-link'>
  760. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  761. </div>
  762. </b:if>
  763.  
  764. </div>
  765. <div class='clear'/>
  766. </b:includable>
  767. <b:includable id='post' var='post'>
  768. <b:if cond='data:blog.pageType == &quot;item&quot;'><div id='tempat-judul'>
  769. <div class='breadcrumbs' id='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><span><a expr:href='data:blog.homepageUrl'>Home</a></span><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'>
  770.  
  771. &#8250;</font></font><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == &quot;true&quot;'><span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></b:if></b:loop><b:else/><span>Article</span></b:if><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'>
  772.  
  773. &#8250;</font></font><span><data:post.title/></span></b:loop></div></div></b:if>
  774.  
  775.  
  776. <article class='post hentry' expr:id='data:post.id' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  777. <meta expr:content='data:post.url' itemprop='mainEntityOfPage'/>
  778. <span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
  779. <meta expr:content='data:blog.title' itemprop='name'/>
  780. <span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  781. <meta content='https://4.bp.blogspot.com/-8Gf7bf8EWJY/V2VnuUivU7I/AAAAAAAAAV0/Ii3e7IPSC2Ia7MkDCxuak0ItNEogsgW6ACLcB/s1600/pasien-bpjs.jpg' itemprop='url'/>
  782. <meta content='146' itemprop='width'/>
  783. <meta content='146' itemprop='height'/>
  784. </span>
  785. </span>
  786. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  787. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  788. <meta expr:content='data:post.author' itemprop='name'/>
  789. </span>
  790. <b:if cond='data:post.firstImageUrl'>
  791. <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  792. <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  793. <meta content='320' itemprop='width'/>
  794. <meta content='172' itemprop='height'/>
  795. </div>
  796. </b:if>
  797. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  798. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  799. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  800.  
  801. <b:if cond='data:post.url'>
  802. <div class='dp-thumbnail'>
  803. <a class='imglink' expr:href='data:post.url' expr:title='data:post.title'>
  804. <b:if cond='data:post.thumbnailUrl'>
  805. <img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>
  806. <b:else/>
  807. <img class='post-thumb' expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-HIaVrgD7P10/VaQCh9ynn7I/AAAAAAAACZo/Xzq_5cTItqM/s1600/Gak%2BAda%2BGambar.png'/>
  808. </b:if>
  809. </a></div></b:if>
  810.  
  811. </div><!-- Content Homepage -->
  812. </b:if></b:if>
  813. <div class='bawah-post'>
  814. <a expr:name='data:post.id'/>
  815. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  816. <b:if cond='data:post.title'>
  817. <h2 class='post-title entry-title' id='pindah-judul' itemprop='headline name'>
  818. <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  819. <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a>
  820. <b:else/>
  821. <data:post.title/>
  822. </b:if>
  823. </h2>
  824. </b:if>
  825. <div class='post-info'><div class='post-info-icon admin'>
  826. <img class='author-avatar imgloaded' expr:src='data:post.authorPhoto.url' itemprop='image'/>
  827. <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person' style='margin-left: 5px;'>
  828. <span class='fn'>
  829. <a href='https://plus.google.com/114904720165479305386' itemprop='url' rel='author' title='Rhokage Rio'>
  830. <span itemprop='name'><font style='vertical-align: inherit;'>
  831. <font style='vertical-align: inherit;'><data:post.author/></font></font></span></a></span></span></div><div class='post-info-icon tanggal'><span itemprop='dateModified'><abbr class='published updated timeago' itemprop='datePublished' title='2018-10-21T10: 52: 00 + 07: 00'><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'><data:post.timestamp/></font></font></abbr></span></div></div>
  832. </b:if>
  833. <div class='post-header'>
  834. <div class='post-header-line-1'/>
  835. </div>
  836.  
  837. <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  838. <div class='post-snippet post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
  839. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  840. <b:if cond='data:post.title'>
  841. <h2 class='post-title entry-title' id='pindah-judul' itemprop='headline name'>
  842. <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  843. <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a>
  844. <b:else/>
  845. <data:post.title/>
  846. </b:if>
  847. </h2>
  848. </b:if>
  849. <div id='img-pertamax'><img class='firstimage imgloaded' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
  850. <div class='material-infopost'>
  851. <div class='post-author vcard'>
  852. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
  853. <img class='author-avatar imgloaded' expr:src='data:post.authorPhoto.url' itemprop='image'/>
  854. <a href='https://plus.google.com/114904720165479305386' itemprop='url' rel='author' title='author profile'>
  855. <span itemprop='name'><data:post.author/></span></a></span></div><div class='time-publish'><i class='fa fa-clock-o'/><abbr class='published updated timeago' expr:title='data:post.dateHeader' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></div><div class='comments-publish'><a href='#disquscomments' onclick='' title='Add Comment'>
  856. <i class='fa fa-plus'/> Add Comment
  857. </a></div></div>
  858. </b:if>
  859. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  860. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  861. <div class='post-snippet'><data:post.snippet/></div>
  862.  
  863. </b:if>
  864. </b:if>
  865. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  866. <data:post.body/>
  867. </b:if>
  868. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  869. <data:post.body/>
  870. </b:if>
  871. <div class='clear'/> <!-- clear for photos floats -->
  872. </div>
  873.  
  874. <b:if cond='data:post.hasJumpLink'>
  875. <div class='jump-link'>
  876. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  877. </div>
  878. </b:if>
  879.  
  880. <div class='post-footer'>
  881. <div class='post-footer-line post-footer-line-1'>
  882. <span class='post-author vcard'>
  883. <b:if cond='data:top.showAuthor'>
  884. <data:top.authorLabel/>
  885. <b:if cond='data:post.authorProfileUrl'>
  886. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  887. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  888. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  889. <span itemprop='name'><data:post.author/></span>
  890. </a>
  891. </span>
  892. <b:else/>
  893. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  894. <span itemprop='name'><data:post.author/></span>
  895. </span>
  896. </b:if>
  897. </b:if>
  898. </span>
  899.  
  900. <span class='post-timestamp'>
  901. <b:if cond='data:top.showTimestamp'>
  902. <data:top.timestampLabel/>
  903. <b:if cond='data:post.url'>
  904. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  905. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></time></a>
  906. </b:if>
  907. </b:if>
  908. </span>
  909.  
  910. <span class='reaction-buttons'>
  911. <b:if cond='data:top.showReactions'>
  912. <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  913. <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  914. <span class='reactions-label'>
  915. <data:top.reactionsLabel/></span>&#160;</td>
  916. <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  917. </tr></table>
  918. </b:if>
  919. </span>
  920.  
  921. <span class='post-comment-link'>
  922. <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  923. </span>
  924.  
  925. <!-- backlinks -->
  926. <span class='post-backlinks post-comment-link'>
  927. <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.showBacklinks'>
  928. <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
  929. </b:if>
  930. </span>
  931.  
  932. <span class='post-icons'>
  933. <!-- email post links -->
  934. <b:if cond='data:post.emailPostUrl'>
  935. <span class='item-action'>
  936. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  937. <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
  938. </a>
  939. </span>
  940. </b:if>
  941.  
  942. </span>
  943.  
  944. <!-- share buttons -->
  945. <div class='post-share-buttons goog-inline-block'>
  946. <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
  947. </div>
  948.  
  949. </div>
  950. <div class='post-footer-line post-footer-line-2'>
  951. <span class='post-labels'>
  952. <b:if cond='data:top.showPostLabels and data:post.labels'>
  953. <data:postLabelsLabel/>
  954. <b:loop values='data:post.labels' var='label'>
  955. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
  956. </b:loop>
  957. </b:if>
  958. </span>
  959. </div>
  960. <div class='post-footer-line post-footer-line-3'>
  961. <span class='post-location'>
  962. <b:if cond='data:top.showLocation and data:post.location'>
  963. <data:postLocationLabel/>
  964. <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  965. </b:if>
  966. </span>
  967. </div>
  968. <b:if cond='data:post.authorAboutMe'>
  969. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  970. <b:if cond='data:post.authorPhoto.url'>
  971. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  972. </b:if>
  973. <div>
  974. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  975. <span itemprop='name'><data:post.author/></span>
  976. </a>
  977. </div>
  978. <span itemprop='description'><data:post.authorAboutMe/></span>
  979. </div>
  980. </b:if>
  981. </div></div>
  982. </article>
  983. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  984. <div class='share-post'>
  985. <div class='spanshare'>Share This :</div>
  986. <ul>
  987. <li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Share To Google+'><i class='fa fa-google-plus'/></a></li>
  988. <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Share To Facebook'><i class='fa fa-facebook'/></a></li>
  989. <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share To Twitter'><i class='fa fa-twitter'/></a></li>
  990. <li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' rel='nofollow' target='_blank' title='Share To Pinterest'><i class='fa fa-pinterest'/></a></li></ul>
  991. </div>
  992. <div class='related-post' id='related-post'/>
  993. <script type='text/javascript'>
  994. var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
  995. &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  996. </b:loop></b:if>];
  997. var relatedPostConfig = {
  998. homePage: &quot;<data:blog.homepageUrl/>&quot;,
  999. widgetTitle: &quot;&lt;h4&gt;&lt;span&gt;Related Post&lt;/span&gt;&lt;/h4&gt;&quot;,
  1000. numPosts: 6,
  1001. summaryLength: 370,
  1002. titleLength: &quot;auto&quot;,
  1003. thumbnailSize: 300,
  1004. noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
  1005. containerId: &quot;related-post&quot;,
  1006. newTabLink: false,
  1007. moreText: &quot;Read More&quot;,
  1008. widgetStyle: 3,
  1009. callBack: function() {}
  1010. };
  1011. </script>
  1012. <script type='text/javascript'>
  1013. //<![CDATA[
  1014. var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.idblanter.com",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+""):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
  1015. //]]>
  1016. </script>
  1017. <ul class='idb-pager'>
  1018. <li class='next'>
  1019. <b:if cond='data:newerPageUrl'><i class='fa fa-chevron-left'/><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'/>
  1020. <b:else/>
  1021. <i class='fa fa-chevron-left'/><a><strong>Next</strong> <span>You are viewing Most Recent Post</span></a></b:if>
  1022. </li>
  1023. <li class='previous'>
  1024. <b:if cond='data:olderPageUrl'><i class='fa fa-chevron-right'/><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'/>
  1025. <b:else/><i class='fa fa-chevron-right'/><a><strong>Previous</strong> <span>You are viewing Last Post</span></a>
  1026. <script type='text/javascript'>/*<![CDATA[*/(function(c){var b=c("a.newer-link");var a=c("a.older-link");c.get(b.attr("href"),function(d){b.html("<strong>Next</strong><br/><span>"+c(d).find(".post h2.post-title").text()+"</span>")},"html");c.get(a.attr("href"),function(d){a.html("<strong>Previous</strong><br/><span>"+c(d).find(".post h2.post-title").text()+"</span>")},"html")})(jQuery);/*]]>*/</script></b:if>
  1027. </li></ul>
  1028. <div class='pesan-komentar' id='disquscomments'>
  1029. <h4>Add Your Comments</h4>
  1030. <div class='fsx'><b>bold</b>
  1031. <code>&lt;b&gt;&lt;/b&gt;</code></div>
  1032. <div class='fsx'><i>italic</i>
  1033. <code>&lt;i&gt;&lt;/i&gt;</code></div>
  1034. <div class='fsx'><u>underline</u>
  1035. <code>&lt;u&gt;&lt;/u&gt;</code></div>
  1036. <div class='fsx'><b>HTML</b>
  1037. <code>&lt;code&gt;&lt;/code&gt;</code> use <b>Parser</b></div><br/>
  1038. <div class='parser' id='emotext'><i class='fa fa-smile-o'/> Emoticon</div>
  1039. <div class='parser' id='showparser'><i class='fa fa-code'/> Parser</div>
  1040. <div class='clear'/>
  1041. <div id='emoshow'>
  1042. <div class='emolist'>😊</div><div class='emolist'>😉</div><div class='emolist'>😀</div><div class='emolist'>😁</div>
  1043. <div class='emolist'>😎</div><div class='emolist'>😍</div><div class='emolist'>😜</div><div class='emolist'>😑</div>
  1044. <div class='emolist'>😇</div><div class='emolist'>💖</div><div class='emolist'>😯</div><div class='emolist'>😱</div>
  1045. <div class='emolist'>😭</div><div class='emolist'>👍</div><div class='emolist'>&#10067;</div><div class='emolist'>🍻</div>
  1046. </div>
  1047. <div id='parser'>
  1048. <table><tbody>
  1049. <tr>
  1050. <td><textarea id='somewhere'/><br/>
  1051. <input class='button-parse' contenteditable='true' onclick='convert();' type='button' value='Parse Script'/></td>
  1052. </tr>
  1053. </tbody></table>
  1054. </div>
  1055. </div>
  1056. </b:if>
  1057. </b:includable>
  1058. <b:includable id='postQuickEdit' var='post'>
  1059. <b:if cond='data:post.editUrl'>
  1060. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1061. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1062. <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1063. </a>
  1064. </span>
  1065. </b:if>
  1066. </b:includable>
  1067. <b:includable id='shareButtons' var='post'>
  1068. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=pinterest&quot;' 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>
  1069. </b:includable>
  1070. <b:includable id='status-message'>
  1071. <b:if cond='data:navMessage'>
  1072. <div class='status-msg-wrap'>
  1073. <div class='status-msg-body'>
  1074. <data:navMessage/>
  1075. </div>
  1076. <div class='status-msg-border'>
  1077. <div class='status-msg-bg'>
  1078. <div class='status-msg-hidden'><data:navMessage/></div>
  1079. </div>
  1080. </div>
  1081. </div>
  1082. <div style='clear: both;'/>
  1083. </b:if>
  1084. </b:includable>
  1085. <b:includable id='threaded-comment-form' var='post'>
  1086. <div class='comment-form'>
  1087. <a name='comment-form'/>
  1088. <b:if cond='data:mobile'>
  1089. <p><data:blogCommentMessage/></p>
  1090.  
  1091. <data:blogTeamBlogMessage/>
  1092. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1093. <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%'/>
  1094. <b:else/>
  1095. <p><data:blogCommentMessage/></p>
  1096.  
  1097. <data:blogTeamBlogMessage/>
  1098. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1099. <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%'/>
  1100. </b:if>
  1101. <data:post.cmtfpIframe/>
  1102. <script type='text/javascript'>
  1103. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1104. </script>
  1105. </div>
  1106. </b:includable>
  1107. <b:includable id='threaded_comment_js' var='post'>
  1108. <script data-cfasync='false' src='//cdn.staticaly.com/gh/hung1001/has/e06b7b6/assets/js/comment.js' type='text/javascript'/>
  1109.  
  1110. <script type='text/javascript'>
  1111. (function() {
  1112. var items = <data:post.commentJso/>;
  1113. var msgs = <data:post.commentMsgs/>;
  1114. var config = <data:post.commentConfig/>;
  1115.  
  1116. // <![CDATA[
  1117. var cursor = null;
  1118. if (items && items.length > 0) {
  1119. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1120. }
  1121. var bodyFromEntry = function(entry) {
  1122. if (entry.gd$extendedProperty) {
  1123. for (var k in entry.gd$extendedProperty) {
  1124. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1125. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1126. }
  1127. }
  1128. }
  1129. return entry.content.$t;
  1130. }
  1131. var parse = function(data) {
  1132. cursor = null;
  1133. var comments = [];
  1134. if (data && data.feed && data.feed.entry) {
  1135. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1136. var comment = {};
  1137. // comment ID, parsed out of the original id format
  1138. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1139. comment.id = id ? id[2] : null;
  1140. comment.body = bodyFromEntry(entry);
  1141. comment.timestamp = Date.parse(entry.published.$t) + '';
  1142. if (entry.author && entry.author.constructor === Array) {
  1143. var auth = entry.author[0];
  1144. if (auth) {
  1145. comment.author = {
  1146. name: (auth.name ? auth.name.$t : undefined),
  1147. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1148. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1149. };
  1150. }
  1151. }
  1152. if (entry.link) {
  1153. if (entry.link[2]) {
  1154. comment.link = comment.permalink = entry.link[2].href;
  1155. }
  1156. if (entry.link[3]) {
  1157. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1158. if (pid && pid[1]) {
  1159. comment.parentId = pid[1];
  1160. }
  1161. }
  1162. }
  1163. comment.deleteclass = 'item-control blog-admin';
  1164. if (entry.gd$extendedProperty) {
  1165. for (var k in entry.gd$extendedProperty) {
  1166. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1167. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1168. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1169. comment.displayTime = entry.gd$extendedProperty[k].value;
  1170. }
  1171. }
  1172. }
  1173. comments.push(comment);
  1174. }
  1175. }
  1176. return comments;
  1177. };
  1178. var paginator = function(callback) {
  1179. if (hasMore()) {
  1180. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1181. if (cursor) {
  1182. url += '&published-min=' + new Date(cursor).toISOString();
  1183. }
  1184. window.bloggercomments = function(data) {
  1185. var parsed = parse(data);
  1186. cursor = parsed.length < 50 ? null
  1187. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1188. callback(parsed);
  1189. window.bloggercomments = null;
  1190. }
  1191. url += '&callback=bloggercomments';
  1192. var script = document.createElement('script');
  1193. script.type = 'text/javascript';
  1194. script.src = url;
  1195. document.getElementsByTagName('head')[0].appendChild(script);
  1196. }
  1197. };
  1198. var hasMore = function() {
  1199. return !!cursor;
  1200. };
  1201. var getMeta = function(key, comment) {
  1202. if ('iswriter' == key) {
  1203. var matches = !!comment.author
  1204. && comment.author.name == config.authorName
  1205. && comment.author.profileUrl == config.authorUrl;
  1206. return matches ? 'true' : '';
  1207. } else if ('deletelink' == key) {
  1208. return config.baseUri + '/delete-comment.g?blogID='
  1209. + config.blogId + '&postID=' + comment.id;
  1210. } else if ('deleteclass' == key) {
  1211. return comment.deleteclass;
  1212. }
  1213. return '';
  1214. };
  1215. var replybox = null;
  1216. var replyUrlParts = null;
  1217. var replyParent = undefined;
  1218. var onReply = function(commentId, domId) {
  1219. if (replybox == null) {
  1220. // lazily cache replybox, and adjust to suit this style:
  1221. replybox = document.getElementById('comment-editor');
  1222. if (replybox != null) {
  1223. replybox.height = '250px';
  1224. replybox.style.display = 'block';
  1225. replyUrlParts = replybox.src.split('#');
  1226. }
  1227. }
  1228. if (replybox && (commentId !== replyParent)) {
  1229. replybox.src = '';
  1230. document.getElementById(domId).insertBefore(replybox, null);
  1231. replybox.src = replyUrlParts[0]
  1232. + (commentId ? '&parentID=' + commentId : '')
  1233. + '#' + replyUrlParts[1];
  1234. replyParent = commentId;
  1235. }
  1236. };
  1237. var hash = (window.location.hash || '#').substring(1);
  1238. var startThread, targetComment;
  1239. if (/^comment-form_/.test(hash)) {
  1240. startThread = hash.substring('comment-form_'.length);
  1241. } else if (/^c[0-9]+$/.test(hash)) {
  1242. targetComment = hash.substring(1);
  1243. }
  1244. // Configure commenting API:
  1245. var configJso = {
  1246. 'maxDepth': config.maxThreadDepth
  1247. };
  1248. var provider = {
  1249. 'id': config.postId,
  1250. 'data': items,
  1251. 'loadNext': paginator,
  1252. 'hasMore': hasMore,
  1253. 'getMeta': getMeta,
  1254. 'onReply': onReply,
  1255. 'rendered': true,
  1256. 'initComment': targetComment,
  1257. 'initReplyThread': startThread,
  1258. 'config': configJso,
  1259. 'messages': msgs
  1260. };
  1261. var render = function() {
  1262. if (window.goog && window.goog.comments) {
  1263. var holder = document.getElementById('comment-holder');
  1264. window.goog.comments.render(holder, provider);
  1265. }
  1266. };
  1267. // render now, or queue to render when library loads:
  1268. if (window.goog && window.goog.comments) {
  1269. render();
  1270. } else {
  1271. window.goog = window.goog || {};
  1272. window.goog.comments = window.goog.comments || {};
  1273. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1274. window.goog.comments.loadQueue.push(render);
  1275. }
  1276. })();
  1277. // ]]>
  1278. </script>
  1279. </b:includable>
  1280. <b:includable id='threaded_comments' var='post'>
  1281. <div class='comments' id='comments'>
  1282. <a name='comments'/>
  1283. <h4><data:post.commentLabelFull/>:</h4>
  1284.  
  1285. <div class='comments-content'>
  1286. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  1287. <div id='comment-holder'>
  1288. <data:post.commentHtml/>
  1289. </div>
  1290. </div>
  1291.  
  1292. <p class='comment-footer'>
  1293. <b:if cond='data:post.allowNewComments'>
  1294. <b:include data='post' name='threaded-comment-form'/>
  1295. <b:else/>
  1296. <data:post.noNewCommentsText/>
  1297. </b:if>
  1298. </p>
  1299.  
  1300. <b:if cond='data:showCmtPopup'>
  1301. <div id='comment-popup'>
  1302. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1303. </iframe>
  1304. </div>
  1305. </b:if>
  1306. </div>
  1307. </b:includable>
  1308. </b:widget>
  1309. </b:section>
  1310. <script>
  1311. //<![CDATA[
  1312. function resizeThumb(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r].width=t,m[r].height=t}resizeThumb("Blog1",330);
  1313. //]]>
  1314. </script>
  1315. </div>
  1316. <div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'>
  1317. <aside id='sidebar-wrapper'>
  1318. <b:section class='sidebar' id='sidebar' maxwidgets='5' showaddelement='yes'>
  1319. <b:widget id='PopularPosts1' locked='false' title='POPULAR OF THE WEEK' type='PopularPosts' version='1'>
  1320. <b:widget-settings>
  1321. <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  1322. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  1323. <b:widget-setting name='showSnippets'>false</b:widget-setting>
  1324. <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
  1325. </b:widget-settings>
  1326. <b:includable id='main'>
  1327. <div class='popularblanter'>
  1328. <b:if cond='data:title != &quot;&quot;'><h3><data:title/></h3></b:if>
  1329. <div class='widget-content popular-posts'>
  1330. <ul>
  1331. <b:loop values='data:posts' var='post'>
  1332. <li>
  1333. <b:if cond='!data:showThumbnails'>
  1334. <b:if cond='!data:showSnippets'>
  1335. <!-- (1) No snippet/thumbnail -->
  1336. <a expr:href='data:post.href'><data:post.title/></a>
  1337. <b:else/>
  1338. <!-- (2) Show only snippets -->
  1339. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1340. <div class='item-snippet'><data:post.snippet/></div>
  1341. </b:if>
  1342. <b:else/>
  1343. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  1344. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  1345. <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  1346. <div class='item-thumbnail'>
  1347. <a expr:href='data:post.href' target='_blank'>
  1348. <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'>
  1349. <img alt='' border='0' expr:src='data:image'/>
  1350. </b:with>
  1351. </a>
  1352. </div>
  1353. </b:if>
  1354. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1355. <b:if cond='data:showSnippets'>
  1356. <div class='item-snippet'><data:post.snippet/></div>
  1357. </b:if>
  1358. </div>
  1359. <div style='clear: both;'/>
  1360. </b:if>
  1361. </li>
  1362. </b:loop>
  1363. </ul>
  1364. </div></div>
  1365. </b:includable>
  1366. </b:widget>
  1367. <b:widget id='HTML3' locked='false' title='Recent Post' type='HTML' version='1'>
  1368. <b:widget-settings>
  1369. <b:widget-setting name='content'>&lt;style scoped=&#39;&#39; type=&quot;text/css&quot;&gt;
  1370. ul#recent-posts{list-style:none;margin:0;padding:10px 0}li.recent-posts{display:block;clear:both;background:#f5f5f5;overflow:hidden;border-radius:3px;list-style:none;word-break:break-word;padding:8px;margin:0 0 5px;line-height:1.7;transition:all .3s}li.recent-posts:hover{background:#fff}
  1371. li.recent-posts:last-child{border-bottom:0}
  1372. li.recent-posts a{color:#333;background:transparent}li.recent-posts a:hover{color:#222!important}
  1373. &lt;/style&gt;
  1374. &lt;ul id=&quot;recent-posts&quot;&gt;&lt;/ul&gt;
  1375. &lt;script&gt;
  1376. //&lt;![CDATA[
  1377. var homePage = &quot;https://www.renzcode.me&quot;,
  1378. numPosts = 8;
  1379. function recentPosts(a){if(document.getElementById(&quot;recent-posts&quot;)){var e=a.feed.entry,title,link,content=&quot;&quot;,ct=document.getElementById(&quot;recent-posts&quot;);for(var i=0;i&lt;numPosts;i++){for(var j=0;j&lt;numPosts;j++){if(e[i].link[j].rel==&quot;alternate&quot;){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+=&#39;&lt;li class=&quot;recent-posts&quot;&gt;&lt;a href=&quot;&#39;+link+&#39;&quot; title=&quot;&#39;+title+&#39;&quot; target=&quot;_blank&quot;&gt;&#39;+title+&#39;&lt;/a&gt;&lt;/li&gt;&#39;}ct.innerHTML=content}}var rcp=document.createElement(&#39;script&#39;);rcp.src=homePage+&#39;/feeds/posts/summary?alt=json-in-script&amp;orderby=published&amp;max-results=&#39;+numPosts+&#39;&amp;callback=recentPosts&#39;;document.getElementsByTagName(&#39;head&#39;)[0].appendChild(rcp);
  1380. //]]&gt;
  1381. &lt;/script&gt;</b:widget-setting>
  1382. </b:widget-settings>
  1383. <b:includable id='main'>
  1384. <div class='recentid'>
  1385. <!-- only display title if it's non-empty -->
  1386. <b:if cond='data:title != &quot;&quot;'>
  1387. <h2 class='title'><data:title/></h2>
  1388. </b:if>
  1389. <div class='widget-content'>
  1390. <data:content/>
  1391. </div></div>
  1392.  
  1393. </b:includable>
  1394. </b:widget>
  1395. </b:section>
  1396. </aside></div>
  1397. <!-- spacer for skins that want sidebar and main to be the same height-->
  1398. <div class='clear'>&#160;</div>
  1399. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1400. <b:section class='indexpopular' id='indexpopular'>
  1401. <b:widget id='PopularPosts2' locked='false' title='Postingan Populer' type='PopularPosts' version='1'>
  1402. <b:widget-settings>
  1403. <b:widget-setting name='numItemsToShow'>6</b:widget-setting>
  1404. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  1405. <b:widget-setting name='showSnippets'>false</b:widget-setting>
  1406. <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  1407. </b:widget-settings>
  1408. <b:includable id='main'>
  1409. <b:if cond='data:title != &quot;&quot;'><h2><span><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'>Popular Post</font></font></span></h2></b:if>
  1410. <div class='widget-content popular-posts'>
  1411. <ul>
  1412. <b:loop values='data:posts' var='post'>
  1413. <li>
  1414. <b:if cond='!data:showThumbnails'>
  1415. <b:if cond='!data:showSnippets'>
  1416. <!-- (1) No snippet/thumbnail -->
  1417. <a expr:href='data:post.href'><data:post.title/></a>
  1418. <b:else/>
  1419. <!-- (2) Show only snippets -->
  1420. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1421. <div class='item-snippet'><data:post.snippet/></div>
  1422. </b:if>
  1423. <b:else/>
  1424. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  1425. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  1426. <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  1427. <div class='item-thumbnail'>
  1428. <a expr:href='data:post.href' target='_blank'>
  1429. <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'>
  1430. <img alt='' border='0' expr:src='data:image'/>
  1431. </b:with>
  1432. </a>
  1433. </div>
  1434. </b:if>
  1435. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1436. <b:if cond='data:showSnippets'>
  1437. <div class='item-snippet'><data:post.snippet/></div>
  1438. </b:if>
  1439. </div>
  1440. <div style='clear: both;'/>
  1441. </b:if>
  1442. </li>
  1443. </b:loop>
  1444. </ul>
  1445. <b:include name='quickedit'/>
  1446. </div>
  1447. </b:includable>
  1448. </b:widget>
  1449. </b:section></b:if>
  1450. <!-- end outer-wrapper -->
  1451. </div></div>
  1452. </div><!-- end content-wrapper -->
  1453. <footer class='grid one-half' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'>
  1454. <div id='credit'><ul><li><a href='/p/blog-page.html' itemprop='url' title='About'><span itemprop='name'>About</span></a></li><li><a href='/p/contact.html' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li><li><a href='/p/daftar-isi.html' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li><li><a href='/p/disclaimer.html' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li><li><a href='/p/privacy-policy.html' itemprop='url' title='Privacy Policy'><span itemprop='name'>Privacy Policy</span></a></li><li><a href='/p/pasang-iklan.html' itemprop='url' title='Pasang Iklan'><span itemprop='name'>Pasang Iklan</span></a></li></ul></div><div class='clear'/><div id='copyright'><p>Copyright <b>&#169;</b>
  1455. <span itemprop='copyrightYear'>2013-2018</span>
  1456. <span itemprop='copyrightHolder' itemscope='itemscope' itemtype='https://schema.org/Organization'><a class='sitename' href='https://www.idblanter.com/' itemprop='url' title='Dunia Blanter'><span itemprop='name'>Dunia Blanter</span></a></span> - All Rights Reserved <span class='i-love'>Created with <i class='fa fa-heart'/></span></p></div></footer>
  1457. </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
  1458. <script type='text/javascript'>
  1459. //<![CDATA[
  1460. var pres = document.getElementsByTagName("pre");
  1461. for (var i = 0; i < pres.length; i++) {
  1462. pres[i].addEventListener("dblclick", function () {
  1463. var selection = getSelection();
  1464. var range = document.createRange();
  1465. range.selectNodeContents(this);
  1466. selection.removeAllRanges();
  1467. selection.addRange(range);
  1468. }, false);
  1469. }
  1470. //]]>
  1471. </script>
  1472. </b:if>
  1473. <script type='text/javascript'>
  1474. $(document).ready(function(){$(&quot;#menur&quot;).click(function(){$(&quot;#showmenu&quot;).toggleClass(&quot;shows&quot;);});});
  1475. jQuery(document).ready(function(e){var t=e(&quot;#BackToTop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=200?t.show(10).animate(&quot;#BackToTop&quot;).addClass(&quot;active&quot;):t.animate(&quot;#BackToTop&quot;).removeClass(&quot;active&quot;)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
  1476. </script>
  1477. <a href='#' id='BackToTop'><i class='fa fa-angle-up'/></a>
  1478. <div class='blanternotif'><div class='blantertitle'>Notifikasi</div><div class='notiftext'><span id='teksutama'>Halo Sobat Blanter, pada HUT RI ke-72 ini, ayo kita lebih semangat dalam mengejar cita-cita kita, untuk masa depan Indonesia yang lebih baik.</span><span id='teks-donasi'>Donasi yang kamu berikan akan saya gunakan untuk mengembangkan blog ini menjadi lebih baik.<br/><b><i class='fa fa-credit-card'/> BANK BCA</b>: 5475057811 a/n Sri Atmini<br/><b><i class='fa fa-phone-square'/> PULSA</b> : 0888-8905-441 (Smartfren)<br/><b><i class='fa fa-paypal'/> PAYPAL</b> : paypal.me/blanter</span></div><a class='waves-effect waves-light close-sf' href='javascript:;' title='Close'>Close</a><a class='waves-effect waves-light donate-sf' href='javascript:;' title='Donate'>Donate</a><a class='waves-effect icx close-sf' href='javascript:;'/></div><div class='matilampu'/>
  1479. <script type='text/javascript'>
  1480. (function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||function(){
  1481. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1482. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1483. })(window,document,&#39;script&#39;,&#39;https://www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;);
  1484. ga(&#39;create&#39;, &#39;UA-45386579-1&#39;, &#39;auto&#39;, &#39;blogger&#39;);
  1485. ga(&#39;blogger.send&#39;, &#39;pageview&#39;);
  1486. </script>
  1487. <script type='text/javascript'>
  1488. //<![CDATA[
  1489. function makemeSticky(e){var t=document.getElementById(e),n=document.createElement("div");t.parentNode.insertBefore(n,t);var o=t.offsetWidth,i=t.className+" makesticky";window.addEventListener("scroll",function(){n.getBoundingClientRect().top<0?(t.className=i+" makesticking",t.style.width=o+"px"):t.className=i},!1)}function convert(){var e,t=document.getElementById("somewhere");e=(e=(e=(e=(e=(e=(e=(e=(e=t.value).replace(/&/gi,"&amp;")).replace(/</gi,"&lt;")).replace(/>/gi,"&gt;")).replace(/"/gi,"&quot;")).replace(/&#177;/gi,"&plusmn;")).replace(/&#169;/gi,"&copy;")).replace(/&#174;/gi,"&reg;")).replace(/ya'll/gi,"ya'll"),t.value=e}makemeSticky("HTML3"),$(document).ready(function(){$("#showparser").click(function(){$("#parser").slideToggle("slow")})}),$(document).ready(function(){$("#emotext").click(function(){$("#emoshow").slideToggle("normal")})}),$(document).ready(function(){$(".close-sf").click(function(){$(".blanternotif,.matilampu").removeClass("aktif")})}),$(document).ready(function(){$(".menu-notif").click(function(){$(".blanternotif,.matilampu").toggleClass("aktif")})}),$(document).ready(function(){$(".donate-sf").click(function(){$("#teksutama,#teks-donasi").toggleClass("aktif")})}),window.cookieconsent_options={message:"This website uses cookies to ensure you get the best experience on our website",dismiss:"Got it!",learnMore:"More info",link:"http://www.idblanter.com/p/privacy-policy.html",theme:"light-bottom"},function(){var e=document.createElement("script");e.async=!0,e.type="text/javascript",e.src="http://yourjavascript.com/8191175451/cookieconsent.js",(document.getElementsByTagName("HEAD")[0]||document.getElementsByTagName("BODY")[0]).appendChild(e)}(),$(".post-author img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/s40-c/"))}),$(".popular-posts img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/w170-h170+(\-p-k-no-nu)?\//,"/w170-h170/"))}),$(window).bind("load",function(){$("#main img").toggleClass("imgloaded")});document.getElementById("tempat-judul").appendChild(document.getElementById("breadcrumbs"));
  1490. //]]>
  1491. </script>
  1492. <script type='text/javascript'>
  1493. jQuery(document).ready(function(o){var a=o(&quot;#BackToTop&quot;);o(window).scroll(function(){o(this).scrollTop()&gt;=200?a.show(10).animate(&quot;#BackToTop&quot;).addClass(&quot;active&quot;):a.animate(&quot;#BackToTop&quot;).removeClass(&quot;active&quot;)}),a.click(function(a){a.preventDefault(),o(&quot;html,body&quot;).animate({scrollTop:0},400)})});var disqus_shortname=&quot;blanter&quot;;!function(){var e=document.createElement(&quot;script&quot;);e.async=!0,e.type=&quot;text/javascript&quot;,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/count.js&quot;,(document.getElementsByTagName(&quot;HEAD&quot;)[0]||document.getElementsByTagName(&quot;BODY&quot;)[0]).appendChild(e)}();
  1494. //<![CDATA[
  1495. function makemeSticky(e){var t=document.getElementById(e),o=document.createElement("div");t.parentNode.insertBefore(o,t);var n=t.offsetWidth,i=t.className+" makesticky";window.addEventListener("scroll",function(){o.getBoundingClientRect().top<0?(t.className=i+" makesticking",t.style.width=n+"px"):t.className=i},!1)}function convert(){var e,t=document.getElementById("somewhere");e=(e=(e=(e=(e=(e=(e=(e=(e=t.value).replace(/&/gi,"&amp;")).replace(/</gi,"&lt;")).replace(/>/gi,"&gt;")).replace(/"/gi,"&quot;")).replace(/&#177;/gi,"&plusmn;")).replace(/&#169;/gi,"&copy;")).replace(/&#174;/gi,"&reg;")).replace(/ya'll/gi,"ya'll"),t.value=e}function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",document.body.appendChild(e)}function ASSetCookie(e,t,o){var n=new Date;n.setDate(n.getDate()+o);var i=escape(t)+(0==o?";path=/":"; expires="+n.toUTCString())+";path=/";document.cookie=e+"="+i}function ASGetCookie(e){var t,o,n,i=document.cookie.split(";");for(t=0;t<i.length;t++)if(o=i[t].substr(0,i[t].indexOf("=")),n=i[t].substr(i[t].indexOf("=")+1),(o=o.replace(/^\s+|\s+$/g,""))==e)return unescape(n)}function ASSetCookieAds(e,t){var o=ASGetCookie(e);null!=o&&""!=o?(ASTheCookieInt=parseInt(o)+1,ASSetCookie(e,ASTheCookieInt.toString(),0)):ASSetCookie(e,"1",t)}function ASMaxClick(e,t){var o=ASGetCookie(e);return null!=o&&parseInt(o)>=t}makemeSticky("HTML4"),$(document).ready(function(){$("#showparser").click(function(){$("#parser").slideToggle("slow")})}),$(document).ready(function(){$("#menur,#close-nav").click(function(){$("#showmenu,#close-nav").toggleClass("shows")})}),$(document).ready(function(){$(".close-x").click(function(){$(".fixed-promo,.flashlight2").toggleClass("hides")})}),$(document).ready(function(){$(".flashlight2").click(function(){$(".fixed-promo,.flashlight2").toggleClass("hides")})}),$(document).ready(function(){$("#emotext").click(function(){$("#emoshow").slideToggle("normal")})}),$(document).ready(function(){$("#searchr").click(function(){$("#bsearch-box").slideToggle("normal")})}),$(document).ready(function(){$(".close-sf").click(function(){$(".blanternotif,.flashlight").removeClass("aktif")})}),$(document).ready(function(){$(".menu-notif").click(function(){$(".blanternotif,.flashlight").toggleClass("aktif")})}),$(document).ready(function(){$(".donate-sf").click(function(){$("#teksutama,#teks-donasi").toggleClass("aktif")})}),window.cookieconsent_options={message:"This website uses cookies to ensure you get the best experience on our website",dismiss:"Got it!",learnMore:"More info",link:"https://www.idblanter.com/p/privacy-policy.html",theme:"light-bottom"},function(){var e=document.createElement("script");e.async=!0,e.type="text/javascript",e.src="https://cdn.rawgit.com/blanter/design/c0c83aae/blantercookie.js",(document.getElementsByTagName("HEAD")[0]||document.getElementsByTagName("BODY")[0]).appendChild(e)}(),$(".post-author img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/s40-c/"))}),$(".popular-posts img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/w150-h150+(\-p-k-no-nu)?\//,"/w150-h150/"))}),$(window).bind("load",function(){$("#main img").toggleClass("imgloaded")}),jQuery.cookie=function(e,t,o){if(1<arguments.length&&"[object Object]"!==String(t)){if(o=jQuery.extend({},o),null==t&&(o.expires=-1),"number"==typeof o.expires){var n=o.expires,i=o.expires=new Date;i.setDate(i.getDate()+n)}return t=String(t),document.cookie=[encodeURIComponent(e),"=",o.raw?t:encodeURIComponent(t),o.expires?"; expires="+o.expires.toUTCString():"",o.path?"; path="+o.path:"",o.domain?"; domain="+o.domain:"",o.secure?"; secure":""].join("")}var a,c=(o=t||{}).raw?function(e){return e}:decodeURIComponent;return(a=new RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)").exec(document.cookie))?c(a[1]):null},window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload,jQuery(document).ready(function(e){var t="adsShield",o=".adsShield",n=!1;ASMaxClick(t,3)&&e(o).hide("fast"),e(o).bind("mouseover",function(){n=!0}).bind("mouseout",function(){n=!1}),e(window).on("beforeunload",function(){n&&(ASMaxClick(t,3)?e(o).hide("fast"):ASSetCookieAds(t,7))})});
  1496. //]]></script>
  1497. <script type='text/javascript'>/*<![CDATA[*/
  1498. var postperpage=9;var numshowpage=3;var upPageWord ='<div class="pageicon">‹</div>';var downPageWord ='<div class="pageicon">›</div>';var urlactivepage=location.href;var home_page="/";function loophalaman(a){var e="";nomerkiri=parseInt(numshowpage/2),nomerkiri==numshowpage-nomerkiri&&(numshowpage=2*nomerkiri+1),mulai=nomerhal-nomerkiri,mulai<1&&(mulai=1),maksimal=parseInt(a/postperpage)+1,maksimal-1==a/postperpage&&(maksimal-=1),akhir=mulai+numshowpage-1,akhir>maksimal&&(akhir=maksimal),e+="<span class='showpageOf'>Page "+nomerhal+" of "+maksimal+"</span>";var s=parseInt(nomerhal)-1;nomerhal>1&&(e+=2==nomerhal?"page"==jenis?'<span class="showpage"><a href="'+home_page+'" title="Next">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'" title="Next">'+upPageWord+"</a></span>":"page"==jenis?'<span class="showpageNum"><a href="javascript:void" onclick="redirectpage('+s+');return false" title="Next">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="javascript:void" onclick="redirectlabel('+s+');return false" title="Next">'+upPageWord+"</a></span>"),mulai>1&&(e+="page"==jenis?'<span class="showpageNum"><a href="'+home_page+'" title="1">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'" title="1">1</a></span>'),mulai>2&&(e+="");for(var r=mulai;r<=akhir;r++)e+=nomerhal==r?'<span class="showpagePoint">'+r+"</span>":1==r?"page"==jenis?'<span class="showpageNum"><a href="'+home_page+'" title="1">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'" title="1">1</a></span>':"page"==jenis?'<span class="showpageNum"><a href="javascript:void" onclick="redirectpage('+r+');return false" title="'+r+'">'+r+"</a></span>":'<span class="showpageNum"><a href="javascript:void" onclick="redirectlabel('+r+');return false" title="'+r+'">'+r+"</a></span>";akhir<maksimal-1&&(e+=""),akhir<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="javascript:void" onclick="redirectpage('+maksimal+');return false" title="'+maksimal+'">'+maksimal+"</a></span>":'<span class="showpageNum"><a href="javascript:void" onclick="redirectlabel('+maksimal+');return false" title="'+maksimal+'">'+maksimal+"</a></span>");var n=parseInt(nomerhal)+1;nomerhal<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="javascript:void" onclick="redirectpage('+n+');return false" title="Prev">'+downPageWord+"</a></span>":'<span class="showpageNum"><a href="javascript:void" onclick="redirectlabel('+n+');return false" title="Prev">'+downPageWord+"</a></span>");for(var t=document.getElementsByName("pageArea"),p=document.getElementById("blog-pager"),l=0;l<t.length;l++)t[l].innerHTML=e;t&&t.length>0&&(e=""),p&&(p.innerHTML=e)}function hitungtotaldata(a){var e=a.feed;loophalaman(parseInt(e.openSearch$totalResults.$t,10))}function halamanblogger(){var a=urlactivepage;-1!=a.indexOf("/search/label/")&&(lblname1=-1!=a.indexOf("?updated-max")?a.substring(a.indexOf("/search/label/")+14,a.indexOf("?updated-max")):a.substring(a.indexOf("/search/label/")+14,a.indexOf("?&max"))),-1==a.indexOf("?q=")&&-1==a.indexOf(".html")&&(-1==a.indexOf("/search/label/")?(jenis="page",nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata"><\/script>')):(jenis="label",-1==a.indexOf("&max-results=")&&(postperpage=20),nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+"feeds/posts/summary/-/"+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')))}function redirectpage(a){jsonstart=(a-1)*postperpage,nopage=a;var e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function redirectlabel(a){jsonstart=(a-1)*postperpage,nopage=a;var e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function finddatepost(a){post=a.feed.entry[0];var e=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),s=encodeURIComponent(e);if("page"==jenis)var r="/search?updated-max="+s+"&max-results="+postperpage+"#PageNo="+nopage;else r="/search/label/"+lblname1+"?updated-max="+s+"&max-results="+postperpage+"#PageNo="+nopage;location.href=r}var nopage,jenis,nomerhal,lblname1;halamanblogger();/*]]>*/</script>
  1499. <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
  1500. &lt;!--<body/>--&gt;&lt;/body&gt;
  1501. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!