Cara mengganti tema blog dengan tampilan sangat menarik

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>

/* 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/AVvXsEiIiRF-hZvT5PWa2bi4mCD6hFWfAoB8qfz5NO_Q2ALq9gQBVT0gBSlG9b_8BDwvAXRtxUL-I8HzGz-rl3u3wtmWwfefrafiwRNEJjM-w2k20ENrHFmEknMQAwtFn3U_TmInueg4368_9r8/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/AVvXsEiUfMVsi-zuwTyCfhc8G9Alo4cZNsYuDqiemjNF9oh8qCgBjUj72_Ndi31tjVXsA9qQATX_D0QxoEsJFoou0nt6dtK2jrKZvPcZCRhNjPcVyk-nXFmKnruJtlNQvEuEqrdl_5GhE9YJrbQ/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/AVvXsEiexRUju3Gxuve6es-bHlAGdtKRYbVk_mR8oOL-iamDUxaVqU-24MH9nUiro3_yU_VN5MP9KkmVN8uQ_fs4EcW8XnM6kYGLvcDYOM5dFJNXr4S0ID5ML-m_8MvAKifZO7s9nw8YVpnf80E/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/AVvXsEjR_bb39xS2p_O_q-TT_4V7CPLpJ-SJR-tLwhZ-1Mgh1tgLuH4tgKKwNfjA_uY8vRw1lNrBJQ6pPLBkmNpdHJQd2NNasiCpF2VyD_SdqsTmvZGlUuzK6dEgRjsj2qg0ObEvlyLN3LUjrlw/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/AVvXsEhZz6aHArIauV7xon4hS37yYgbUmLY0OT-JSN7HdcWOzluof2J2TbErO7fjDHAcjvgkdYMgOYabnxAdG0xqhxkpqo-uC3-kBy8X14xY1ZwYEAzYEz2EHqbd-Sa88yKLbGX49LH7Dv9jVqE/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/AVvXsEhffsEnGxRVKiUZTHkQ8l7MMSodzc0SOsF7ENogGl3Z4LseD4S129FkqgeW2l4QTQuKLF7PwYIk6iMzOevGkCjoO2aAFuVZrlCLK7orsrbve7LtHIx7BRZN_CCv5tTxeJaSm6Yr2i4lMCQ/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/AVvXsEjh7mv3p8PTde-jUU2ZwOy_NfUERpHV9h6G71hXnz3ajbQdT1Prg57BqnbM8-5sJwVVWvW_uByLYrGnAZ25AqG7-NBbGEMVFU2Vl5UmFL9ikH33Di_HQRHMyXlBTBTXJ-dJfnVO8m23FRM/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/AVvXsEg_p1PaFRuy4X5LsTodLrciKU-FCB-yMZ8ztcmQYqvJ2WAuHJ2IZkfyXj-lL-_9ZiKRpvMmrbLZg1Qz_s99JDJ5Irgeq8EA5W26_ooLqm2K0THvyXnhKxqRHf489DOPNjsgDhpKHc_b934/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/AVvXsEj1RLdN4pVWqubCX1g7OBVqBjJKC28OeMisQYoO0hVPMVNwufrBCYzuF8RHybM-27PI6D1jmgB6P285IqR13bD16jzJXXKdXYUcds9PdikgzqEPXeHfLCyin-OTPbyetUizq9SQ24ry6L0/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/AVvXsEhbEioGTPNC-Xandp-WytQaMYh9sMVMhFt8VEh0cwPeaT1QKi7pE2CRrfa8uAxe-rvzjFhyDffbxnoYyEp_yIqRjZ7mmDof00X0SgMCDNqh1mfRlIossPnYWj3VFl90XFyRp3p3OJeZZAo/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/AVvXsEg8ufNCcFsMVPcdZ2L0JgySobR-eXETccmXf8Q0BwCjPBdN5HNvPXcdzG5Dg_Rgpvo3SQFySfMOZon7yaKMKc6rSbrTa2z_81P0lRJr1JI6eY_f_lAlW3NbfJ1LeFe8WAvfjUI16bv8ByY/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/AVvXsEjVrKtJq0IuBG9gEajXjEO_7olUr90of4S4gqV5Tkc_nxUxE-6lRlEofzhz2OfG0yx_PthO7rjPP_xljdAIjLKP6X7g_jKEFpMUibvYymI0Q7_pn98vBMKUReSSGEgToPdCDe7nbkFtDn4/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/AVvXsEjHOpDdi-eVsCr2BEj2ec61dwzG_8qZ1oHz745AHpS4R_pNDiA1AkD13FKYcet2oyzn2B5Ky40XarFFf0kcXg2KEjzzesChHXf4Uf4OAjBBWog9StaKuOmlOaWtNUMnskUNbrR0wKdXQWg/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/AVvXsEjdF6ObWNv8r90-T__uyu7sAzaSU1imeob0jKCUMUxOGhGIvw9xKkyZ7zv8XjDb5_MmtFUDQmR0geS5Jgmr8Fv5Zs8k15QZOW47arqpBYexXtKUNl0tOShQVDnCH9urGMUXuGUs-46trnM/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/AVvXsEjeJyJeY8XN2edTuY9JcJFO7z7d1_RGRWBv86-6mp82pIMNSr9K5IxT5hhS1bLxvTXB_Dr3iviY626zXfg5OoMl1GfyX9v-UBIL8rUTAmt32NmHLuCOuBsInX0hIEXAlriWF1dAIKJxKa4/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/AVvXsEjeJyJeY8XN2edTuY9JcJFO7z7d1_RGRWBv86-6mp82pIMNSr9K5IxT5hhS1bLxvTXB_Dr3iviY626zXfg5OoMl1GfyX9v-UBIL8rUTAmt32NmHLuCOuBsInX0hIEXAlriWF1dAIKJxKa4/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>

#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>

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[

//]]>
</script>

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>
');

}

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>

<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/AVvXsEiZ8CpFPc_narY7rS_ZZHfxWXV4SBzoJaHAJKuLwY971djV0Q51yudeO7tKrvImXsVY9aTjzfIYwFzLukXY2K3jiOg6TWXdL3N39NgP-kffjSLjl4Nn7jmMhtetgTdesVxFDVWDAnN77qc/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/AVvXsEjrDE5q0CzbN9DRKhyphenhyphenKOvm8Mqv8IxuZQKBf1f4wmPUgde3kJBzRYnnNdNj9bSv7FvBVWGtyrIMdsatTxodD-2Tzyruv0ZSUbXiLAG04ZIvBzUXiL0mRQVeNtEyw_AMYKgvZeKWDNbXsLpg/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/AVvXsEiUfAXfjFwVIaipnzQ0_n-zwhf3u6mU0uEvDmIO6TTJ9TzcLKk2ZKek0H6r6qYJc3u2t2VUJzQpZeNSc16azh4jCudiQ2NCeU9jf7hIlnWMvgNaGWDM8Hpf7wjL7oTHFBHVdv5IlCeTjQg/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/AVvXsEgDQwcy3h5G75D6fAJuVTzE5YTuzQqPXiJ58wwLTAfItibpsYG9Gm4WizSV_byGdnJlKBpf5kPIedl75tvLb2vcY_9HBUmE8nA4CeK4vVFdcgOgt-zqAZfteuVHfGZxBjNXOTkUOzIrlLk/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/AVvXsEh8TDslj9FntQYsv32qASKMsFOGhS5aMlnaexTIzA0kxYS1MKh7dDGeA04v9IpRpxORT3iUfJ2ejOrEnv2Wn_s0SzN3uIUV_dY4fd1U7xf_fVWKelGsyFF0lhPL9yZ2eGYm-WQkMt8hvZo/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/AVvXsEiMZiyPpDnFsVIhty2atUfghyRXb0Io4XtUY-I7zXaIH_zjpKxwMgM8ypdnvja5S4u2EpU_ORBZ8yYPeg_RIdnyBK1FrUymG9Hb98GOZ_RiUaMiFNspWwJS3WazGshK9-tk57B3ZUBH19Q/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/AVvXsEj8mJ_hJsoimH_tlkzj-3Vx3fPwqdUKeYVi0xpKulOsWHELh0MYmdlZ5ekvojoSGz40cE0eDjHAmy0qBhU9zgdGf2RWe6FOw5JVPAbNxzVRtgMlUGEZUe7-APpgSJiOXOCDpe0iAvPUHJU/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/AVvXsEhVOb6HrmMCxy2zWaliUsWKE1wKH8uKXNwxojHvpLeu7bTEz3hRjevBhLCA7JHRoosdY9IVYBWWj7o65MKLEbhOSNBiHiaVad61Ai5YHOVLDwGqCuGUnPONMelq5sB-fhcSfTixNrQNw5E/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/AVvXsEguWHgwFt1Aiuubejj6pykSe4H7ZjdKu-wTmax3HaxfmwXJvb3plCZ_9OPy9Be1_sNNL5sbYFRYXk9lVd96TGgd_VurwitOkv4OxLh2x8nnHR8Q6TP5GL9JOpujYAF2liu6y_b78gqWLcs/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='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>

<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'/>

// <![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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

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>

<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>

<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>

<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>

<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>

<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='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/AVvXsEic4n-le-LT30M8s6zwQhKonpnfN_Vmy7f6koVxpGXZEDm_sFuU9QEqKpKfzaafOo06ci67u1ErXXGN9vPMINc_t7S7wOLfJBb4ub9glAcZsT6a0C2zBu4_dzFeUgejr5G7ZVaUxY8IJ84/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/AVvXsEj0LK7hBSo-ovLCEpKlNLXHmdFYcKvPxGpIQ4qkKJf8h6pqRzgOtHa-YbvrTnW-ktDLKkUIpOLZF7IpxxAaVK16WuGr05J5Q61C_oXZCbwLbLkB5ig562GFevD4mk0xMVAfrj5WzG-zCPk/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/AVvXsEgl-yNmdvMi0CpFyf-0sbBx8oT24MgASnrJ5luqj25rWB764WSnJR8uQgd8WcAHcJ7QVKZega3LfiOdCC3Kr3SWuGhxFqTOCff2i3jcHKLtpYwlv3qsiqE3BW06gSu1gUQm7N4_N6tAYKM/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/AVvXsEiNJk176cvchN51a7s2nPsyAo0gIqLMU_rwCglYLwlM77kTvK_YcJxyIhoqDgyqa2zFNPXZrSlTxTXDK_xuufAyHXsF39jWBqL3c8EZlGN7AWi2mI9amyHqXoKJv78biVHMgj3M_q1KKI8/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/AVvXsEjQwiQxpRGVj6eYB-SLkUHW0BHwneasKfHBEiAANt1tILnXe6QW6DeIh9BjjwR31rCzeGSLIw2DNeH9Lzv5xHvtYY3FZjfHiTTm2LKtmz3OQk4eXrt9ir76hbAq-JBTndL-6gtnbqTrim8/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/AVvXsEgJuhhlqBcX43kBND70KasmNQO31Qt9WPG1tJYO7kJH06qDOYXrO2hfkzfVPeyciJ5IaubtiMqaJebK0P7uJxEQQdbWmAlRK0PSvQ1bE8gFyn5j0K39Gfkxm1xDGHFKkSzZJKn13UrcUlo/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/AVvXsEhLtiUA8J_w8aIYnTeaTwGbx2RIN5uiZx8wJ6G4U3J8phK2HXPmkODqdpif-CILtqbrX70t1YTUC-sq4hMTmZzhjo7EGuEbJvS722PdspuSCSlAPVz75cZrAKfJdH25flkkwT8m7s0lBPc/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/AVvXsEgRHEik3N4nzuRdPo4EsBnCyLxOxbP9nMNUPRxZYn5h46lIvh_gYuvr2Z1QtXvM-fSbJnzzkDidK7vlyUdMqHogOgEZsEg8Pl_m01EYfRaViCS23UeSNZOUL_aOuU1nOzEX0PLIV8un-xw/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/AVvXsEjSUiNb9xzgkDXv0sgIHAdB6LGN-d2dnyy1QAWxSWTTFAa_DweqTXwT58dg_CpWPTtjBX7is905AJXwtwQGMSv5F5RpW0Jzxc-5-dj2X6ChFHHRFB2WVRW9eIi-K4pgr739F69Vw2_laxQ/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/AVvXsEgLyzFCwPd42BxmUDexWcRaD5irGPnTT0b6TmLRsioGEufSydNVWUaazyXgf6tTDH9vl2eVvnDSU5l8m-_OFkAhwA_TPeI-WzEIRlXrbKPsOnwkq_bmqR6gV6Y3DiP-p4M6hcK_J-DomOg/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/AVvXsEjDS3JDtypGWq6YIIBGSq7EDgaHapiP5L0h-Em_XOu9vS7OyJXLOttIxaj_-mc6cM9EC9H_abf0mu_Pwgy4sajTMmSpWv0YRAgcVCJ2hJUl-ySNpoKW6oH1JTPty50osz_YnP3DjoPkT4Y/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 !

Cara mengganti tema blog dengan tampilan sangat menarik

0 Response to "Cara mengganti tema blog dengan tampilan sangat menarik"

Post a Comment