Cara mengganti tema blog dengan tampilan tidak membosankan

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Assalamu'alaikum warahmatullahi wabarakatuh

Belajar membuat,mengelolah dan mengembangkan blog memang hal yang menantang buat kita yang baru aktif dalam dunia blogger, namun yang biasa terjadi pada diri kita ketika kita mulai mengembangkan blog kita menginginkan tampilan blog kita lebih menarik untuk di lihat atau lebih menarik untuk di pandang, hem hem hem seperti wanita saja enak di pandang.

Yah, pada kesempatan ini saya akan berbagi tentang cara mengganti thema atau template blog supaya lebih menarik dan lebih enak di pandang oleh orang lain. Tutorial ini lebih di khususkan untuk adik-adik Siswa/i SMK Negeri 4 Kendari dan untuk teman-teman semua yang masih belum tahu tentang cara mengganti themplate blog selain yang sudah tersedia di halaman template.

Baiklah langsung saja kita ikuti langkah-langkah berikut ini :

Buka akun Blogger anda dengan menggunakan akun Gmail anda.
Setelah anda berhasil login, masuk di halaman Dashboard atau halaman Admin blog anda.
Selanjutnya anda klik menu Template
Setelah anda klik menu Template maka klik Edit HTML
Sebelum anda mengcopy script di bawah ini terlebih dahulu anda lihat contoh tampilan templatenya.
Selanjutnya anda copy script di bawah ini dan vaste di halaman editor template blog anda dengan mengganti script/code template yang sudah ada.

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>  <head>    <b:include data='blog' name='all-head-content'/>    <b:if cond='data:blog.pageType == "index"'>    <title><data:blog.pageTitle/></title>    <b:else/>    <title><data:blog.pageName/> - <data:blog.title/></title>    </b:if>  <meta content='INDEX, FOLLOW' name='ROBOTS'/>  <meta content='panjz online' name='author'/>    <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name       : Template Sederhana V.02 (combro oncom) Design   : panjz online url  : http://panjz-online.blogspot.com/ Kerangka Template : creating website url :  www.maskolis.com/ Date       : 04 okto 2012 Updated by : Blogger Team ----------------------------------------------- */  /* Variable definitions    ====================    <variable name="bgcolor" description="Page Background Color"              type="color" default="#fff" value="#ffffff">   <variable name="textcolor" description="Text Color"              type="color" default="#000" value="#000000">   <variable name="linkcolor" description="Link Color"              type="color" default="#58a" value="#1c4870">   <variable name="pagetitlecolor" description="Blog Title Color"              type="color" default="#666" value="#333333">   <variable name="descriptioncolor" description="Blog Description Color"              type="color" default="#999" value="#666666">   <variable name="titlecolor" description="Post Title Color"              type="color" default="#c60" value="#333333">   <variable name="bordercolor" description="Border Color"              type="color" default="#ccc" value="#dcd9d9">   <variable name="sidebarcolor" description="Sidebar Title Color"              type="color" default="#999" value="#666666">   <variable name="sidebartextcolor" description="Sidebar Text Color"              type="color" default="#666" value="#666666">   <variable name="visitedlinkcolor" description="Visited Link Color"              type="color" default="#999" value="#1c4870">   <variable name="bodyfont" description="Text Font"              type="font" default="normal normal 100% Arial" value="normal normal 97% Arial">   <variable name="headerfont" description="Sidebar Title Font"              type="font"              default="normal normal 78% Arial" value="normal normal 90% Arial">   <variable name="pagetitlefont" description="Blog Title Font"              type="font"              default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">   <variable name="descriptionfont" description="Blog Description Font"              type="font"              default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 90% 'Georgia', Trebuchet, Arial, Verdana, Sans-serif">   <variable name="postfooterfont" description="Post Footer Font"              type="font"              default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 98% 'Arial', Trebuchet, Verdana, Sans-serif">   <variable name="startSide" description="Side where text starts in blog language"              type="automatic" default="left" value="left">   <variable name="endSide" description="Side where text ends in blog language"              type="automatic" default="right" value="right">*/  /* Use this with templates/template-twocol.html */  /* Navbar Frame ----------------------------- */ #navbar-iframe {height:0px;visibility:hidden;display:none}  body{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij-YFSN7l6e4iRtSfgmyz-8HOM8ZY3Yp6IbxznqU_2K-XzQ12dYVv2TtoU2xxv8_uBYfI7AjcgYN6VChGJTV2L8L0RGbbnfN3X4rRKcRb3uzJB7IUgryS7hcfyFT3B0s9HdQCm6sVZIQTy/s0/bg-garis.png);color:$textcolor;font:x-small Georgia Serif;font-size:small;text-align:center;margin:0} a:link{color:$linkcolor;text-decoration:none} a:visited{color:$visitedlinkcolor;text-decoration:none} a:hover{color:$titlecolor;text-decoration:underline} a img{border-width:0}  /* Header ----------------------------------------------- */  #header-wrapper{background:#fff;width:962px;margin:0 auto} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{float:left;width:468px;border:0 solid $bordercolor;text-align:left;font-family:Snap ITC ;color: #1354f7;margin:0} #header2{float:right;width:470px;margin-right:10px;text-align:left;color:#555} .header .widget,.header2 .widget{margin:0 auto;padding:10px 0 5px} #header h1{line-height:1.2em;text-transform:uppercase;letter-spacing:.1em;font-family: Snap ITC ;margin:0 auto;padding:10px 5px .15em} #header a{color:$pagetitlecolor;text-decoration:none} #header a:hover{color:$pagetitlecolor} #header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:Goudy Stout;color:#ff0000;margin:0 auto;padding:0 5px 5px} #header img{margin-startside:auto;margin-endside:auto}  /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper{background:#fff;-moz-box-shadow:0 0 10px #000;border:8px solid #fff;width:962px;text-align:$startSide;font:$bodyfont;margin:15px auto;padding:0;box-shadow:0 0 9px #0A2A29;-moz-box-shadow:0 0 9px #0A2A29;-webkit-box-shadow:0 0 9px #0A2A29;border:1px solid #0A2A29} #crosscol-wrapper {padding:5px;margin:0 auto;} .crosscol .widget {margin:0 auto;padding:0px 0px 6px 0px;} #main-wrapper{border-right:1px solid $bordercolor;padding-right:10px;padding-left:10px;width:610px;float:$startSide;word-wrap:break-word;overflow:hidden} #sidebar-wrapper{margin-top:7px;padding-right:10px;width:310px;float:$endSide;word-wrap:break-word;overflow:hidden} #sidebar3-wrapper{margin-top:10px;width:160px;float:right;word-wrap:break-word;overflow:hidden;padding-right:10px} .slide-wrapper{width:auto;float:left;word-wrap:break-word;overflow:hidden;margin:0 auto;padding:0 auto} #panjz-wrapper{margin-top:5px;padding-right:10px;width:240px;float:$endSide;word-wrap:break-word;overflow:hidden} #bogor-wrapper{margin-top:0px;padding-right:10px;width:240px;float:$endSide;word-wrap:break-word;overflow:hidden}  /* Headings ----------------------------------------------- */ h2 {margin:0.5em 0 .75em;font:$headerfont;line-height: 1.2em;text-transform:uppercase;letter-spacing:.01em;color:$sidebarcolor;}  /* Posts ----------------------------------------------- */ h2.date-header{text-transform:none;font:normal 12px Arial;color:#888;line-height:1.2em;margin:.1em 0} .post{border-bottom:1px solid $bordercolor;padding-bottom:.2em;margin:.2em 0} .post h3{font-size:180%;font-weight:400;line-height:1.2em;color:#103052;margin:.25em 0 0;padding:0 0 4px} .post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:400} .post h3 strong,.post h3 a:hover{color:$textcolor} .post-body{font-size:14px;color:#1D1D1D;line-height:1.3em;margin:2em 0 .75em} .post-body blockquote{line-height:1.3em} .post-footer{color:$sidebarcolor;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0} .comment-link{margin-startside:.6em} .post img, table.tr-caption-container {padding-top:4px;border:0px solid $bordercolor;} .tr-caption-container img {border: none;padding: 0;} .post blockquote{margin:1em 20px} .post blockquote p{margin:.75em 0}  /* Comments ----------------------------------------------- */ .comments{padding:0 15px} #comments h4{font-size:16px;font-weight:400;margin:20px 0} .cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%} .cm_head{width:60px;float:left;margin:0} .cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMJtGnDzR3ugcbXujMA3sXdmPJ1EYi0BKfp8K5cPui6-Lueyc6gGgrU7qiopHwMf0Wbt4iIT6S2Yoq51VVAEgTVQsNx4KerzZB8-1Gz2QE1IEwk7Ripv0vn1BeySwrkcLfHgNZpqZCISqV/s0/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px} .cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px} .cm_reply{padding-top:5px} .cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-shadow:0 -1px 0 #FFF;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px} .cm_reply a:hover{text-decoration:none!important;background:0} .cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px} .cm_arrow{display:block;width:9px;height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5xgrSkzieCCtxApdWLUG4q6rckCcbWBFmLfkuhgTWIpSKv9W_vLSfMGyDNAc_v1gePecyId4JjwTmYK_ssnq1EhpLvxh8xnhdvrM0lVy_r9ys-0rqbSBw7-2uVvm4iAjjKcXAHCji_eT/s0/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px} .cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px} .cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#dff0fa;padding:5px} .cm_name{font-size:14px;color:#666!important;text-decoration:none;float:left} .cm_name_a{font:bold 13px Arial;color:#666!important;text-decoration:none;float:left} .cm_date{font-size:10px;color:#999;text-decoration:none;float:right} .cm_date_a{font:normal 10px Arial;color:#2D5E7B;text-decoration:none;float:right;padding-top:5px} .cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700} .cm_pagenavi a{color:#666;text-decoration:none;padding:10px} .cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px} .comment-body-author{font-family:Arial;font-weight:300} #blog-pager-newer-link{float:$startSide} #blog-pager-older-link{float:$endSide} #blog-pager{text-align:center} .feed-links{clear:both;line-height:2.5em}  /* Sidebar Content ----------------------------------------------- */ .bogor h2,.sidebar h2{font:bold 14px Oswald;text-transform:none;color:#000;line-height:1.2em;letter-spacing:.01em;background-color:#1354f7;     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#1354f7');     background-image:-webkit-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-moz-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-ms-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-o-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%)repeat-x bottom left;border:0px solid #DF7401;border-width:0 0 0px;margin:0 auto;padding:5px 10px} .sidebar .widget{border:0px solid #FE9A2E;background-color:#1432fa;     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#1432fa');     background-image:-webkit-linear-gradient(309deg, #ffffff 0%, #0073ff 61%, #1432fa 100%);     background-image:-moz-linear-gradient(309deg, #ffffff 0%, #0073ff 61%, #1432fa 100%);     background-image:-ms-linear-gradient(309deg, #ffffff 0%, #0073ff 61%, #1432fa 100%);     background-image:-o-linear-gradient(309deg, #ffffff 0%, #0073ff 61%, #1432fa 100%);     background-image:linear-gradient(309deg, #ffffff 0%, #0073ff 61%, #1432fa 100%);margin:0 0 8px;padding:0 auto} .bogor .widget{border:0px solid #FE9A2E;background:#fff;margin:0 0 8px;padding:0 auto} .bogor a:link,.bogor a:visited,.sidebar a:link,.sidebar a:visited{font:12px Arial;color:#000;text-decoration:none} .bogor .widget-content,.sidebar .widget-content{margin:0 auto;padding:0 auto} .bogor,.sidebar{font:normal 12px Arial;color:#555;line-height:1.4em} .bogor li,.sidebar li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaby31PWDft-9zVfzrXkW8L6_yeDC-tXuGSElzvOFA1oj6J7PDUGgq9GcPDgyMqf8WhkUFvvsZbbGu8K7Oqc7Ua3lB_3cTAiEw8f0NGGtcLrikAV9h4m8jqT9xNT7Nck3Ytq8a1hlFl4ac/s0/bullet_icon.png) no-repeat 5px 7px;border-bottom:1px dotted $bordercolor;text-indent:0;line-height:1.4em;margin:0;padding: 3px 0 4px 20px} .bogor a:hover,.sidebar a:hover{color:#0101DF} .bogor ul,.sidebar ul{list-style:none;margin:0;padding:0} .main .widget{border-bottom:1px solid $bordercolor;margin:0 auto;padding:0 auto} .main .Blog{border-bottom-width:0} .panjz h2{font:bold 14px Oswald;text-transform:none;color:#000;line-height:1.2em;letter-spacing:.01em;background-color:#1354f7;     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#1354f7');     background-image:-webkit-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-moz-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-ms-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-o-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%)repeat-x bottom left;border:0px solid #DF7401;border-width:0 0 0px;margin:0 auto;padding:5px 10px} .panjz{background:#fff  repeat-x top;color:$sidebartextcolor;line-height:1.3em;border:0px solid #adacac;border-top:0px solid #2E2EFE} .panjz ul{list-style:none;margin:0;padding:0} .panjz li{border-bottom:1px dotted $bordercolor;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px} .panjz li a:hover{color:#005d78} .panjz .widget{border:0 solid $bordercolor;margin:0 0 5px} .panjz a:link,.panjz a:visited{font:bold 12px Arial;color:#393939;text-decoration:none} .panjz .widget-content{margin:0 auto;padding:6px 9px}  /* Sidebar3 Content ----------------------------------------------- */ .sidebar3 h2{font:bold 14px Arial;text-transform:none;color:#8A0808;line-height:1.2em;letter-spacing:.01em;background-color:#8A0808;     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#1354f7');     background-image:-webkit-linear-gradient(303deg, #ffffff 35%, #006ef5 67%, #1354f7 83%);     background-image:-moz-linear-gradient(303deg, #ffffff 35%, #006ef5 67%, #1354f7 83%);     background-image:-ms-linear-gradient(303deg, #ffffff 35%, #006ef5 67%, #1354f7 83%);     background-image:-o-linear-gradient(303deg, #ffffff 35%, #006ef5 67%, #1354f7 83%);     background-image:linear-gradient(303deg, #ffffff 35%, #006ef5 67%, #1354f7 83%) repeat-x bottom left;border:0px solid #ccc;border-width:0 0 0px;margin:0 auto;padding:5px 10px} .sidebar3 ul{list-style:none;margin:0;padding:0} .sidebar3 li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy5rYw2aBgZbEDEkkmZWKCp4CqKlIn9v80aMBcw5I_9spnwjkPofXBeRozN4opJ8XuQyL9VnyUcmaIBBzeGR6npdAlyP5l2bKjWXWxx_UFX721B9jM7Pykj1zKGiHWjnuNDoBz6HUNSZTu/s0/bullet.png) no-repeat 3px 5px;text-indent:0;line-height:1.3em;border-bottom:1px dotted $bordercolor;margin:0;padding:2px 0 3px 24px} .sidebar3 .widget{border-bottom:0px solid #D8D8D8;margin:0 0 5px;padding:0 0 5px} .sidebar3 a:link,.sidebar3 li a:visited{color:#1c4870;text-decoration:none} .sidebar3 li a:hover{color:#FF9900}  /* Profile  ----------------------------------------------- */ .profile-img{float:$startSide;margin-top:0;margin-endside:5px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px} .profile-data{text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:700;line-height:1.6em;margin:0} .profile-datablock{margin:.5em 0} .profile-textblock{line-height:1.6em;margin:.5em 0} .profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}  /* Credit ----------------------------------------------- */ .creditpic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Dv0K9MF8bn5TiofTnYeW50rLgzrs6ByHdSBdw8JempGYwlLPhfEYqbNraecw14CIWP-A58o0QvhDHNVjZUTyMek8RWYhzzJHTCG-_mkNT-rHutB9yJ2N5s28kYYPYRXELP5ZPjFag03f/s0/bg_credit.png) repeat-x;border-top:1px solid #000;width:962px;margin:0 auto;padding:0 auto} .credit{margin-top:4px;width:962px;line-height:1.6em;text-align:left;font-family:Arial old;font-size:14px;color:#fff;overflow:hidden;margin:0 auto;padding:0 auto;border-top:0px solid #FF8000;clear:both; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQx-6M1yontYaFI2eAFVKgOncm0QoNLXCb3UyLO7099FwirqBKxe6XSpYV6j8mjv_6K2cqBpnhe6WPhs68_44nWcyepueVGZAf8Mz7jGlfyxHUWqIC1DCvMkMnMdRuLuqd49yP0TNHE4i9/s0/horiz-menu-bg.png)repeat-x top;} .credit a:link,.credit a:visited{color:#e6e5e2;text-decoration:none} .credit a:hover{color:#FFC932;text-decoration:none} .nyontek{background:#000  repeat-x top;width:962px;height:25px;margin:0 auto;padding:0 auto} .nyontek-wae{padding-top:4px;font:bold 10px Arial;color:#A4A4A4;text-align:center} .nyontek-wae a:visited{color:#A4A4A4;text-decoration:none} .nyontek-wae a:hover{color:#DF7401;text-decoration:underline} #luhur-wrapper{width:962px;text-align:left;font:#000;margin:0 auto;padding:10px} #luhur1-wrapper{margin-left:-5px;width:310px;float:$startSide;word-wrap:break-word;overflow:hidden} #luhur2-wrapper{margin-left:5px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px} #luhur3-wrapper{margin-right:10px;width:300px;float:$endSide;word-wrap:break-word;overflow:hidden} .luhur h2{background:none repeat-x scroll bottom;font:bold 13px Arial;padding-bottom:10px;margin-bottom:15px;line-height:1.3em;text-transform:uppercase;letter-spacing:.01em;color:#000} .luhur{color:#000;line-height:1.3em;font:normal 13px Arial} .luhur ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .luhur li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioxwBU2Il76MJMvRq_ftgtp6gMZEZq8DohxHSlKJ0JoSVoIPwEQRR7oagFlB21tfKWItVr0nOU2JTiMIfCdIPLKxwWBzGKTZn2fXZvtU8PqrXNm5ylIGeqR8eHISExPNjS4PfYPwZkUW95/s0/arrow_box.gif) no-repeat 1px 8px;font:normal 13px Arial;color:#000;text-indent:0;line-height:1.3em;margin:0;padding:2px 0 3px 12px} .luhur .widget{margin:0 0 8px;padding:6px 0} .luhur .widget-content{padding:0 auto} .luhur li a:hover{color:#005d78} .luhur a:link,.footer li a:visited{color:#000;text-decoration:none} /* Page Navigation ----------------------------------------------- */ .showpageArea a {font:normal 11px Arial;text-decoration:none;} .showpageNum a {font:normal 11px Arial;background:#ddd;text-decoration:none;border: 1px solid #888;margin:0 2px;padding:2px 5px;color:#000} .showpageNum a:hover {border: 1px solid #666;background-color:#FF8000;color:#fff;} .showpagePoint {font:normal 11px Arial;color:#fff;text-decoration:none;border: 1px solid #888;background: #FF8000;margin:0 2px;padding:2px 5px;} .showpageOf {font:normal 12px Arial;text-decoration:none;padding:2px 5px;margin: 0 2px;} .showpage a {font:normal 11px Arial;text-decoration:none;border: 1px solid #888;padding:2px 3px;color:#000} .showpage a:hover {color:#fff;border: 1px solid #666;background-color:#FF8000;text-decoration:none;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}  /* Menu Horizontal 2 ----------------------------------------------- */ #menupic2{border-bottom:2px solid #848484;background:#fff repeat-x;width:962px;margin:0 auto;border-radius:3px;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px;} #menuhorisontal2{width:962px;height:24px;margin:0 auto;padding:4px 0} #menuhorisontal2 ul{padding-left:7px;color:#666;text-transform:capitalize;list-style-type:none;font:normal 12px Arial, Helvetica,Verdana,sans-serif;margin:0} #menuhorisontal2 li{ display:inline;margin:0} #menuhorisontal2 li a{float:left;display:block;text-decoration:none;border-right:0 solid #415770;font-weight:700;color:#FF8000;padding:4px 6px 4px} #menuhorisontal2 li a:visited{color:#045FB4} #menuhorisontal2 li a:hover{background:#071910;border-radius:3px;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px;color:#fff;text-decoration:none}  /* Related & Subscribe ----------------------------------------------- */ #related{border:1px solid #fff;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-webkit-box-shadow:#000 0 2px 8px;-moz-box-shadow:#000 0 2px 5px;width:auto;text-shadow:0 1px 0 #FFF;margin:0 0 5px;padding:10px} #related .related-posts{font-weight:400;width:53%;float:right} #related .related-posts p{margin:0} #related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;letter-spacing:0;margin:0} #related .related-posts ol{font-weight:400;margin:2px 0 0 -15px} #related .subscribe{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDXMY4rbrkB0iceskthgQoqXIzmcnHzEUFosbymXVSx3VdbtAkN79lkTMQQo_-B6JY-ugUqP2NNEkBd1dMDeQ4fXksJjRKTCiWrRJT-sYWHwNeBTnRKf1mBVu9x_Q3iXWGz5XJZp38QbjF/s0/icontexto-inside-rss.png) no-repeat bottom right;width:43%;float:left;color:#000} #related .subscribe p.intro{font-weight:400} #related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhldRK60iQO-LitnafbCqh-0qnpRRWIbXRaZ6NqmQFT39dM5BJqKwx7sOnc5LCtva4MRzfg0u-QJNix1Chmim17EYYearAqfGeTXhhKctFJEwCS35bLTBYNjaCoIqalBhvFxW3_e50SQ2Nd/s0/feedicon-16_thumb.gif) 0 50% no-repeat;vertical-align:middle} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block} .headline-wrapper{background-color:#ffffff;     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fa8f0d', endColorstr='#ffffff');     background-image:-webkit-linear-gradient(39deg, #fa8f0d 0%, #fafafa 48%, #ffffff 0%);     background-image:-moz-linear-gradient(39deg, #fa8f0d 0%, #fafafa 48%, #ffffff 0%);     background-image:-ms-linear-gradient(39deg, #fa8f0d 0%, #fafafa 48%, #ffffff 0%);     background-image:-o-linear-gradient(39deg, #fa8f0d 0%, #fafafa 48%, #ffffff 0%);     background-image:linear-gradient(39deg, #fa8f0d 0%, #fafafa 48%, #ffffff 0%) repeat-x bottom;border-bottom:0 solid #444;width:960px;height:30px; -webkit-border-radius:8px 0px 0px;     -moz-border-radius:8px 0px 0px;     border-radius:8px 0px 0px;margin-left:1px} .headline{width:962px;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto} .headline a:hover{color:#eace12;text-decoration:underline} .toptop {   filter:alpha(opacity=30);   -moz-opacity:0.3;    opacity: 0.3;   } .toptop:hover {   filter:alpha(opacity=90);   -moz-opacity:0.9;    opacity: 0.9;   } #panjz-sd a {   float: right;   margin-top:-45px;   margin-right:20px;   text-align:left;   font-size:14px;  } /*addthis_toolbox ----------------------------------------------- */ .addthis_toolbox { width:150px; position:relative; background-color:white;float:right;padding-right:0px;margin-top:-1px;}  .addthis2_toolbox2 { width:150px; position:relative; background-color:darkgreen; padding:10px 15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }    .addthis2_toolbox2 .addthis-tooltip ,.addthis_toolbox .addthis-tooltip { display:block; width:140px; padding:10px 15px; position:absolute; bottom:100%; left:30px; z-index:77; margin-bottom:40px; background-color:black; font:bold 12px 'Trebuchet MS',Arial,Sans-Serif; color:white; text-align:center; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; opacity:0; visibility:hidden; -webkit-transition:all 0.26s ease-out; -moz-transition:all 0.26s ease-out; -ms-transition:all 0.26s ease-out; -o-transition:all 0.26s ease-out; transition:all 0.26s ease-out; }   .addthis2_toolbox2 .addthis-tooltip:before,.addthis_toolbox .addthis-tooltip:before { content:""; width:0px; height:0px; border:7px solid transparent; border-top-color:black; position:absolute; top:100%; left:15px; }   .addthis2_toolbox2 .addthis-tooltip:before,.addthis_toolbox:hover .addthis-tooltip { visibility:visible; opacity:1; margin-bottom:20px; }  /* Menu Horizontal Bottom ---------------------------------------------*/ .menubottompic {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqAQK1nDzL9S2xF9I2NnjKd0U22WjmS39vi05kC4jTErG5qrB8pupkoX6W-cXv3LNXXkc5Bjmpuxio7NlsVwWlXb0V5H1PpJEJlnd8nvPPo26Uw7u0cpc4exFIXWk_hLMcVTghMVy-QXQ3/s0/bottommenu.png) repeat-x top left;width:962px;margin:0 auto;padding:0 auto;height:42px;border-bottom:1px solid #A6A6A6;border-top:3px solid #FF8000} .bottomsearch{width:300px;float:right;margin:0 auto;padding:0 auto;} .menubottom {width:660px;float:left;height:20px;margin:0 auto;padding:14px 0;} .menubottom ul {margin: 0;padding-left:0px;color:#fff;list-style-type: none;font:bold 12px Arial,sans-serif;text-shadow:0 1px 0 #000} .menubottom li{display: inline; margin: 0;} .menubottom li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6pMe0DzJrFSZgqXEaFmFDY3ruFo5KqqNlwMcjxVHkyaqUIcw8oi3IrHFgax4jySm6GcGsy-XlmKU1Q7HinCFbjoGdOXxIke45A0beql3kgb8EvkZ1638Wc4fI3GBMFAgIcTmqxt6Qmstw/s0/horiz-menu-div.png) no-repeat center right;float: left;display: block;padding:3px 8px;color:#F2F2F2;line-height: 1.2em;} .menubottom li a:visited{color:#F2F2F2;} .menubottom li a:hover {color:#FACD49;text-decoration:none;}  /* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{border-bottom:2px solid #FF8000;background:#0A2A1B repeat-x;width:960px;margin:0 auto;padding:0 auto;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px} #menuwrapper{width:960px;height:30px;margin:0 auto;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px;} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;text-shadow: 0px 1px 1px #000;color:#f2f1f1;border-right:1px solid #666;padding:9px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBUuGOwOHpMJ4J-z-_sQjW0IUO0nox2zvEkMfGn92XEicGAnYA_UBeWuvfJ4CUoWNzA9Y6P_pKFxas1EHbf0QG4OqomO8Ty1iAwqL91XAR6vDv58WJPI_Opx8SXLF0RXSTcwKgrweUwpr/s0/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:9px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:2px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#071910;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#071910;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#fff;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:none!important;color:#FF8000!important;text-decoration:none} .selected{background:#FF8000} .selected2{background:#045FB4} .selected:hover,.selected2:hover{ -webkit-transform:rotate(0deg);   -moz-transform:rotate(0deg);   -ms-transform:rotate(0deg);   -o-transform:rotate(0deg);   transform:rotate(0deg)} .aing{width:430px;height:4px;margin-top:-5px;background-color:#1354f7;     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#1354f7');     background-image:-webkit-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-moz-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-ms-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-o-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);margin:0px;padding: 5px 5px 15px 5px;font:14px Franklin Gothic Heavy;color:#000;border-bottom:1px solid #ccc;text-transform:uppercase;text-shadow:0px 0px 0px #fff} .feed-links{clear:both;line-height:2.5em} img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px} img.label_thumb:hover{background:#f7f6f6} .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0} ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0} .postbox{width:240px;padding-bottom:10px} .postbox h1{font:bold 14px Oswald;text-transform:none;color:#000;line-height:1.2em;letter-spacing:.01em;background-color:#1354f7;     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#1354f7');     background-image:-webkit-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-moz-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-ms-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:-o-linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%);     background-image:linear-gradient(155deg, #ffffff 35%, #ffa200 100%, #1354f7 100%)repeat-x bottom left;border:0px solid #DF7401;border-width:0 0 0px;margin:0 auto;padding:5px 10px} .postbox h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2593Uh1bzU42rvZ7i5ksSVBI1GYQsCnTNaHqiTRufo7W0yyGlQFRAt-oF_XHor5fuQORPCJFqQ1n6tf8FCcpTBOxGooHTlvRSfUYsffmDzK-NwEK9kG97CrlFxibEpdl-HVRFNkY7GyQi/s0/transparant.png);position:absolute;width:211px;font-size:1em;font-weight:700;line-height:16px;text-transform:none;margin:94px 0 0;padding:5px;color:#000} .postbox ul li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkONyNn6XhCgHhCq9J5REafxPysZtWkpd8O56HHC3m2OglndNvdWIlo1CfGA00qO69mjXrXfLhKE6ds_qXX1sQIi2zRrQ5p7R3wQaruFBfLx8ubnq17VxSAHb_Jzv3JeN1Zkd9EQs0ACma/s0/arrowlist_2.gif) no-repeat 0 0;font-size:1em;line-height:15px;padding:0 0 6px 12px} .boxcontent{background:#fff repeat-x top;padding:5px 6px 0} .boxcontent h5{color:#ff0000;margin:0;padding:0} .postbox h1 a,.postbox h1 a:visited,.postbox ul li a,.postbox ul li a:visited{color:#000} .more{font-weight:700;margin:5px 0} .postbox h1 a:hover,.postbox h2 a:hover,.catbox-even h2 a:hover{color:#000;text-decoration:none} .postbox ul li a:hover,#carousel ul li a.slider_title:hover,.catbox-even h1 a:hover,.catbox-even ul li a:hover,.bottomBox h1 a:hover,.bottomBox ul li a:hover{color:#1354f7} .postbox ul,.catbox-even ul,.bottomBox ul{list-style:none;padding:0} .catbox-even h1 a,.catbox-even h1 a:visited{color:#ddd} .catbox-even h2 a,.catbox-even h2 a:visited,.catbox-even ul li a,.catbox-even ul li a:visited{color:#0000;text-transform:none} .postbox h2 a,.postbox h2 a:visited{color:#ff0000} .catbox-even{background:#fff;border:0px solid #353535;border-top:none;width:310px;height:95px;padding-bottom:5px;margin-bottom:14px;margin-top:-10px} .catbox-even:hover{border-left:3px solid #fff} .catbox-even h1{font:bold 13px Arial;text-transform:none;color:#000;line-height:1.2em;letter-spacing:.01em;background:#fff  repeat-x top;margin:0 auto;padding:9px 10px} .catbox-even li{border-top:0px solid #444;border-bottom:0px solid #000;font-size:13px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkONyNn6XhCgHhCq9J5REafxPysZtWkpd8O56HHC3m2OglndNvdWIlo1CfGA00qO69mjXrXfLhKE6ds_qXX1sQIi2zRrQ5p7R3wQaruFBfLx8ubnq17VxSAHb_Jzv3JeN1Zkd9EQs0ACma/s0/arrowlist_2.gif) no-repeat 0 4px;margin:0 10px;padding:5px 0 5px 11px} .catbox-even li.first{display:block;font-family:Arial,serif;font-size:12px;border-top:0;background:none;padding:0} .catbox-even .entry-thumb{float:left;margin-right:10px} .catbox-even .entry-title{font-size:13px} .maboenk { -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;-webkit-transition:opacity .5s ease-out; -moz-transition:opacity .5s ease-out; -ms-transition:opacity .5s ease-out; -o-transition:opacity .5s ease-out; transition:opacity .5s ease-out; opacity:0.2; }   .maboenk:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); opacity:1; }  ]]></b:skin> <style type='text/css'><b:if cond='data:blog.pageType != "item"'>#menupic2{border-bottom:0px solid #848484;background:#fff  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEf1ouuQKHT-48RYdkYQHfylWs0uvztcxNNV4B6rXv-aV9nNZiGdHkHOdcU1Yn2udROe91lHuX1v9vMFDufm_6GsYFRKaxF5-kIgXAwt6owO6tf3QKvfXEJkC2DZmLCmTkTEAtaLRCLmI1/s0/bg_warna.png)repeat-x scroll bottom;width:962px;margin:0 auto;border-radius:3px;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px;} </b:if></style> <style type='text/css'><b:if cond='data:blog.pageType != "item"'>#sidebar-wrapper {margin-top:10px;float:left;margin-left:10px;} #bogor-wrapper {float:left;margin-left:10px;} #main-wrapper {margin-top:-20;width: 430px;padding:0 10px;} .post-footer, .feed-links {display:none} .post h3 {margin:.15em 0 0;padding:0 0 0px;font-size:16px;font-weight:bold;line-height:1.2em;color:#0b5394;} .post h3 a, .post h3 a:visited, .post h3 strong {color:#0b5394} .post h3 strong, .post h3 a:hover {color:#000;} .post-body {font-size:13px;margin:0.1em 0 .15em;line-height:1.2em;color:#444} .post-home {float:left;font:normal 16px Arial;padding:0px;margin:5px 0 2px 0;color:#888} .rmlink {font:bold 13px Arial;padding:0px;margin:0 2px 0 0;} .rmlink a:link, .rmlink a:visited {color:#FF8000;text-decoration:none;} .rmlink a:hover {color:#000;text-decoration:underline; -webkit-transform:rotate(-10deg);   -moz-transform:rotate(-10deg);   -ms-transform:rotate(-10deg);   -o-transform:rotate(-10deg);   transform:rotate(-10deg)} .comment-home {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhX6IlS5k54u-5umkY52jL2tpdJIGY2pBtVgVhBh3f37oWk-FETiFMjS5wv5hY3vh-AO-1kuMZFK1V2YPbths9vIiN_rWI6FEQOdqFZINXNdQYJvfDUx5zaGV1R7zTx-GTYeVw0DPUh-Ie/s0/comment-bg.gif) no-repeat center right;font:normal 13px Arial;padding:0 18px 0 0;margin:0px;} .comment-home a:link, .comment-home a:visited {color:#666;text-decoration:none;} .comment-home a:hover {color:#000;text-decoration:underline;} .post-labels {font:8px Arial;padding:0px;margin:0 2px 0 0;text-transform:uppercase} .post-labels a:link, .post-labels a:visited {color:#333;text-decoration:none;} .post-labels a:hover {color:#333;text-decoration:underline;} .thumb img {float:left;margin:0 10px 5px 0;opacity: 0.9; filter: alpha(opacity=90);}  .thumb img:hover{opacity: 1.0; filter: alpha(opacity=100);} h2.date-header {font:normal 11px Arial;color:#888;margin:0.1em 0 .2em;}  #blog-pager {width:97.5%;float:left;text-align:left;margin:6px 0 1px 0;padding:7px 0px 7px 0px;}  </b:if></style> <b:if cond='data:blog.pageType == "static_page"'><style>#sidebar3-wrapper,.thumb img, #blog-pager{display:none} .post{border:1px solid $bordercolor;margin:.1em 0 .5em;padding:10px 15px} .post h3{font-family:Georgia, Times, Serif;font-size:180%;font-weight:700;line-height:1.2em;color:$titlecolor;margin:.25em 0 0;padding:0 0 4px} .post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:700} .post h3 strong,.post h3 a:hover{color:$textcolor} .post-body{border-top:2px solid #df8608;padding-top:6px;line-height:1.4em;margin:1.5em 0 .75em} #main-wrapper{padding-left:10px;width:610px;float:$startSide;word-wrap:break-word;overflow:hidden} </style></b:if> <script type='text/javascript'>var thumbnail_mode = "float" ; summary_noimg = 300; summary_img = 255; img_thumb_height = 0; img_thumb_width = 0; </script><script type='text/javascript'>//<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="display:none;float:left;margin:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; //]]></script> <script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RQgEuFhr5O5zX0Uy4BFYRNAA7mWdhQeG6Zw86vx7CWofIoig_M8nSxh_g' type='text/javascript'/><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[  var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break; } } } } function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; } } relatedTitles = tmp2; relatedUrls = tmp; } function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0;  while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; }  }  //]]></script><script type='text/javascript'>//<![CDATA[  function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;} if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error) {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyDyfsUASNUcvCuboo7TlyJAWHWKSwMbffjBS-ztrSczejK-Ihrl8B_yp6QxvWfLhe8aVsqT3QJZNP3oWsiWqFX3sdrqnuOG7u3s4_gq1cyzAQqY8vEmlja_CNo9PlDx5z71FenoHNP9Y2/';} var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write(' <li class="clearfix">');if(showpostthumbnails==true) document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;} else if("summary"in entry){var postcontent=entry.summary.$t;} else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');} else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}} var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;} if(showcommentnum==true) {if(flag==1){towrite=towrite+' | ';} if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;} if(displaymore==true) {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More ?</a>';flag=1;;} document.write(towrite);document.write('</li>');if(displayseparator==true) if(i!=(numposts-1)) document.write('');}document.write('</ul>');}  //]]></script> <script type='text/javascript'>$(function() {     $('#menubar li').hover(function() {         $(this).children('ul').filter(':not(:animated)').fadeIn(400);     }, function() {         $(this).children('ul').fadeOut(400);     }); }); </script> <script src='http://panjz-online.googlecode.com/files/news.txt' type='text/javascript'/><style type='text/css'>.titlefield{text-decoration: none;} .labelfield{color:#666;font-size: 100%;} .datefield{color:#fff;font:normal 12px Arial;} #example1{width: 900px;height: 12px;border: 0px solid #aaa;padding: 0px;font:bold 12px Arial;text-transform:none;text-align:left;background-color:transparent;} code{color: #fff;} #example1 a:link, #example1 a:visited {color:#0f2852;text-decoration:none;} #example1 a:hover {color:#000;text-decoration:none;} </style><script type='text/javascript'>$(function() {     $('#panjz-sd').click(function() {         $('html, body').animate({scrollTop:0}, 'slow');         return false;     }); }); </script><script type='text/javascript'>//<![CDATA[ imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv42BKS3qkQpO0pSN9OnatIgkqDUpVhTiIlJhdfN50zyAbvbflJJveEc7aWqZVIRM6gnIBcQMb1TzSwB_-wjcig-jPgS0Og5V5mtQcZgPhLXzOprLJVbbcs1jBnpHCsGKrGzWqEn88Cp2v/s0/no%25252Bimage.jpg"; showRandomImg = true;  aBold = true;  summaryPost = 80; summaryPost1 = 140; summaryTitle = 25;  numposts2 = 4; numposts4 = 1;  function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } }  s = s.join(""); s = s.substring(0,chop-1); return s; }  function showrecentposts2(json) {  j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;  img  = new Array();     for (var i = 0; i < numposts2; i++) {      var entry = json.feed.entry[i];      var posttitle = entry.title.$t;   var pcm;      var posturl;      if (i == json.feed.entry.length) break;      for (var k = 0; k < entry.link.length; k++) {         if (entry.link[k].rel == 'alternate') {           posturl = entry.link[k].href;           break;         }      }      for (var k = 0; k < entry.link.length; k++) {         if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {           pcm = entry.link[k].title.split(" ")[0];           break;         }      }         if ("content" in entry) {         var postcontent = entry.content.$t;}      else      if ("summary" in entry) {         var postcontent = entry.summary.$t;}      else var postcontent = "";            postdate = entry.published.$t;    if(j>imgr.length-1) j=0;  img[i] = imgr[j];    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);   if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;   //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';    var month = [1,2,3,4,5,6,7,8,9,10,11,12];  var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];   var day = postdate.split("-")[2].substring(0,2);  var m = postdate.split("-")[1];  var y = postdate.split("-")[0];   for(var u2=0;u2<month.length;u2++){   if(parseInt(m)==month[u2]) {    m = month2[u2] ; break;   }  }   var daystr = day+ ' ' + m + ' ' + y ;   if (i==0) {  var trtd = '<div class="boxcontent"><div class="thumb"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img width="221" height="120" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><div class="more">Artikel Terkait :  </div><ul>';  document.write(trtd); }  if ((i>0)&&(i<numposts2))     {  var trtd = ' <li><a href="'+posturl+'">'+posttitle+'</a></li>';  document.write(trtd); }   j++; } document.write('</ul></div>');  }   function showrecentposts5(json) {  j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;  img  = new Array();     if (numposts4 <= json.feed.entry.length) {   maxpost = numposts4;   }  else        {     maxpost=json.feed.entry.length;     }     for (var i = 0; i < maxpost; i++) {      var entry = json.feed.entry[i];      var posttitle = entry.title.$t;   var pcm;      var posturl;      if (i == json.feed.entry.length) break;      for (var k = 0; k < entry.link.length; k++) {         if (entry.link[k].rel == 'alternate') {           posturl = entry.link[k].href;           break;         }      }      for (var k = 0; k < entry.link.length; k++) {         if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {           pcm = entry.link[k].title.split(" ")[0];           break;         }      }         if ("content" in entry) {         var postcontent = entry.content.$t;}      else      if ("summary" in entry) {         var postcontent = entry.summary.$t;}      else var postcontent = "";            postdate = entry.published.$t;    if(j>imgr.length-1) j=0;  img[i] = imgr[j];    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);   if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;   //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';    var month = [1,2,3,4,5,6,7,8,9,10,11,12];  var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];   var day = postdate.split("-")[2].substring(0,2);  var m = postdate.split("-")[1];  var y = postdate.split("-")[0];   for(var u2=0;u2<month.length;u2++){   if(parseInt(m)==month[u2]) {    m = month2[u2] ; break;   }  }   var daystr = day+ ' ' + m + ' ' + y ;     pcm='<a href="'+posturl+'">'+pcm+' comments</a>';    if (i==0) {  var trtd = ' <li class="first"><div class="entry-thumb"><a href="'+posturl+'"><img width="150" height="80" src="'+img[i]+'"/> </a></div><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="entry-meta"><span class="meta-date"></span></div><div class="entry-excerpt"><p>'+removeHtmlTag(postcontent,summaryPost)+'...    <a href="'+posturl+'" class="meta-more">Read more <span class="meta-nav"></span></a></p></div></li>';  document.write(trtd); }  if ((i>0)&&(i<maxpost))     {  var trtd = ' <li class="catlist"><a href="'+posturl+'">'+posttitle+'</a></li>';  document.write(trtd); }  j++; }  }   //]]></script>  </head> <body onLoad='Menubar()'>  <div id='outer-wrapper'><div id='wrap2'>     <div id='header-wrapper'>      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Sederhana (Header)' type='Header'><b:includable id='main'>   <b:if cond='data:useImage'>    <b:if cond='data:imagePlacement == "BEHIND"'>            <b:if cond='data:mobile'>          <div id='header-inner'>            <div class='titlewrapper' style='background: transparent'>              <h1 class='title' style='background: transparent; border-width: 0px'>                <b:include name='title'/>              </h1></div><b:include name='description'/>          </div><b:else/>          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>            <div class='titlewrapper' style='background: transparent'>              <h1 class='title' style='background: transparent; border-width: 0px'>                <b:include name='title'/>              </h1></div><b:include name='description'/>          </div></b:if>    <b:else/>            <div id='header-inner'>        <a expr:href='data:blog.homepageUrl' style='display: block'>          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>        </a>                <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>          <b:include name='description'/>        </b:if>      </div></b:if>  <b:else/>        <div id='header-inner'>      <div class='titlewrapper'>        <h1 class='title'>          <b:include name='title'/>        </h1></div><b:include name='description'/>    </div></b:if></b:includable><b:includable id='title'>  <b:if cond='data:blog.url == data:blog.homepageUrl'>    <data:title/>  <b:else/>    <a expr:href='data:blog.homepageUrl'><data:title/></a>  </b:if></b:includable><b:includable id='description'>  <div class='descriptionwrapper'>    <p class='description'><span><data:description/></span></p></div></b:includable></b:widget></b:section>      <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'><b:widget id='HTML1' locked='false' title='' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget></b:section><div style='clear:both;'/>      </div><div class='headline-wrapper'><div class='headline'><div style='float:left;padding:7px 5px 5px 10px;font:bold 13px Arial;color:#000;text-transform:none;'>News Update : </div><div style='float:left;width:800px;padding:7px 0; position:relative; overflow:hidden;'><script type='text/javascript'>var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new") cssfeed.addFeed("Headline News", "http://combro-oncom.blogspot.com/feeds/posts/default") cssfeed.displayoptions("date")  cssfeed.setentrycontainer("div")  cssfeed.filterfeed(10, "date") cssfeed.entries_per_page(1) cssfeed.init() </script></div></div><div style='clear:both;'/></div><div id='menuwrapperpic'> <div id='menuwrapper'><ul id='menubar'><li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDWbozCsRcdfOdRjr37WoYGz6ML_MuzPOxxZ7EA4Zb_CSem7of1LBaw9JDEBMiTwbDVCY5uOrWhVYDNaDGQ1ihBkyg-Lxj1PpTShBX4OdDDE4XaweGOwYheYqSrhbXCJXC4Qt3ZiyDi18/s0/home_white.png' style='padding:0px;'/>  home</a></li><li><a href='#'>About Us</a></li><li><a class='trigger' href='#'>Contact Us</a><ul><li><a href='#'>Goggle +</a></li><li class='hr'/><li><a href='#'>Contact on Facebook</a></li><li class='hr'/><li><a href='#'>Contact on Twitter</a></li></ul></li><li><a href='#'>Sport</a></li><li><a href='#'>Culture</a></li><li><a class='trigger' href='#'>Entertainment</a><ul><li><a href='#'>Music</a></li><li class='hr'/><li><a href='#'>Movie</a></li><li class='hr'/><li><a href='#'>Television</a></li></ul></li><li class='selected2'><a href='#'>Health</a></li><li class='selected'><a class='trigger' href='#'>More</a><ul><li><a href='#'>Themes</a></li><li class='hr'/><li><a href='h#'>Tutorial</a></li><li class='hr'/><li><a href='#'>Resource</a></li><li class='hr'/><li><a href='#'>Advertise</a></li><li class='hr'/><li><a href='#'>Javascript</a></li></ul></li></ul><div class='menusearch'><div style='float:right;padding:4px 8px 0 0;'><form action='http://www.google.com/search' method='get' target='_blank'><input name='sitesearch' style='display:none;' value='http://combro-oncom.blogspot.com'/><input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width:170px;border:none;padding:4px 10px; font:12px Arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GCp5B46HFs87GUflRmyI_Y2vuPX5yThLtuYqos0P-7XPP2UZhNcgcK4SrSVIJpP8CNRHGjULhvi4iC_FlMH4WkEKsqLgX5jl8zbVJnkV78xU-z7tomAvvtRad_lgtJN9Nt2haiXaNU-M/s0/field-bg.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCjBodjZ_gC5Zn-R3fJoYKLsAlYB7bBSinrUjhA3AAvon73_1F9pAW1FqfTQQf6GR_f_GqV4ArmEW0oYptmL7hX9GZ2EuMO4sjeelafRyqG4Gqllk4OIu0JvRd1t4VFKEuhG6cyLoxhp86/s0/bg_search.gif' type='image' value='Search'/> </form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>            <div id='menupic2'><div id='menuhorisontal2'>                        <b:section id='pagesmenuwidget' maxwidgets='1' showaddelement='no'><b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList'><b:includable id='main'>              <b:if cond='data:title'></b:if>              <div>                <ul>                  <b:loop values='data:links' var='link'>                    <b:if cond='data:link.isCurrentPage'><li><a expr:href='data:link.href'><data:link.title/></a></li><b:else/><li><a expr:href='data:link.href'><data:link.title/></a></li></b:if>                  </b:loop>                   <div style='float:right;text-align:right;padding:0px;padding-right:15px;margin-top:-3px'><a href='http://twitter.com/YOUR_USERNAME'><img alt='Twitter' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpTztX5x3mg48eC6DOfMpgzu9rgngRZYpy8faTG5FUuKFUjto5AQKwbGdYBe93yNokhOHvSKpZOUPWbcMvqCm4RasmRNyz9GwFnQyOffEFfYf_OaNmW3IibJBAia91Y-tzemvBG_gCM1_/s0/twitter-icon.png' width='30'/></a><a href='http://facebook.com/YOUR_USERNAME'><img alt='Facebook' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwzqFwGwra0cqauxLC86JYuimQdahllN315hn61xUJ36vJD6XY_xwB7KYIVZTRd8-366dtvpgwXIKopkB78sMgJEzryc6nmGZw0Qjv7XRB2X_KsaV19XZeG3nfwKVJYpA-02pg8c2oCZeX/s0/facebook-icon.png' width='30'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='Feedburner' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwDCzm2qlgwQXB9Nwg2ovaRO4XMz4pZzcnuyTAG3zJRZWUmJRWs8OGeMZZLv6ip4VrH-sVgZmF5CeizJKCtfynxOV_W90_I21o0wd9iP9A1OHLQrfN9_HlfUrk90DO8V5TBPx6IFWNjXF9/s0/rss-icon.png' width='30'/></a><a href='http://plus.google.com/'><img alt='Google +1' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJiqLlhiT-PIGpF2OKo-RGuHC9mR44gv-5Ccob-Ub80NW3_DJMy1dou4E6q4kPetGdVK3BTIG6U8n40CjG7cy98_TcDy5E__nwZoMwl_c7CLSHKopJc48um-CaWSykX3n1t9UBEQfs7oc/s0/gplus-icon.png' width='30'/></a><a href='link-edit-youtube'><img alt='youtube' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUHcons2Pbxvx8iHRPFiRqNPiq6dflweBOpSWRi5OARQfb3egw5whrZbptCL9dkCthCt2Wwn1GCg5BEA80Xg7WAASSx3l-YQocr4b2DBLv4VJCO3hA7M937hAOFBe2szShUHLYhZoUA-X1/s0/youtube-icon.png' width='30'/></a><a href='http://flickr.com/YOUR_USERNAME'><img alt='flickr' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhyphenhyphenf8-wr1qiZDHSIKpVj-7Fi689mXoqMDRxSNs0G_WzzEuzNKkCmK6ESykYZwGR-Kyb_uMBlpERPyNoUbn2xnxLZaWiIdPEWouF3aSGTAudAEXCmDlLt3gkMwXqCWCShDe7rgBViD2I6gy/s0/flickr-icon.png' width='30'/></a></div></ul><b:include name='quickedit'/>              </div></b:includable></b:widget></b:section>                        </div></div>    <span id='skiplinks' style='display:none;'>      <a href='#main'>skip to main </a> |       <a href='#sidebar'>skip to sidebar</a>    </span>        <div id='content-wrapper'><b:if cond='data:blog.pageType != "item"'><div id='luhur-wrapper'><b:section class='luhur' id='luhur' preferred='yes'/> <div id='luhur1-wrapper'><b:section class='luhur' id='luhur1' preferred='yes'><b:widget id='HTML7' locked='false' title='' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget></b:section></div><div id='luhur2-wrapper'><b:section class='luhur' id='luhur2' preferred='yes'><b:widget id='HTML8' locked='false' title='' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget></b:section></div><div id='luhur3-wrapper'><b:section class='luhur' id='luhur3' preferred='yes'><b:widget id='HTML9' locked='false' title='' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget></b:section></div></div></b:if>        <div id='main-wrapper'><b:if cond='data:blog.url == data:blog.homepageUrl'><div class='aing'>Hot News � <div class='addthis_toolbox addthis_default_style'>    <span class='addthis-tooltip'>Bagikan kepada teman!</span>    <a class='addthis_button_preferred_1'/>    <a class='addthis_button_preferred_2'/>    <a class='addthis_button_preferred_3'/>    <a class='addthis_button_preferred_4'/>    <a class='addthis_button_compact'/>    <a class='addthis_counter addthis_bubble_style'/><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div></div></b:if>        <b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'><b:includable id='nextprev'>  <div class='blog-pager' id='blog-pager'>    <b:if cond='data:newerPageUrl'>      <span id='blog-pager-newer-link'>      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>      </span>    </b:if>     <b:if cond='data:olderPageUrl'>      <span id='blog-pager-older-link'>      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>      </span>    </b:if>     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>     <b:if cond='data:mobileLinkUrl'>      <div class='blog-mobile-link'>        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>      </div></b:if>   </div><div class='clear'/></b:includable><b:includable id='shareButtons' var='post'>  <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>    <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>  <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>    <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>  <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>  <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>  <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a></b:includable><b:includable id='backlinks' var='post'>  <a name='links'/><h4><data:post.backlinksLabel/></h4><b:if cond='data:post.numBacklinks != 0'><dl class='comments-block' id='comments-block'>      <b:loop values='data:post.backlinks' var='backlink'>        <div class='collapsed-backlink backlink-control'><dt class='comment-title'>            <span class='backlink-toggle-zippy'>�</span>            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>            <b:include data='backlink' name='backlinkDeleteIcon'/>          </dt><dd class='comment-body collapseable'>            <data:backlink.snippet/>          </dd>          <dd class='comment-footer collapseable'>            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>          </dd>        </div></b:loop>    </dl></b:if>  <p class='comment-footer'><a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>  </p></b:includable><b:includable id='comment_count_picker' var='post'>  <b:if cond='data:post.forceIframeComments'>    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>    </span>  <b:else/>    <b:if cond='data:post.commentSource == 1'>      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>      </span>    <b:else/>      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>        <data:post.commentLabelFull/>:       </a>    </b:if>  </b:if></b:includable><b:includable id='threaded_comment_js' var='post'>  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>   <script type='text/javascript'>    (function() {       var items = <data:post.commentJso/>;       var msgs = <data:post.commentMsgs/>;       var postId = '<data:post.id/>';       var feed = '<data:post.commentFeed/>';       var authorName = '<data:post.author/>';       var authorUrl = '<data:post.authorUrl/>';       var blogId = '<data:top.id/>';       var baseUri = '<data:post.commentBase/>';       var maxThreadDepth = '<data:post.commentMaxThreadDepth/>';  // <![CDATA[       feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';       var cursor = null;       if (items && items.length > 0) {         cursor = parseInt(items[items.length - 1].timestamp) + 1;       }        var bodyFromEntry = function(entry) {         if (entry.gd$extendedProperty) {           for (var k in entry.gd$extendedProperty) {             if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {               return '<span class="deleted-comment">' + entry.content.$t + '</span>';             }           }         }         return entry.content.$t;       }        var parse = function(data) {         cursor = null;         var comments = [];         if (data && data.feed && data.feed.entry) {           for (var i = 0, entry; entry = data.feed.entry[i]; i++) {             var comment = {};             // comment ID, parsed out of the original id format             var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);             comment.id = id ? id[2] : null;             comment.body = bodyFromEntry(entry);             comment.timestamp = Date.parse(entry.published.$t) + '';             if (entry.author && entry.author.constructor === Array) {               var auth = entry.author[0];               if (auth) {                 comment.author = {                   name: (auth.name ? auth.name.$t : undefined),                   profileUrl: (auth.uri ? auth.uri.$t : undefined),                   avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)                 };               }             }             if (entry.link) {               if (entry.link[2]) {                 comment.link = comment.permalink = entry.link[2].href;               }               if (entry.link[3]) {                 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);                 if (pid && pid[1]) {                   comment.parentId = pid[1];                 }               }             }             comment.deleteclass = 'item-control blog-admin';             if (entry.gd$extendedProperty) {               for (var k in entry.gd$extendedProperty) {                 console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);                 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {                   comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;                 }               }             }             comments.push(comment);           }         }         return comments;       };        var paginator = function(callback) {         if (hasMore()) {           var url = feed;           if (cursor) {             url += '&published-min=' + new Date(cursor).toISOString();           }           window.bloggercomments = function(data) {             var parsed = parse(data);             cursor = parsed.length < 50 ? null                 : parseInt(parsed[parsed.length - 1].timestamp) + 1             callback(parsed);             window.bloggercomments = null;           }           url += '&callback=bloggercomments';           var script = document.createElement('script');           script.type = 'text/javascript';           script.src = url;           document.getElementsByTagName('head')[0].appendChild(script);         }       };       var hasMore = function() {         return !!cursor;       };       var getMeta = function(key, comment) {         if ('iswriter' == key) {           var matches = !!comment.author               && comment.author.name == authorName               && comment.author.profileUrl == authorUrl;           return matches ? 'true' : '';         } else if ('deletelink' == key) {           return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;         } else if ('deleteclass' == key) {           return comment.deleteclass;         }         return '';       };        var replybox = null;       var replyUrlParts = null;       var replyParent = undefined;        var onReply = function(commentId, domId) {         if (replybox == null) {           // lazily cache replybox, and adjust to suit this style:           replybox = document.getElementById('comment-editor');           if (replybox != null) {             replybox.height = '250px';             replybox.style.display = 'block';             replyUrlParts = replybox.src.split('#');           }         }         if (replybox && (commentId !== replyParent)) {           document.getElementById(domId).insertBefore(replybox, null);           replybox.src = replyUrlParts[0]               + (commentId ? '&parentID=' + commentId : '')               + '#' + replyUrlParts[1];           replyParent = commentId;         }       };        var tok = 'comment-form_';       var hash = window.location.hash || '';       var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;        // Configure commenting API:       var configJso = {         'maxDepth': maxThreadDepth       };       var provider = {         'id': postId,         'data': items,         'loadNext': paginator,         'hasMore': hasMore,         'getMeta': getMeta,         'onReply': onReply,         'rendered': true,         'initReplyThread': startThread,         'config': configJso,         'messages': msgs       };        var render = function() {         if (window.goog && window.goog.comments) {           var holder = document.getElementById('comment-holder');           window.goog.comments.render(holder, provider);         }       };        // render now, or queue to render when library loads:       if (window.goog && window.goog.comments) {         render();       } else {         window.goog = window.goog || {};         window.goog.comments = window.goog.comments || {};         window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];         window.goog.comments.loadQueue.push(render);       }     })(); // ]]>  </script></b:includable><b:includable id='mobile-main' var='top'>        <div class='blog-posts hfeed'>       <b:include data='top' name='status-message'/>       <b:if cond='data:blog.pageType == "index"'>        <b:loop values='data:posts' var='post'>          <b:include data='post' name='mobile-index-post'/>        </b:loop>      <b:else/>        <b:loop values='data:posts' var='post'>          <b:include data='post' name='mobile-post'/>        </b:loop>      </b:if>    </div><b:include name='mobile-nextprev'/></b:includable><b:includable id='post' var='post'>  <div class='post hentry'><b:if cond='data:blog.pageType == "item"'><div style='padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #ccc;'><a expr:href='data:blog.homepageUrl'>Home</a> � <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> , </b:if></b:loop></b:if> � <data:post.title/></div></b:if>    <a expr:name='data:post.id'/>    <b:if cond='data:post.title'> <b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.thumbnailUrl'><div class='Image thumb'><img expr:src='data:post.thumbnailUrl'/></div></b:if>  </b:if>       <h3 class='post-title entry-title'>      <b:if cond='data:post.link'>        <a expr:href='data:post.link'><data:post.title/></a>      <b:else/>        <b:if cond='data:post.url'>          <b:if cond='data:blog.url != data:post.url'>            <a expr:href='data:post.url'><data:post.title/></a>          <b:else/>            <data:post.title/>          </b:if>        <b:else/>          <data:post.title/>        </b:if>      </b:if>      </h3></b:if>      <div class='post-header'>    <div class='post-header-line-1'/>    </div><b:if cond='data:post.dateHeader'>          <h2 class='date-header'><span>Penulis :  <data:post.author/> on <data:post.dateHeader/> | <data:post.timestamp/></span></h2></b:if>     <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.dateHeader'><script>var ultimaFecha = '<data:post.dateHeader/>';</script><h2 class='date-header'><data:post.dateHeader/></h2><b:else/><h2 class='date-header'><script>document.write(ultimaFecha);</script></h2></b:if></b:if> <b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <div class='post-home'> <span class='comment-home'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'> <data:top.commentLabel/><b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>) </b:if></a>  </span>  |  <span class='post-labels'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + "?&max-results=5"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if></span>  |  <span class='rmlink'><a expr:href='data:post.url'>Read More...</a></span></div></b:if></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>      <div style='clear: both;'/>     </div><b:if cond='data:blog.pageType == "item"'><div style='background:#fff;border-bottom:1px solid #d0d0d0;padding:10px 0;margin:13px 0px 8px 0px;width:100%;float:left;height:20px;'><div style='float:right;padding-right:10px;'><div class='addthis_toolbox addthis_default_style '><a class='addthis_button_preferred_1'/>    <a class='addthis_button_preferred_2'/>    <a class='addthis_button_preferred_3'/>    <a class='addthis_button_preferred_4'/>    <a class='addthis_button_compact'/>    <a class='addthis_counter addthis_bubble_style'/></div><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div><div style='float:right;padding:2px 10px 0px 0px;font:normal 12px Arial;color:#666'><strong>Share this article</strong> :   </div></div></b:if><b:if cond='data:blog.pageType == "item"'><div class='clearfix' id='related'><div class='related-posts'><p>Related posts:</p><ol><b:loop values='data:post.labels' var='label'><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=4"' type='text/javascript'/>         </b:if></b:loop>  <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();  </script></ol></div><div class='subscribe'><p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/YOUR_USERNAME' target='_blank' title='feedburner'><b>click here</b></a>, or subscribe to receive more great content just like it.</p><p class='feed'><a href='http://panjz-online.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=panjz-online', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input name='uri' type='hidden' value='panjz-online'/><input name='loc' type='hidden' value='en_US'/><input id='botsub' name='email' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Enter your email....'/><input id='botsubbutton' type='submit' value='Submit'/><br/><small>Your information will not be shared. Ever.</small></form></div></div></b:if>    <b:if cond='data:post.hasJumpLink'>      <div class='jump-link'>        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>      </div></b:if>     <div class='post-footer'>    <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>        <b:if cond='data:top.showAuthor'>          <data:top.authorLabel/>          <span class='fn'><data:post.author/></span>        </b:if>      </span> <span class='post-timestamp'>        <b:if cond='data:top.showTimestamp'>          <data:top.timestampLabel/>        <b:if cond='data:post.url'>          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>        </b:if>        </b:if>      </span> <span class='post-comment-link'>        <b:if cond='data:blog.pageType != "item"'>          <b:if cond='data:blog.pageType != "static_page"'>            <b:if cond='data:post.allowComments'>              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>            </b:if>          </b:if>        </b:if>      </span> <span class='post-icons'>                <b:if cond='data:post.emailPostUrl'>          <span class='item-action'>          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>          </a>          </span>        </b:if>                 <b:include data='post' name='postQuickEdit'/>      </span> <div class='post-share-buttons'>        <b:if cond='data:post.sharePostUrl'>          <b:include data='post' name='shareButtons'/>        </b:if>      </div></div><div class='post-footer-line post-footer-line-2'/><span class='post-labels'>        <b:if cond='data:post.labels'>          <data:postLabelsLabel/>          <b:loop values='data:post.labels' var='label'>            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>          </b:loop>        </b:if>         <b:if cond='data:top.showReactions'>  <span class='reaction-buttons'>   <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>    <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>     <span class='reactions-label'>     <data:top.reactionsLabel/></span>�</td>    <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>   </tr></table></span> </b:if></span>       <div class='post-footer-line post-footer-line-3'><span class='post-location'>        <b:if cond='data:top.showLocation'>          <b:if cond='data:post.location'>            <data:postLocationLabel/>            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>          </b:if>        </b:if>      </span> </div></div></div></b:includable><b:includable id='comment_picker' var='post'>  <b:if cond='data:post.commentSource == 1'>    <b:include data='post' name='iframe_comments'/>  <b:else/>    <b:if cond='data:post.showThreadedComments'>      <b:include data='post' name='threaded_comments'/>    <b:else/>      <b:include data='post' name='comments'/>    </b:if>  </b:if></b:includable><b:includable id='status-message'>  <b:if cond='data:navMessage'>  <div class='status-msg-wrap'>    <div class='status-msg-body'>      <data:navMessage/>    </div><div class='status-msg-border'>      <div class='status-msg-bg'>        <div class='status-msg-hidden'><data:navMessage/></div></div></div></div><div style='clear: both;'/>  </b:if></b:includable><b:includable id='comment-form' var='post'>  <div class='comment-form'>    <a name='comment-form'/>    <b:if cond='data:mobile'>      <h4 id='comment-post-message'>        <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>    <b:else/>      <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>    </b:if>    <data:post.friendConnectJs/>    <data:post.cmtfpIframe/>    <script type='text/javascript'>      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');     </script>  </div></b:includable><b:includable id='threaded_comments' var='post'>  <div class='comments' id='comments'>    <a name='comments'/>    <h4><data:post.commentLabelFull/>:</h4><div class='comments-content'>      <b:if cond='data:post.embedCommentForm'>        <b:include data='post' name='threaded_comment_js'/>      </b:if>      <div id='comment-holder'>         <data:post.commentHtml/>      </div></div><p class='comment-footer'><b:if cond='data:post.allowNewComments'>        <b:include data='post' name='threaded-comment-form'/>      <b:else/>        <data:post.noNewCommentsText/>      </b:if>    </p><b:if cond='data:showCmtPopup'>      <div id='comment-popup'>        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>        </iframe>      </div></b:if>     <div id='backlinks-container'>    <div expr:id='data:widget.instanceId + "_backlinks-container"'>       <b:if cond='data:post.showBacklinks'>         <b:include data='post' name='backlinks'/>       </b:if>    </div></div></div></b:includable><b:includable id='backlinkDeleteIcon' var='backlink'>  <span expr:class='"item-control " + data:backlink.adminClass'>    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>      <img src='//www.blogger.com/img/icon_delete13.gif'/>    </a>  </span></b:includable><b:includable id='mobile-nextprev'>  <div class='blog-pager' id='blog-pager'>    <b:if cond='data:newerPageUrl'>      <div class='mobile-link-button' id='blog-pager-newer-link'>      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>      </div></b:if>     <b:if cond='data:olderPageUrl'>      <div class='mobile-link-button' id='blog-pager-older-link'>      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>      </div></b:if>     <div class='mobile-link-button' id='blog-pager-home-link'>    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>    </div><div class='mobile-desktop-link'>      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>    </div></div><div class='clear'/></b:includable><b:includable id='mobile-post' var='post'>  <div class='date-outer'>    <b:if cond='data:post.dateHeader'>      <h2 class='date-header'><span><data:post.dateHeader/></span></h2></b:if>    <div class='date-posts'>      <div class='post-outer'>         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>          <a expr:name='data:post.id'/>          <b:if cond='data:post.title'>            <h3 class='post-title entry-title' itemprop='name'>              <b:if cond='data:post.link'>                <a expr:href='data:post.link'><data:post.title/></a>              <b:else/>                <b:if cond='data:post.url'>                  <b:if cond='data:blog.url != data:post.url'>                    <a expr:href='data:post.url'><data:post.title/></a>                  <b:else/>                    <data:post.title/>                  </b:if>                <b:else/>                  <data:post.title/>                </b:if>              </b:if>            </h3></b:if>           <div class='post-header'>            <div class='post-header-line-1'/>          </div><div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>            <data:post.body/>            <div style='clear: both;'/>           </div><div class='post-footer'>            <div class='post-footer-line post-footer-line-1'>              <span class='post-author vcard'>                <b:if cond='data:top.showAuthor'>                  <b:if cond='data:post.authorProfileUrl'>                    <span class='fn'>                      <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>                        <data:post.author/>                      </a>                    </span>                  <b:else/>                    <span class='fn'><data:post.author/></span>                  </b:if>                </b:if>              </span>               <span class='post-timestamp'>                <b:if cond='data:top.showTimestamp'>                  <data:top.timestampLabel/>                  <b:if cond='data:post.url'>                    <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>                  </b:if>                </b:if>              </span>               <span class='post-comment-link'>                <b:if cond='data:blog.pageType != "item"'>                  <b:if cond='data:blog.pageType != "static_page"'>                    <b:if cond='data:post.allowComments'>                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>                        <data:post.commentLabelFull/>:                       </a>                    </b:if>                  </b:if>                </b:if>              </span>            </div><div class='post-footer-line post-footer-line-2'>              <b:if cond='data:top.showMobileShare'>                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>                  <a href='javascript:void(0);'><data:shareMsg/></a>                </div></b:if>              <b:if cond='data:top.showDummy'>                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>            </div></div></div><b:if cond='data:blog.pageType == "static_page"'>          <b:include data='post' name='comment_picker'/>        </b:if>        <b:if cond='data:blog.pageType == "item"'>          <b:include data='post' name='comment_picker'/>        </b:if>      </div></div></div></b:includable><b:includable id='postQuickEdit' var='post'>  <b:if cond='data:post.editUrl'>    <span expr:class='"item-control " + data:post.adminClass'>      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>      </a>    </span>  </b:if></b:includable><b:includable id='main' var='top'>   <b:if cond='data:top.showDummy'>    <script expr:src='data:top.dummyUrl'/>  </b:if>   <b:if cond='data:mobileindex'>        <div class='blog-posts hfeed'>      <b:loop values='data:posts' var='post'>        <b:if cond='data:post.isFirstPost == "false"'>          </div></b:if>        <div class="mobile-date-outer date-outer">        <div expr:onclick='data:post.indexOnclick'>          <b:include data='post' name='mobile-index-post'/>        </div><b:if cond='data:post.trackLatency'>          <data:post.latencyJs/>        </b:if>      </b:loop>      <b:if cond='data:numPosts != 0'>        </div></b:if>    </div><b:else/>         <div class='blog-posts hfeed'>       <b:include data='top' name='status-message'/>       <data:defaultAdStart/>      <b:loop values='data:posts' var='post'>        <b:if cond='data:post.isDateStart'>          <b:if cond='data:post.isFirstPost == "false"'>            </div></div></b:if>        </b:if>        <b:if cond='data:post.isDateStart'>          <div class="date-outer">        </b:if>              <b:if cond='data:post.isDateStart'>          <div class="date-posts">        </b:if>        <div class='post-outer'>        <b:include data='post' name='post'/>        <b:if cond='data:blog.pageType == "static_page"'>          <b:include data='post' name='comments'/>        </b:if>        <b:if cond='data:blog.pageType == "item"'>          <b:include data='post' name='comments'/>        </b:if>        </div><b:if cond='data:post.includeAd'>          <b:if cond='data:post.isFirstPost'>            <data:defaultAdEnd/>          <b:else/>            <data:adEnd/>          </b:if>          <b:if cond='data:mobile == "false"'>            <div class='inline-ad'>              <data:adCode/>            </div></b:if>          <data:adStart/>        </b:if>        <b:if cond='data:post.trackLatency'>          <data:post.latencyJs/>        </b:if>      </b:loop>      <b:if cond='data:numPosts != 0'>        </div></div></b:if>      <data:adEnd/>    </div></b:if>     <b:if cond='data:mobile'>    <b:include name='mobile-nextprev'/>  <b:else/>    <b:include name='nextprev'/>         <b:include name='feedLinks'/>  </b:if>   <b:if cond='data:top.showStars'>    <script src='//www.google.com/jsapi' type='text/javascript'/>    <script type='text/javascript'>      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});       function initialize() {         google.annotations.setApplicationId(<data:top.blogspotReviews/>);         google.annotations.createAll();         google.annotations.fetch();       }       google.setOnLoadCallback(initialize);     </script>  </b:if></b:includable><b:includable id='commentDeleteIcon' var='comment'>  <span expr:class='"item-control " + data:comment.adminClass'>    <b:if cond='data:showCmtPopup'>      <div class='goog-toggle-button'>        <div class='goog-inline-block comment-action-icon'/>      </div><b:else/>      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>        <img src='//www.blogger.com/img/icon_delete13.gif'/>      </a>    </b:if>  </span></b:includable><b:includable id='feedLinks'>  <b:if cond='data:blog.pageType != "item"'>     <b:if cond='data:feedLinks'>      <div class='blog-feeds'>        <b:include data='feedLinks' name='feedLinksBody'/>      </div></b:if>     <b:else/>     <div class='post-feeds'>      <b:loop values='data:posts' var='post'>        <b:if cond='data:post.allowComments'>          <b:if cond='data:post.feedLinks'>            <b:include data='post.feedLinks' name='feedLinksBody'/>          </b:if>        </b:if>      </b:loop>    </div></b:if></b:includable><b:includable id='threaded-comment-form' var='post'>  <div class='comment-form'>    <a name='comment-form'/>    <b:if cond='data:mobile'>      <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>    <b:else/>      <p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/>      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>    </b:if>    <data:post.friendConnectJs/>    <data:post.cmtfpIframe/>    <script type='text/javascript'>      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');     </script>  </div></b:includable><b:includable id='mobile-index-post' var='post'>  <b:if cond='data:post.dateHeader'>    <div class='mobile-index-date'>      <div class='date-header'>        <span><data:post.dateHeader/></span>      </div></div></b:if>   <div class='mobile-post-outer'>    <div class='mobile-index-title-outer'>      <h3 class='mobile-index-title entry-title'>        <a href='javascript:void(0)'><data:post.title/></a>      </h3></div><div>      <div class='mobile-index-arrow'>        <a href='javascript:void(0)'>�</a>      </div><div class='mobile-post-contents'>        <b:if cond='data:post.thumbnailUrl'>          <div class='mobile-index-thumbnail'>            <div class='Image'>              <img expr:src='data:post.thumbnailUrl'/>            </div></div></b:if>         <div class='post-body'>          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>        </div></div><div style='clear: both;'/>    </div><div class='mobile-index-comment'>      <b:if cond='data:blog.pageType != "item"'>        <b:if cond='data:blog.pageType != "static_page"'>          <b:if cond='data:post.allowComments'>            <b:if cond='data:post.numComments != 0'>              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>            </b:if>          </b:if>        </b:if>      </b:if>    </div></div></b:includable><b:includable id='feedLinksBody' var='links'>  <div class='feed-links'>  <data:feedLinksMsg/>  <b:loop values='data:links' var='f'>     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>  </b:loop>  </div></b:includable><b:includable id='iframe_comments' var='post'>  <script expr:src='data:post.commentSrc' type='text/javascript'/>  <script type='text/javascript'>    (function() {       var url = '<data:post.canonicalUrl/>'; // <![CDATA[       gapi.comments.render('cmt_iframe_holder', {           'href': url,           'view_type': 'UNFILTERED'       });     })(); // ]]>  </script>  <div id='cmt_iframe_holder'/></b:includable><b:includable id='comments' var='post'><div class='comments' id='comments'>  <a name='comments'/>  <b:if cond='data:post.allowComments'>  <h4>  <b:if cond='data:post.numComments > 0'><a href='#comment-form' style='float:right; margin-right:5px;'>+ <data:commentLabelPlural/> +</a>  <b:if cond='data:post.numComments == 1'>  <span id='cm_total'>1</span> <data:commentLabelPlural/>    <b:else/>  <span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>  </b:if>  </b:if>  </h4><div id='cm_reply_css'/>     <div class='cm_pagenavi' id='cm_page'/>     <div id='cm_block'>  <b:loop values='data:post.comments' var='comment'>  <b:if cond='data:comment.isDeleted'>  <b:else/>     <div expr:id='data:comment.anchorName'>  <div class='cm_wrap'>  <a expr:name='data:comment.anchorName'/>    <div class='cm_head'>  <div class='cm_avatar'>  <b:if cond='data:blog.enabledCommentProfileImages'>  <data:comment.authorAvatarImage/>  </b:if>    </div><div class='cm_reply'>  <a expr:href='"https://www.blogger.com/comment.g?blogID=3704652410297647189&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>  </div></div><b:if cond='data:comment.author == data:post.author'>  <dd class='cm_entry'> <span class='cm_arrow'/>  <div class='cm_info_a'>  <div class='cm_name_a'>  <b:if cond='data:comment.authorUrl'>  <img height='20px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX33RWFDB8-I755pR8u__oJrZlVOB00zlswCZxAOtRvPF3M1VVcW9sEIu4XSHV7NnNSqV4gGVdvgHWajx7fWXve1xVfojHiJglcjsCQDEm7oKLdINqPCbtoXW-Ejt8668xOZOK21MUWFtt/s0/admin.png' title='Admin' width='20px'/>  <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>  <data:comment.author/>  </a>  <b:else/>  <b><data:comment.author/></b>  </b:if>  </div><div class='cm_date_a'>  <data:comment.timestamp/>  <b:include data='comment' name='commentDeleteIcon'/>  </div><div class='clear'/>    </div><div class='comment-body-author'>  <p><data:comment.body/></p></div></dd>  <b:else/>  <dd class='cm_entry'>  <span class='cm_arrow'/>  <div class='cm_info'>  <div class='cm_name'>  <b:if cond='data:comment.authorUrl'>  <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>  <data:comment.author/>  </a>  <b:else/>  <b><data:comment.author/></b>  </b:if>  </div><div class='cm_date'>  <data:comment.timestamp/>  <b:include data='comment' name='commentDeleteIcon'/>  </div><div class='clear'/>    </div><p><data:comment.body/></p></dd>  </b:if>  </div></div></b:if>    </b:loop>  </div><div class='cm_pagenavi' id='cm_page_copy'/>     <b:if cond='data:post.embedCommentForm'>  <b:if cond='data:post.allowNewComments'>  <b:include data='post' name='comment-form'/>  <b:else/>  <data:post.noNewCommentsText/>  </b:if>  <b:else/>  <b:if cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>  </b:if>  </b:if> </b:if>  </div></b:includable></b:widget></b:section><b:if cond='data:blog.url == data:blog.homepageUrl'><script type='text/javascript'>var pageCount=10; var displayPageNum=5; var upPageWord ='Previous Page'; var downPageWord ='Next Page'; </script><script src='http://panjz-online.googlecode.com/files/page%20navigation.js.htm' type='text/javascript'/></b:if>       </div><b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><div id='bogor-wrapper'>        <b:section class='bogor' id='bogor' preferred='yes'/></div><div id='panjz-wrapper'>        <b:section class='sidebar' id='sidebar' preferred='yes'/>  </div></b:if></b:if>      <div id='sidebar-wrapper'>        <b:section class='panjz' id='panjz' preferred='yes'><b:widget id='HTML2' locked='false' title='' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget><b:widget id='HTML6' locked='false' title='Blogger templates' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget><b:widget id='PopularPosts1' locked='false' title='Popular posts' type='PopularPosts'><b:includable id='main'>  <b:if cond='data:title'><h2><data:title/></h2></b:if>  <div class='widget-content popular-posts'>    <ul>      <b:loop values='data:posts' var='post'><li>        <b:if cond='data:showThumbnails == "false"'>          <b:if cond='data:showSnippets == "false"'>                        <a expr:href='data:post.href'><data:post.title/></a>          <b:else/>                        <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div></b:if>        <b:else/>          <b:if cond='data:showSnippets == "false"'>                        <div class='item-thumbnail-only'>              <b:if cond='data:post.thumbnail'>                <div class='item-thumbnail'>                  <a expr:href='data:post.href' target='_blank'>                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>                  </a>                </div></b:if>              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div></div><div style='clear: both;'/>          <b:else/>                        <div class='item-content'>              <b:if cond='data:post.thumbnail'>                <div class='item-thumbnail'>                  <a expr:href='data:post.href' target='_blank'>                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>                  </a>                </div></b:if>              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div></div><div style='clear: both;'/>          </b:if>        </b:if>      </li></b:loop>    </ul><b:include name='quickedit'/>  </div></b:includable></b:widget></b:section>      </div><b:if cond='data:blog.pageType != "item"'>      <div id='sidebar3-wrapper'>        <b:section class='sidebar3' id='sidebar3' preferred='yes'><b:widget id='HTML5' locked='false' title='Blogger news' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget><b:widget id='Label2' locked='false' title='Categories' type='Label'><b:includable id='main'>  <b:if cond='data:title'>    <h2><data:title/></h2></b:if>  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>    <b:if cond='data:display == "list"'>      <ul>      <b:loop values='data:labels' var='label'><li>          <b:if cond='data:blog.url == data:label.url'>            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>          <b:else/>            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>          </b:if>          <b:if cond='data:showFreqNumbers'>            <span dir='ltr'>(<data:label.count/>)</span>          </b:if>        </li></b:loop>      </ul><b:else/>      <b:loop values='data:labels' var='label'>        <span expr:class='"label-size label-size-" + data:label.cssSize'>          <b:if cond='data:blog.url == data:label.url'>            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>          <b:else/>            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>          </b:if>          <b:if cond='data:showFreqNumbers'>            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>          </b:if>        </span>      </b:loop>    </b:if>    <b:include name='quickedit'/>  </div></b:includable></b:widget><b:widget id='HTML3' locked='false' title='About' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget><b:widget id='HTML4' locked='false' title='Blogroll' type='HTML'><b:includable id='main'>    <b:if cond='data:title != ""'>    <h2 class='title'><data:title/></h2></b:if>  <div class='widget-content'>    <data:content/>  </div><b:include name='quickedit'/></b:includable></b:widget></b:section>      </div></b:if>             <div class='clear'>�</div><div class='menubottompic'><div class='menubottom'><ul><li><a expr:href='data:blog.homepageUrl'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj74fARPLQxJeaeO4QqtJwW_NeBOPQuQvK2-AkWFDoXpg_BeN3Q7JAoWK6MnQI3-adzd-EEkzIGAKQ4BIDsrUxRFCgQQLGP248wD5KFphA-PyYJKbum8GF-dH8wB4y8OD3sCyroPPDsD9x8/s0/home_bg.png' style='padding:0px;'/> Home</a></li><li><a href='#' title='Comments RSS'>Comments RSS</a></li><li><a href='#'>Link</a></li><li><a href='#'>Link</a></li><div style='float:center;text-align:right;padding:0px;padding-right:50px;margin-top:-3px'><a class='toptop' href='http://twitter.com/YOUR_USERNAME'><img alt='Twitter' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjihNxEkszjHio4SmAHzOmIMnQy84qKbjvCbJWkRYvi3jB2o3PlKBI-YSi1WzK0ojD3SpE7jJkYbLWXE4iD7mJ5Gmi-kccBSLqxe6wWqx7jX4-I4p845Pwb3O6L1nO7RgiwZCCEiz2dEfAy/s0/twitter-icon.png' width='30'/></a><a class='toptop' href='http://facebook.com/YOUR_USERNAME'><img alt='Facebook' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSz0PGXDzbS-bNXH6Sthw6V1XCAHHL6NyKfT7D2ZhKfEVFpDVZ0I29q35HaeUjnKETzO0ukP_pIFGAHDPL-fhnmjM4rb68Pb65OkpW275xgSfJHJHxjTBSyai644bAuPGdWi1eifSS8jpl/s0/facebook-icon.png' width='30'/></a><a class='toptop' expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img alt='Feedburner' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW4FkL4tqImwMiJDeIkL0APTRTo9YWjP46douB8PwK5kO0dK4kWFNl_VB1fx5MCldpz8jhdlfzmiQz5_JQYmcUTWMwPo1jAWSa8cggs3avXHStrNFKHNddnQq2xVwqkYYsQ9OMGtlj5ZmT/s0/rss-icon.png' width='30'/></a><a class='toptop' href='http://plus.google.com/'><img alt='Google +1' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYNGldahLOMI3Oos1LC_4F0jhPImZ9WUSHakNWIaqagjPe6DWxchgicSxCKhDDX4bM4X4Sqc596LihYN2VporaYMHj__uEFHJM53lLtk4tcGp9m7DvUo5-xSnRqlD8VfUkmXQ35X9nqvH/s0/gplus-icon.png' width='30'/></a><a class='toptop' href='link-edit-youtube'><img alt='youtube' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6KOPu3V0GCvFY7snr2HaWaLIey89X2xLa9yM8hJx_FL6xKTEfThgyf4Mu1yi2ZPpC-oOQQMYc2RHAC4JZlF_0axFdRedT2kQGt1VJ0X6ptJCnuX7_r4lzC4SAviGkzaFoJ9UYpuDrDWsA/s0/youtube-icon.png' width='30'/></a><a class='toptop' href='http://flickr.com/YOUR_USERNAME'><img alt='flickr' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipX-_dedsZWKRtSN0L7nGxWB_p21wA7JhQXi2zkIuI7azXEYZTDD2BvUyLA5rpBGbJXq-ZYJCD_zPyoQZq5csO79TgZBgsnaKgmMDci-ivE5O4PSGZa00nB20Il2VTvG2YSdBVkqK_wNFv/s0/flickr-icon.png' width='30'/></a></div></ul></div><div class='bottomsearch'><div style='float:right;padding:12px 15px 0 0;'><form action='http://www.google.com/search' method='get' target='_blank'><input name='sitesearch' style='display:none;' value='http://creatingwebsite-maskolis.blogspot.com'/><input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqVZB112HRT4gedfRNW9Tqf9zuILNkZ6aUU9rgvSY7YTco7IGaFcb5pV33wd8rzkIC6zCQa_94zPW0XxFby4L3sdnOFvsyBIqykkdW-muCnJBy5ljGXNpkIhZmxkQAlETUzUcIxkezyoOf/s0/bg_field.gif) no-repeat;' type='text' value='Search on this site...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT4dYNeH6ubi1G2Eu_VWaT8AaqgPlrV2519UD35JYa_xDWxtmSILmRNAawGfmBFig10CbTKG7D5c2Z2p4exBSxtST8Oq348GoqwYClJRmy146NgtTHpbJe4FHNpzpld5oT6T-FjfOQlqC8/s0/bg_search.gif' type='image' value='Search'/> </form></div></div><div style='clear:both;'/></div><div class='creditpic'><div class='credit'><div style='float:left;padding:12px 1px 0 0;margin-left:6px;'><a href='#'>Company Info</a> | <a href='#'>Contact Us</a> | <a href='#'>Privacy policy</a> | <a href='#'>Term of use</a> | <a href='#'>Widget</a> | <a href='#'>Advertise with Us</a> | <a href='#'>Site map</a><br/>Copyright � 2011. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> . All Rights Reserved. </div></div></div></div>    <div id='panjz-sd'>    <a class='maboenk' href='#' onclick='subir();return false' title='back to top'><img border='0' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDhPiy6oCiP5TI5OgRqU_AZ7YEFXqEsTaVC7wbrFTJA16f30il6ONkZAU3sXWk3Xg_jL2d5qOrsD2hYZbid0BmpawxyAeq2nHHrZpXmLyKN_OPPJqVlV3A_83uitSKENhEbK4aRORPln_5/s0/top-template-sd.png' width='40'/></a>    </div><div class='nyontek'><div class='nyontek-wae'>Design Template by  <a href='http://panjz-online.blogspot.com/'>panjz-online</a> | Support by <a href='http://www.maskolis.com'>creating website</a> | Powered by  <a href='http://www.blogger.com'>Blogger</a> </div></div></div></div> </body></html>

Setelah anda vaste kode di atas maka langkah selanjutnya anda klik tombol Simpan Template lalu klik tombol Lihat Blog untuk melihat hasil perubahannya.

Itulah cara mengganti template blog yang menarik dan lebih cepat, mudah-mudahan tutirual ini bermanfaat buat teman-teman blogger semuanya. Salam Blogger untuk kita semua !

Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com

NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com

atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

wassalamualaikum warahmatullahi wabarakatuh

Artikel Cara mengganti tema blog dengan tampilan tidak membosankan, Diterbitkan oleh scodeaplikasi pada Minggu, 16 Agustus 2015. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.

Cara mengganti tema blog dengan tampilan tidak membosankan

Terimakasih Telah mengunjungi website Kami..!!

Tawk.to

Pencarian

Blog

Populer

Populer

My Ads

Artikel

Artikel