APLIKASI KOMPUTER /HP: Oktober 2011

<textarea style="width: 100%" dir="ltr" id="templateText" cols="50" rows="20" name="templateText"><?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 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'/>
    <title><data:blog.pageTitle/></title>
<meta content='download free computer games | play games online' name='description'/>
<META content='game online free, computer game reviews, computer game cracks, computer game,free computer game downloads,computer game cheats' name='keywords'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<meta content='all game pc' name='Author'/>
<meta content='global' name='distribution'/>
<meta content='http://www.freetemplatesblog.com/2011/08/game-pc.html' name='rating'/>
<meta content='EN' http-equiv='content-language'/>
<meta content='id,EN' name='geo.country'/>
<meta content='http://bestcomputergame.blogspot.com' name='copyright'/>
<b:skin><![CDATA[/*

-----------------------------------------------
Theme Name: game pc
Theme URI: http://freegamesps2.blogspot.com/
Author URI: http://bestcomputergame.blogspot.com/
Converted to blogger template by http://freegameponsel.blogspot.com/
Theme URI: http://freegamesps2.blogspot.com/
Date: 23 December 2011
Author URI: http://bestcomputergame.blogspot.com/
----------------------------------------------- */

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none;
}

.tabber{display:none;}
body {
    margin:0 auto;
    padding:0px 0 0px 0;
    background:#0E0F0F;
    font-family:Century gothic, Arial,Tahoma,sans-serif;
    color:#126A9B;
    font-size:13px;
    }

img {
    border:0;
    }

a {
    color:#888;
    text-decoration:none
    }
a:hover {
    color:#ddd;
    text-decoration:none
        }

h1, h2, h3, h4, h5, h6 {
    }

blockquote {
    padding-left:10px;
    color:#777;
    font-style: normal;
    }

.clear {
    clear:both;
    }

.alignleft {
    float:left;
    padding:3px 0 2px 5px;
    }

.alignright {
    float:right;
    padding:3px 5px 2px 0px;
    }


/* The Wrapper */

#wrapper {
    width:1000px;
    margin:0 auto;
    }


/* The Top */

#top {
    height:110px;
    margin:auto;
    background:#393f42 url(http://img65.imageshack.us/img65/3636/topfh9.png) top repeat-x;
    width:1000px;
    }

.blogname {
    width:600px;
    font-family:Century gothic,Verdana,Tahoma,sans-serif;
    margin:20px 0 0 0px;
    float:left;
    background-repeat:no-repeat;
    }

.blogname h1 {
    font-size:38px;
    padding:0 0 5px 0;
    font-weight:normal;
    color:#cacccd;
    text-align:left;
    margin:0px 0 0 25px;
    }

.blogname h1 a:link, .blogname h1 a:visited{
    color: #cacccd;
    display:block;
    }

.blogname h1 a:hover {
    color: #eee;
    }
.blogname h2 {
    margin:2px 20px 0px 20px;
    font-size:15px;
    font-weight:normal;
    color:#949fa5;
    text-align:left;
    }

#topbar {
    height: 29px;
    margin-bottom: 0px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLM1GN8fHoxoe9VpUXtiZD2mwrc4K4AX9_OvY5LhxVAVP-REBfnCy4i376N1ne-bjTDk60Cs5airKaVrBJ28Zm1mSpwib9gSScU831_nBE3D84CIl-aTptLLax6harB9ykINvyyiyifcY/s1600/topbar.jpg) repeat-x;
    font-family:Century gothic, Arial,Tahoma,sans-serif;
}

#topbar #dates {
    float: right;
    height: 25px;
    padding-right: 15px;
    padding-left: 25px;
    font-size: 13px;
    color: #AFAFAF;
    margin: 4px 0 0 15px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhccoe7dFgVWG17Xrv6kFH-wRsXYDjaamD8ANLgGf9NnRciHnLEg0O0RNoEKJ9Cq1iaGqCkGqfD4vjpIEK-937NglVLEJCp5_I6nZQkU1L0tTBhpSFdfm2kJFYfMWWWHmGTRvswlDbjQYE/s1600/date.png) no-repeat;
}

#topbar ul {
    float: right;
    display: inline;
    height: 23px;
    padding-right: 10px;
    margin:0px 0px
}

#topbar ul li {
    float: left;
    margin-left: 20px;
    display: inline;
    height: 20px;
}

#topbar ul li a:link,#topbar ul li a:visited{
    height: 20px;
    line-height: 25px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKr3QftSqZeCBiM259VOEU3ppVqDUC97LJTR1NrWHB5sfkiWY2lBXoQfxZ-kmGmYbMgH6PLwhzG-5MhWye_rAIUF0IdGG9BO65Czg5yPgDm_K4qNwr-YEW5l-6XvxLMI8UhlfdCVmledg/s1600/rss.png) no-repeat;
    background-position: left;
    padding-left: 20px;
    font-size: 13px;
    font-weight:normal;
    color: #AFAFAF;
}

#topbar ul li a:hover {
    color: #AFAFAF;
}

/* The Search */

#search {
    height:28px;
    width:auto;
    padding-top:5px ;
    margin-right:15px;
    margin-top:78px;
    width:233px;
    float:right;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHYWPstpEnHHeRv50Wrm8ecte-CWSwe1bL6yzYnsGdA7uUoI9OsWg4VJ0x4PQfvrmizY1ha8O6nJfBvRRJPIMS3rEzKsUtHGMtU3JqjzKmbkhVtI41w9W-rRnl0BY6wESM68h8nxXbQe4/s1600/search.jpg);
}

#search form {
    margin: 0;
    padding: 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search p {
    margin: 0;
    font-size: 85%;
}

#s {
    margin-left:10px;
    float: left;
    width:145px;
    padding: 4px 7px;
    background:#fff url(http://i36.photobucket.com/albums/e2/alvaris924/Zinmag%20Remedy%20Project/form.gif) repeat-x;
    border:1px solid #fff;
    font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
    color:#B71C1A;
}

#searchsubmit {
    width:48px;
    float: left;
    margin-left: 5px;
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJCZiERXOOXzfCpW6Ur0bHxUVpbSAgAmXGExMTitu38kl_-ZkaiGcQLtCyCcAPgRfMxCietFYX-9Iq-S8_WZ7r76oeYBl3JQKvIMJMgG0gqqHCWIUycuhQ81w2d9_dOpGwiyp_JoVTzKA/s1600/submit.jpg);
    border:1px solid #30627e;
    font: bold 100% "century gothic", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    height:27px;
}

.feed{
    width:288px;
    height:34px;
    margin:5px 0px 0 0;
    background:#232628 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIGYpfx3YZXShWruZPHrpKXM4yZ9yIEPRNZTnxjFO8VtFfy_9O26rz7OR2vPTHaOPWplXB5SZ6yzIa1rJKozsHSRTYPWMLnZbeVPbso23DHoQRtbR3TeXIyqMmHSUA65jbkEZGvIx_zA/s1600/feed.jpg) top no-repeat;
    padding:30px 5px 0 5px;
    border:1px solid #404548;
}

.rssicon{
    float: left;
    margin:0px 2px 0 3px;
}

.input{
    margin-left:5px;
    float: left;
    width: 200px;
    padding: 2px 3px;
    background: #EFEFEF url(http://i36.photobucket.com/albums/e2/alvaris924/Zinmag%20Remedy%20Project/form.gif) repeat-x;
    border: 1px solid #FFFFFF;
    font: normal 100% "century Gothic", Arial, Helvetica, sans-serif;
    color:#333;}
.sbutton {
    margin-right:10px;
    float: right;
    margin-top: 0px;
    background: #167498;
    border: none;
    font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    height:24px;
    line-height:24px;
    }

/*top menu*/

#foxmenucontainer{
    height:29px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiiQ9cEkyTRoeuvcEyId3R6yulJKsofMecfmpG7fdjTKfc4cTYMIC34UcVn_XhkwEKYZVW22r9aXT7BAIX21jgqOddu3zXjjsIhD6QoGyVAt8S53su0Y_SSEixZxeJYa6quo536hAVchs/s1600/menu.jpg) repeat-x;
    display:block;
    padding:0px 0 0px 0px;
    border-top:1px solid #474747;
    font: 14px "Century gothic",verdana, Arial, sans-serif;
    font-weight:normal;
    }

#menu ,#menu ul {
    margin: 0px 5px;
    padding: 0px;
    list-style: none;
    height:29px;
    }

#menu a {
    color: #B3DBEF;
    display: block;
    font-weight: normal;
       padding: 4px 10px 6px 10px;
    }

#menu a:hover {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG9rqX2zn__bGHYAYWyBcNAki6zKdVT0NgZcqCcy-0MQPvcSmZkBZFz7cMB8vDpEhr6d5WBYqhrOeVr6mVa1WWVDdi1wo4v3cfuwHn3PVar2tkHuZ9qWFa-rXp8hQm8Zlap567H7_b26Q/s1600/menuhov.jpg) repeat-x;
    color: #fff;
    display: block;
    text-decoration: none;
    }

#menu li {
    float: left;
    margin: 0px 0 0px 0;
    padding: 0px;
    }

#menu li li {
    float: left;
    margin: px 0px 0px 5px;
    padding: 0px;
    width: 130px;
    }

#menu li li a, #menu li li a:link, #menu li li a:visited {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiiQ9cEkyTRoeuvcEyId3R6yulJKsofMecfmpG7fdjTKfc4cTYMIC34UcVn_XhkwEKYZVW22r9aXT7BAIX21jgqOddu3zXjjsIhD6QoGyVAt8S53su0Y_SSEixZxeJYa6quo536hAVchs/s1600/menu.jpg) repeat-x;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 4px 10px 5px 10px;
    color:#fff;
    }

#menu li li a:hover, #menu li li a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG9rqX2zn__bGHYAYWyBcNAki6zKdVT0NgZcqCcy-0MQPvcSmZkBZFz7cMB8vDpEhr6d5WBYqhrOeVr6mVa1WWVDdi1wo4v3cfuwHn3PVar2tkHuZ9qWFa-rXp8hQm8Zlap567H7_b26Q/s1600/menuhov.jpg) repeat-x;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 4px 10px 5px 10px;
    color:#06415F;
    }

#menu li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    z-index:1;
    }

#menu li:hover ul {
    left: auto;
    display: block;
    }

#menu li:hover ul, #menu li.sfhover ul {
    left: auto;
    }

#catmenucontainer{
    height:29px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUOZ8n9cOqh6PThH5pMzZ1APZsAryMODq4Y9KBug0ojhs_8MwLSVxWawOy9PnHyyX67I8AJu1O7fLeFbys0_zYfasT6yK0hndZwHFb19v8MhwncbxYFri-n50QpSFhDtgJ3dktFUF9i9A/s1600/catmenu.jpg) repeat-x;
    display:block;
    padding:0px 0 0px 0px;
    font: 14px "Century gothic",verdana, Arial, sans-serif;
    font-weight:normal;
    border-top:1px solid #686D6F;
    }

#catmenu ,#catmenu ul {
    margin: 0px 5px;
    padding: 0px;
    list-style: none;
    height:29px;
    }

#catmenu a {
    color: #999;
    display: block;
    font-weight: normal;
    padding: 4px 10px 6px 10px;
    }

#catmenu a:hover {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2EXYyY5TOTT76C7DPzyLutRz_mPgq7nJoK2Fl0aUsYZSsWE9Bn_WoX5K_NpawVztn1DHYR1sEMvLB9F35ghkNoWAFIZkCLGL-88Ouc29dIkZNI6DKwThLOn4uE899TB37neBhkPFMgrM/s1600/catmenuhov.jpg) repeat-x;
    color: #fff;
    display: block;
    text-decoration: none;
    }

#catmenu li {
    float: left;
    margin: 0px;
    padding: 0px;
    }

#catmenu li li {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 130px;
    }

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUOZ8n9cOqh6PThH5pMzZ1APZsAryMODq4Y9KBug0ojhs_8MwLSVxWawOy9PnHyyX67I8AJu1O7fLeFbys0_zYfasT6yK0hndZwHFb19v8MhwncbxYFri-n50QpSFhDtgJ3dktFUF9i9A/s1600/catmenu.jpg) repeat-x;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 4px 10px 5px 10px;
    color:#E8EBEE;
    border-bottom:1px solid #2C3133;
    }

#catmenu li li a:hover, #catmenu li li a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2EXYyY5TOTT76C7DPzyLutRz_mPgq7nJoK2Fl0aUsYZSsWE9Bn_WoX5K_NpawVztn1DHYR1sEMvLB9F35ghkNoWAFIZkCLGL-88Ouc29dIkZNI6DKwThLOn4uE899TB37neBhkPFMgrM/s1600/catmenuhov.jpg) repeat-x;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 4px 10px 5px 10px;
    color:#fff;
    border-bottom:1px solid #2C3133;
    }

#catmenu li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    z-index:1;
    }

#catmenu li:hover ul {
    left: auto;
    display: block;
    }

#catmenu li:hover ul, #catmenu li.sfhover ul {
    left: auto;
    }


/* Main Content*/

#casing {
    padding:0px 0px 10px 0px;
    background:#393f42 url(#) bottom right;
    background-repeat:no-repeat;
    }

#content {
    float:left;
    width: 690px;
    height:100%;
    padding:5px 0px 0px 0px;
    }

.title{
    margin: 0 0 0 0px;
    padding: 5px 0px 2px 5px;
    background:#292D2F;
    border-bottom:1px solid #222629;
}

.time{
    text-align:left;
    width:100px;
    margin-top:2px;
    font-family:Century gothic,Verdana,Helvitica,sans-serif;
    padding:1px 0 0 0px;
    color:#fff;
    float:right;
    }

.date {
    font-size:13px;
    font-family:century gothic,Verdana,Helvitica,sans-serif;
    padding:0px 5px;
    font-weight:normal;
       color:#04689A;
    }

.single {
    width:680px;
    margin: 0px 5px 5px 5px;
    height:100%;
    color:#AFAFAF;
    font: 13px century gothic,Arial,verdana, sans-serif;
    border:1px solid #222629;
    }

.single h2 {
    margin: 0px 0 5px 0;
    padding: 3px 0px 0px 5px;
    text-align: left;
    font: 24px century gothic,Arial,verdana, sans-serif;
    font-weight:bold;
    overflow:hidden;
    }

.single h2 a, .single h2 a:link, .single h2 a:visited {
    color:#C5C5C5;
    background-color: transparent;
    }
.single h2 a:hover {
    color: #FEFEFE;
    background-color: transparent;
    }

.author{
    color:#04689A;
    padding:0px 0 0px 0px;
}
.clock{
    color:#04689A;
    padding:0px 0 4px 10px;
}

.singleinfo {
    height:25px;
    margin: 0 0 0 0px;
    padding: 0px 0px 0px 0px;
    background:#292d2f;
    color:#fff;
    border-top:1px solid #222629;
            }

.comm{
    padding:2px 0 2px 25px;
    float:left;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxc9jKhpJGGFD5MKs6QmA1ulc1-3KozFpkFrfOxkth84yFBS0fDV-tbjSA4HxBjzpZ00R7B3WUE5Og6vn_bsCzhmTQMfgZRthiVFtVUB8IhP9q8VYPHL4Wwmw4EQ9MoOIpD_f4cgVrS3E/s1600/comm.jpg)no-repeat;
}

.comm a:link,
.comm a:visited {
    color:#fff;
}
.comm a:hover{
    color:#fff;
}

.postmore{
    padding:2px 5px 2px 25px;
    float:right;
    font-weight:bold;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglgbHYIE7noSAwvj-h9KJUGTnpCB9Wg8iHHb1RRlxgXEUwN8_b4w1wATikxU6z3D0nf3HfGP_29GqtVzezwmvEpwNOpFQdMuNPCH2I2DIDNbrIv1hKseOnDG1KucOIMU64CG6VJYuhRg4/s1600/pmore.jpg) left no-repeat;
}

.postmore a:link,
.postmore a:visited {
    color:#fff;
}
.postmore a:hover{

    color:#fff;
}
.category{
    padding:3px 5px 1px 0px;
    margin-left:5px;
    font:13px century gothic,Arial,verdana, sans-serif;
}

.category a:link,.category a:visited{
    color:#7F7F7F;
    }
.category a:hover{
    color:#eee;
    }

.entry {
    margin:0 0;
    padding: 10px 5px 5px 5px;
    background:#2E3335;
    }

.entry a:link,
.entry a:visited {
    color: #465f7b;
    background-color: transparent;
}
.entry a:hover {
    color:#2b77cd;
    background-color: transparent;
    text-decoration: none;
}
.entry img {
    border:0;
    padding:4px 4px;
    background:#111;
    border:1px solid #232628;
    margin:2px 5px 5px 0px;
    }

.entry p{
    margin:5px 5px;
}

/* sidebar */
#rightcol{
    float:right;
    width:304px;
    padding:0 0 10px 0;
}

/* The Sidebar1 */
.sidebar1{
    float:left;
    width:147px;
    padding-top:5px;
    font-size:14px;
    font-family:Century gothic, Arial, sans-serif;
    }

.sidebar1 h2 {
    height:27px;
    line-height:27px;
    font-size:16px;
    color:#eee;
    margin:5px 0 0 0 ;
    padding:0px 0 0 5px;
    background:#232628;
    font-weight:bold;
    }
.sidebar1 ul {
    list-style-type: none;
    margin: 0 ;
    padding: 0;
    }

.sidebar1 ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 10px 0px;
    background-repeat:no-repeat;
    }

.sidebar1 ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }

.sidebar1 ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }

.sidebar1 ul li {
    color:#787d7f;
    text-decoration: none;
    padding: 5px 0px 5px 5px;
    display:block;
    background:#2e3335;
    border-bottom:1px solid #2a2e30;
    }

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
    height:100%;
    line-height:18px;
    }

.sidebar1 ul li a:hover {
    background-repeat:no-repeat;
    color: #d4d4d4;
    }

.sidebar1 p {
    padding: 7px 10px;
    margin:0;
    }

.sidebar1 table {
    width:100%;
    text-align:center;
    background:#2e3335;
    color:#787d7f;
    }

#ArchiveList ul li {
    color:#787d7f;
    text-decoration: none;
    padding: 5px 0px 5px 5px;
    display:block;
    background:#2e3335;
    border-bottom:1px solid #2a2e30;
    }


/* The Sidebar2 */
.sidebar2{
    float:right;
    width:147px;
    padding-top:5px;
    padding-right:5px;
    font-size:14px;
    font-family:Century gothic, Arial, sans-serif;
    color: #ffffff;
    }

.sidebar2 h2 {
    height:27px;
    line-height:27px;
    font-size:16px;
    color:#eee;
    margin:5px 0 0 0 ;
    padding:0px 0 0 5px;
    background:#232628;
    font-weight:bold;
    }
.sidebar2 ul {
    list-style-type: none;
    margin: 0 ;
    padding: 0;
    }

.sidebar2 ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 10px 0px;
    background-repeat:no-repeat;
    }

.sidebar2 ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }

.sidebar2 ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }

.sidebar2 ul li {
    color:#787d7f;
    text-decoration: none;
    padding: 5px 0px 5px 5px;
    display:block;
    background:#2e3335;
    border-bottom:1px solid #2a2e30;
    }

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
    height:100%;
    line-height:18px;
    }

.sidebar2 ul li a:hover {
    background-repeat:no-repeat;
    color: #d4d4d4;
    }

.sidebar2 p {
    padding: 7px 10px;
    margin:0;
    }

.sidebar2 table {
    width:100%;
    text-align:center;
    background:#2e3335;
    color:#787d7f;
    }


#wp-calendar{
    width: 100%;
    padding: 0 0 15px;
    background:#496E80;
}

#wp-calendar caption{
    padding: 5px 5px ;
    font-size:16px;
    background:#d9e2e6;
}

#wp-calendar th, #wp-calendar td{
    padding: 5px;
    text-align:center;
    background:#aaa;
    color:#EBF0F2;
}

#wp-calendar td a{
    background:#fff;
    padding: 5px;
}
#wp-calendar td{
    background:transparent;
}
#wp-calendar td, table#wp-calendar th{
    padding: 2px 0;
}


/* --- FOOTER --- */

#footer {
    height:40px;
    padding:5px 0 0 10px;
    color:#999;
    font-size:12px;
    font-weight:normal;
    text-align:center;
    letter-spacing:1px;
    font-family: Century gothic, georgia, Arial, sans-serif;
    }

#footer a:link , #footer a:visited{
    color:#E8EBEE;
    }

#footer a:hover {
    color:#fff;
    }

/* The Navigation */

#navigation {
    width:685px;
    margin:0px 0px 5px 5px;
    height:20px;
    float:right;
    }


/* The Attachment */

.contentCenter {
    text-align:center;
    }


/* The Page Title */

h2.pagetitle {
    padding:0;
    margin:10px 0 20px 0;
    font-size:20px;
    text-align:center;
    color:#eee;
    }

/* The Comments */

.comments {
    padding-left:10px;
    }
.comments form {
    }
.comments textarea {
    width:90%;
    height:156px;
    background:#fff;
    border:1px solid #D0D0D0;
    color:#444;
    padding:10px;
    overflow:auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;

    }
h3 #comments-count {
    font-weight:bold;
    font-size:18px;
    margin:0 0 0 20px;
}

#commentform {
    padding-left:23px;
    }
#commentform input {
    background:#fff;
    border:1px solid #D0D0D0;
    color:#333;
    padding-left:10px;
    }
.comments input#submit {
    padding:0;
    width:72px;
    height:25px;
    background:#167498;
    border:1px solid #368FAF;
    color:#fff;
    }
.comments h2 {
    font-size:19px;
    line-height:30px;
    margin:24px 0 0 10px;
    padding:0;
    font-weight:normal;
    }
.comments ol li p {
    padding:0;
    margin:10px 0;
    color:#ccc;
    }
.commentmeta small{
    color: #fff;
}

/*Featured*/
.featout{
    width:670px;
    overflow: hidden;
    padding:5px 5px;
    margin:0px 4px 5px 5px;
    background:#2e3335;
    border:1px solid #272b2d;
}
.featured{
    width:670px;
    overflow: hidden;
    padding:5px 0px 2px 0px;
    margin:0px 0px 0px 0px;
    background:#39525e;
    font-family:Century gothic,Verdana,Helvitica,sans-serif;
}
.featured h2{
    font-size:22px;
    margin:3px 0 4px 5px;

}
.featured h2 a, .featured h2 a:link, .featured h2 a:visited {
    color: #fff;
    background-color: transparent;
    }
.featured h2 a:hover {
    color: #fff;
    background-color: transparent;
    }

.fentry{
    height:auto;
    overflow:hidden;
}

.cat{
    padding:1px 5px 1px 10px;
    font-size:12px;
    }

.cat a:link,.cat a:visited{
    color:#ac2d2d;
    }
.cat a:hover{
    color:#ac2d2d;
    }
.cats{
    margin:1px 5px 1px 0px;
    font-size:13px;
    margin-left:5px;
    color:#24a1cc;
}
.cats a:link,.cats a:visited{
    color:#24a1cc;
    }
.cats a:hover{
    color:#24a1cc;
    }

.fentry p{
    margin: 5px 5px;
    color:#c2d4dd;
    line-height:20px;
}
.fentry img {
    border:0;
    float:left;
    padding:4px 4px;
    background:#1E1F20;
    border:1px solid #1E1F20;
    margin:2px 5px 5px 5px;
    }

.featmeta{
    height:22px;
    text-align:right;
    padding:3px 5px 0 0;
    background:url(http://i36.photobucket.com/albums/e2/alvaris924/Zinmag%20Remedy%20Project/readm.jpg) right no-repeat;
}
.featmeta a:link,.featmeta a:visited{
    color:#3c2e1b;
    font-weight:bold;
    text-decoration:none;
    }

/*magbox*/

.post {
    width: 336px;
    margin: 0px 0px 5px 5px;
    padding:3px 0 0 0;
    float: left;
    background:#ebe1d2;
    border:1px solid #ded5c9;
    display:inline;
    color:#6c5b42;
    font-style:italic;
    font-family:Georgia,century gothic,Arial,verdana, sans-serif;
    }

.post h2 {
    margin: 0px 0 0px 0;
    padding: 0px 0px 3px 0px;
    text-align: left;
    font-size: 18px;
    overflow:hidden;
    font-weight:normal;
    height:20px;
    }

.post h2 a, .post h2 a:link, .post h2 a:visited {
    color:#354151;
    background-color: transparent;
    }
.post h2 a:hover {
    color: #354151;
    background-color: transparent;
    }

.postinfo {
    height:28px;
    margin: 0 0 0 0px;
    padding: 2px 0px 0px 0px;
    background:#34424F url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2EXYyY5TOTT76C7DPzyLutRz_mPgq7nJoK2Fl0aUsYZSsWE9Bn_WoX5K_NpawVztn1DHYR1sEMvLB9F35ghkNoWAFIZkCLGL-88Ouc29dIkZNI6DKwThLOn4uE899TB37neBhkPFMgrM/s1600/catmenuhov.jpg)repeat-x;
    }

.categ {
    height:14px;
    margin: 1px 0 0 0px;
    padding: 0px 0px 2px 0px;
    overflow:hidden;
    font-size:12px;
    }

.categ a:link,.categ a:visited{
    color:#4395be;
    }
.categ a:hover{
    color:#ddd;
    font-weight:normal;
    }

.centry a:link,
.centry a:visited {
    color: #943d39;
    background-color: transparent;
}

.post img {
    border:0;
    float:left;
    padding:4px 4px;
    background:#fff;
    border:1px solid #ddd;
    margin:2px 5px 2px 0px;
    }

.centry p{
    margin:2px 0;
}
.centry a:hover {
    color:#c6150c;
    background-color: transparent;
    text-decoration: none;
}

.centry {
    margin:0 0;
    padding: 0px 5px 5px 5px;
    height:120px;
    overflow:hidden;
    }

#bottom{
    width:100%;
    padding:0px 0 0px 0;
    margin-bottom:10px;
    float:left;
}

.videopost{
    width:336px;
    margin-left:5px;
    padding: 0px 0px ;
    float:left;
    display:inline;
    font-family:Georgia,century gothic,Arial,verdana, sans-serif;
    background:#2e3335;
    border:1px solid #272B2D;
}
.videoposttitle{
    margin:0px 0 0px 0;
    padding:2px 0 2px 3px;
    font-size:18px;
    height:30px;
    background:#292D30 url(#) no-repeat;
    font-weight:normal;
}
.videoentry{
    margin:0px 0 0px 0;
    padding:5px 5px ;
}
.bottompost{
    width:336px;
    margin-left:5px;
    padding: 0px 0px ;
    float:left;
    display:inline;
    font-family:Georgia,century gothic,Arial,verdana, sans-serif;
    background:#2e3335;
    border:1px solid #272B2D;
}

#myslides{
background:#2c3133;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 972px; /*Width of Carousel Viewer itself*/
height: 165px; /*Height should enough to fit largest content's height*/
margin: 0px 14px 5px 14px;
background:#2c3133;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 17px ; /*margin around each panel*/
width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#202325;
height:140px;
border:1px solid #393f42;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/
}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 10px; /*margin around each panel*/
padding:0px 0px;
}

#ad1{
    padding:2px 0;
    height:20px;
    width:680px;
    background:#2c3133;
    border:1px solid #272c2e;
    margin:5px 5px;
    text-align:center;
}

.ad2{
    text-align:center;
    margin:5px auto;
}

.banner{
    margin: 0px 0 0 0;
    padding: 0px 0 0 0px;
    width:298px;
    border-left:1px solid #404548;
    border-right:1px solid #404548;
    border-bottom:1px solid #404548;
    background:#2c2f31;
    float:left;
}
.bannerhead{
    margin: 5px 0 0 0;
    padding: 0px 0 0 0px;
    width:298px;
    height:30px;
    background: #222627 url(#) no-repeat;
    border-left:1px solid #404548;
    border-right:1px solid #404548;
    border-top:1px solid #404548;
}
.banner ul {
       margin: 0px 0px;
    padding: 0px 0px;
    overflow: auto;
}

.banner li{
    height:125px;
    width:125px;
    margin: 6px 6px ;
    padding:5px 5px;
    list-style:none;
    display : block;
    display:inline;
    float:right;
    background:#393f42;
}

.banner li a:link, .banner li a:visited {
    text-decoration: none;
}

/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;

}

/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
background:#333;

}
.tabberlive {
margin-top:0px;
margin-left:0px;
margin-right:0px;
}

/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding:8px 0 0 0;
font: 13px century gothic,Verdana, sans-serif;
background:#2e3335;
height:25px;
}

ul.tabbernav li
{
list-style: none;
margin:5px 0;
display: inline;
color:#5AB7D8;
}

ul.tabbernav li a
{
    padding: 4px 0.5em;
    margin-left: 5px;

    background:#02689a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsoHhZ-7aJCl09ydok3xktmS5XOYTzo82vx_UwSK4uBQS1ncqLgcxJMj93h8WO9tLQ_l7U2uxPneE0H9Ly1HaOsEzhJDl5FH6bdK3niyKyVMV4dH7bRnekp-DpLgVg_t90bayy4rN1XLI/s1600/taba.jpg) repeat-x;
    text-decoration: none;
}

ul.tabbernav li a:link { color:#F3F3F3; }
ul.tabbernav li a:visited { color:#F3F3F3; }

ul.tabbernav li a:hover
{
color: #fff;
background:#3B4044 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8JWOJqJx-nMSxSVC1sQWHYOpUe5RdOWo7_ek11oPno-P8vouW3O2-JHIvHXVaGQQxkCAQUfAx5ONg9WBZPZQVepHUEzC6ZRT7GsvKPfHNDSLG-7LTjEbxaRkN5AKoYtqffhy0gUtPkAU/s1600/tabh.jpg) repeat-x;
}

ul.tabbernav li.tabberactive a
{
color: #fff;
background-color: #125F7D;
background:#3B4044 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8JWOJqJx-nMSxSVC1sQWHYOpUe5RdOWo7_ek11oPno-P8vouW3O2-JHIvHXVaGQQxkCAQUfAx5ONg9WBZPZQVepHUEzC6ZRT7GsvKPfHNDSLG-7LTjEbxaRkN5AKoYtqffhy0gUtPkAU/s1600/tabh.jpg) repeat-x;
}

ul.tabbernav li.tabberactive a:hover
{
color: #fff;
background:#3B4044 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8JWOJqJx-nMSxSVC1sQWHYOpUe5RdOWo7_ek11oPno-P8vouW3O2-JHIvHXVaGQQxkCAQUfAx5ONg9WBZPZQVepHUEzC6ZRT7GsvKPfHNDSLG-7LTjEbxaRkN5AKoYtqffhy0gUtPkAU/s1600/tabh.jpg) repeat-x;
}

/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
    padding:3px 0 0 0;
    background:#2e3335;

    font: 13px century gothic,Verdana, sans-serif;
    color:#aa9f9b;

/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

/* overflow:auto; */
}

.tabberlive .tabbertab p{
    margin:0px 4px 5px 4px;
}
.tabberlive .tabbertab a{
    color:#fff;
}

.tabberlive .tabbertab a:hover{
    color:#6AC9E9;
}
.tabberlive .tabbertab li {
    list-style:none !important;
    list-style:outside;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }

.tabberlive .tabbertab ul {
    list-style:none;
    margin:0px 5px 15px 5px;
    padding:0px 0px 0px 0px;
    }

.tabberlive .tabbertab ul li {
    color:#777;
    display:block;
    background:#363c3f;
    border:1px solid #363c3f;
    padding:5px 0px 5px 5px;
    }

.tabberlive .tabbertab ul li a {
    list-style:none;
    color:#aa9f9b;
    margin:2px 0px 2px 0px;
    width:auto;
    }

.tabberlive .tabbertab ul li a:hover {
    color:#fff;
    border:1px solid #363c3f;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}

.minipost {
    width: 336px;
    float:left;
    margin: 0px 0px 5px 5px;
    padding:3px 0 0 0;
    background:#2e3335;
    border:1px solid #272b2d;
    display:inline;
    color:#222;
    font-family:century gothic,Arial,verdana, sans-serif;
    }

.minipost h2{
    margin: 0px 0 0px 0;
    padding: 0px 0px 3px 0px;
    text-align: left;
    font-size: 20px;
    overflow:hidden;
    height:20px;
}
.minipost h2 a:link, .minipost h2 a:visited{
    color:#c5c5c5;
}
.hentry {
    height:145px;
    padding:0px 5px 2px 5px;
    overflow:hidden;
}
.hentry p{
    margin:5px 5px;
    color:#6b7478;
}

.hentry img {
    border:0;
    float:left;
    padding:4px 4px;
    background:#1e1f20;
    border:1px solid #393f42;
    margin:2px 5px 5px 0px;
    }
.meta{
    color:#226b91;
    height:21px;
    text-align:right;
    padding:2px 10px 0 0;
    background:#292d2f ;
    border-top:1px solid #272b2d;
}

.cat{
    float:left;
    font-size:13px;
    color:#226b91;
    padding: 0 0 0 10px;
}

.cat a:link,.cat a:visited{
    color:#235B76;
    }
.cat a:hover{
    color:#2E9FD7;
    }

.featlist {
    width:300px;
    }
.highlight{
    margin-top:4px;
    height:30px;
    background:#232628 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_cOu1exR5PbC5ieOEjGbHXbwsElX-CA8m7XJaP9oFYbH-P9CUS1noDlZbBBklZ1LeBaGXwNztwGjpn0rpnr2lp_Brvpo8f9akuhJPXi5XKlT1QLttuBPsBBji4GrXCfrCpIHDVFBFjA/s1600/hreel.jpg) no-repeat;
    border:1px solid #404548;
}
.fblock h2{
    margin: 0px 0 0px 0;
    padding: 0px 0px 3px 0px;
    text-align: left;
    font-size: 16px;
    overflow:hidden;
    height:16px;
}
.fblock h2 a:link, .fblock h2 a:visited{
    color:#fff;
}
.fblock {
    width: 298px;
    float:left;
    margin: 5px 0px 0px 0px;
    padding:0px 0 0 0;
    background:#2e3335;
    border:1px solid #404548;
    display:inline;
    color:#222;
    font-family:century gothic,Arial,verdana, sans-serif;
}

.fblock:hover {
    width: 298px;
    float:left;
    margin: 5px 0px 0px 0px;
    padding:0px 0 0 0;
    background:#232628;
    border:1px solid #404548;
    display:inline;
    color:#222;
    font-family:century gothic,Arial,verdana, sans-serif;
}

.fblock p{
    margin:5px 5px;
    color:#6b7478;
}

.fblock img {
    float:left;
    border:1px solid #393F42;
    margin:5px 5px 5px 5px;
    padding:0 0;
    }

.fcats{
    overflow:hidden;
    font-size:12px;
    color:#DAD0C1;
    padding: 0 0 0 0px;
    margin:1px 0 0px 0;
    height:15px;
}
.fcats a:link,.fcats a:visited {
    overflow:hidden;
    font-size:12px;
    color:#83A1AF;
    padding: 0 0 0 0px;
    margin:0px 0 0px 0;
    height:13px;
}
.auth{
    overflow:hidden;
    font-size:12px;
    color:#DAD0C1;
    padding: 0 0 0 0px;
    margin:0px 0 0px 0;
}

.fmeta{
    overflow:hidden;
    font-size:12px;
    color:#DAD0C1;
    padding: 0 0 0 0px;
    margin:0px 0 0px 0;
}

.fmeta a:link,.fmeta a:visited{
    overflow:hidden;
    font-size:12px;
    color:#83A1AF;
    padding: 0 0 0 0px;
    margin:0px 0 0px 0;
}

#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}

]]></b:skin>
<script src='http://web2feel.com/remedy/wp-content/themes/zinmagremedy/js/jquery.js' type='text/javascript'/>
<script src='http://web2feel.com/remedy/wp-content/themes/zinmagremedy/js/glide.js' type='text/javascript'/>
<script src='http://web2feel.com/remedy/wp-content/themes/zinmagremedy/js/tabber.js' type='text/javascript'/>
<script src='http://web2feel.com/remedy/wp-content/themes/zinmagremedy/js/slider.js' type='text/javascript'/>
<script type='text/javascript'><![CDATA[//><!]]></script>
</head>

<body>


<div id='wrapper'>

<div id='topbar'>
    <ul>
    <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Post RSS'>Posts RSS</a></li>
    <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
    </ul>
</div>


<div id='top'>


<div class='blogname'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='APLIKASI KOMPUTER /HP (Header)' type='Header'>
<b:includable id='title'>
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
</b:includable>
<b:includable id='description'>
<div id='subtitle'>
    <h2><data:description/></h2>
</div>
</b:includable>
<b:includable id='main'>
<b:include name='title'/>
<b:include name='description'/>
</b:includable>
</b:widget>
</b:section>
</div>


<div id='search'>
<form action='/search' id='searchform' method='get'>
    <input id='s' name='q' type='text' value=''/>
    <input id='searchsubmit' type='submit' value=''/>
</form>
</div>

</div>



<div id='foxmenucontainer'>
<div id='menu'>
<ul>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#' title='#'>About</a></li>
    <li><a href='#' title='#'>Mail signup</a>
      <ul>
        <li><a href='#' title='#'>Page</a></li>
      </ul>
    </li>
    <li><a href='#' title='#'>About</a></li>
    <li><a href='#' title='#'>Edit</a></li>
</ul>
</div>
</div>


<div class='clear'/>


<div id='catmenucontainer'>
<div id='catmenu'>
<ul>
    <li><a href='#' title='#'>Game Action</a>
      <ul class='children'>
        <li><a href='http://bestcomputergame.blogspot.com/2009/06/age-of-empires-ii.html' title='game strategi'>Game Strategi</a>
        </li>
        <li><a href='http://bestcomputergame.blogspot.com/2009/06/virtua-fighter-5.html' title='virtua fighter'>Game virtua fighter</a>
        </li>
        <li><a href='http://bestcomputergame.blogspot.com/2009/05/need-for-speed-prostreet-for-mobile.html' title='need for speed'>Game need for speed</a>
        </li>
      </ul>
    </li>

    <li><a href='#' title='free game mobile'>free game mobile</a>
      <ul class='children'>
        <li><a href='http://freegameponsel.blogspot.com/' title='free games mobile'>free games ponsel</a>
        </li>
        <li><a href='#' title='#'>ringtone</a>
        </li>
        <li><a href='#' title='#'>thame</a>
          <ul class='children'>
            <li><a href='http://walpeperr.blogspot.com/' title='free wallpapers mobile'>wallpapers</a>
            </li>
          </ul>
        </li>
    </ul>
    </li>

    <li><a href='#' title='#'>News Mobile</a>
      <ul class='children'>
        <li><a href='http://hp-keren.blogspot.com/' title='news handphone'>news mobile phone</a>
        </li>
      </ul>
    </li>

    <li><a href='#' title='#'>Featured</a>
    </li>

    <li><a href='#' title='#'>Health</a>
      <ul class='children'>
        <li><a href='#' title='#'>Childcare</a>
        </li>
        <li><a href='#' title='#'>Doctors</a>
        </li>
      </ul>
    </li>

    <li><a href='http://lyricsmanca.blogspot.com' title='music manca'>Music</a>
    </li>

    <li><a href='http://liriklaguhit.blogspot.com' title='lirik lagu hit'>music indonesia</a>
    </li>

    <li><a href='#' title='#'>Uncategory</a>
    </li>
</ul>
</div>
</div>


<div class='clear'/>


<div id='casing'>


<div id='myslides'>
<script type='text/javascript'>
stepcarousel.setup({
    galleryid: 'mygallery', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panel', //class of panel DIVs each holding content
    panelbehavior: {speed:500, wraparound:true, persist:true},
    defaultbuttons: {enable: true, moveby: 2, leftnav: ['http://web2feel.com/images/rem1.jpg', -14, 60], rightnav: ['http://web2feel.com/images/rem2.jpg', 0, 60]},
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>

<div class='stepcarousel' id='mygallery'>
<div class='belt'>

<div class='panel'>
<a href='http://bestcomputergame.blogspot.com/2009/05/hitman-game.html' title='Hitman Games'><img alt='hitman blood money' height='120' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/Hitman1.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='http://bestcomputergame.blogspot.com/2009/05/motogp-games.html' title='Moto GP game'><img alt='motogp game' height='120' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/motogp.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='http://bestcomputergame.blogspot.com/2009/05/need-for-speed-most-wanted-cheats.html' title='need for speed'><img alt='need for speed most wanted' height='120' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/most-wanted.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='http://bestcomputergame.blogspot.com/2009/05/counter-strike.html' title='free game counter stike'><img alt='game counter strike' height='120' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/counter1.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='http://bestcomputergame.blogspot.com/2009/05/luxor-five-star-pack-pc-easy-casual-one.html' title='Game Luxor'><img alt='luxor' height='120' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/luxor1.jpg' width='200'/> </a>
</div>

<div class='panel'>
<a href='http://bestcomputergame.blogspot.com/2009/05/latura-te-sutelor-de-oameni-care-joaca.html' title='sutelor de oameni care'><img alt='sutelor de oameni care' height='120' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/character1.jpg' width='200'/> </a>
</div>
</div>
</div>

</div>



<div id='content'>

<b:if cond='data:blog.pageType == "index"'>
<div class='featout'>
<div class='featured'>
<b:section class='featured' id='featured' showaddelement='no'>
<b:widget id='HTML4' locked='true' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='fentry'>
<div class='widget-content'>
    <data:content/>
</div>
<div class='clear'/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

<div id='ad1'>

<script type='text/javascript'>
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>

</div>
</b:if>


<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' 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:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

</div>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block 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:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</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>

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

<b:if cond='data:blog.pageType != "item"'>


<div class='minipost'>
<div class='hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <b:if cond='data:post.link'>
    <h2><a expr:href='data:post.link'><data:post.title/></a></h2>
       <b:else/>
    <b:if cond='data:post.url'>
    <h2><a expr:href='data:post.url'><data:post.title/></a></h2>
        <b:else/>
    <h2><data:post.title/></h2>
    </b:if>
    </b:if>
    </b:if>

    <div class='categ'>
    <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>
    </div>

    <div class='post-uncleared'>
    </div>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<data:post.body/>
<b:else/>
<style>.fullpost{display:none;}</style>

<div class='hentry'>
<p><data:post.body/></p>
</div>

</b:if>
</div>

<div class='meta'>
    <div class='comm'>
    <b:if cond='data:post.allowComments'>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>ADD COMMENTS</a>
    </b:if>
    </div>

    <div class='postmore'>
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>Read More</a>
    </b:if>
    </div>
</div>

</div>


</b:if>

<b:if cond='data:blog.pageType == "item"'>

<div class='single' id='post'>
<div class='title'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
     <b:if cond='data:post.link'>
       <h2><a expr:href='data:post.link'><data:post.title/></a></h2>
     <b:else/>
        <b:if cond='data:post.url'>
          <h2><a expr:href='data:post.url'><data:post.title/></a></h2>
        <b:else/>
          <h2><data:post.title/></h2>
        </b:if>
     </b:if>
    </b:if>

    <div class='date'>
    <span class='author'>
    Posted by
    <b:if cond='data:top.showAuthor'>
      <data:top.authorLabel/>
      <span class='fn'><data:post.author/></span>
      </b:if>
    </span>

    <span class='clock'>
    <b:if cond='data:top.showTimestamp'>
        On
      <b:if cond='data:post.url'>
        <data:post.timestamp/>
      </b:if>
      </b:if>
    </span>
    </div>
</div>

    <div class='cover'>
    <div class='entry'>
      <p><data:post.body/></p>
suka dengan artikel ini? klik disini<g:plusone/>
    <div style='clear: both;'/> 
      <div style='clear'/>

    <div class='ad2'>
    

    
    </div>

    </div>
    </div>

    <div class='edit'/>

    <span class='reaction-buttons'>
    <b:if cond='data:top.showReactions'>
        <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>
    </b:if>
    </span>

    <span class='star-ratings'>
    <b:if cond='data:top.showStars'>
         <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
    </b:if>
    </span>

    <div class='singleinfo'>
    <div class='category'>
    <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>

    <span class='post-comment-link'>
    <b:if cond='data:blog.pageType != "item"'>
        <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>
    </span>

    
    <span class='post-backlinks post-comment-link'>
    <b:if cond='data:blog.pageType != "item"'> |
    <b:if cond='data:post.showBacklinks'>
    <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
    </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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_XFVfaYdN_r3ElCDyWTAweqkowQWMfrRVDQF9Irku2DzAOwRn2TviRK8w19cxHM54rRs3o6HIgyS2cJouMs8iw4Idz_eZOk1v_4g8kMiGvutkw53QwmYddOaBAKbO7CsTExl8ZJOM0s/s1600/icon18_email.gif' width='18'/>
    </a>
    </span>
    </b:if>

    
    <b:include data='post' name='postQuickEdit'/>
    </span>

    </div>
    </div>

</div>

</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>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
    <a name='comment-form'/>
    <h3><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</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'>
<span class='delete-comment-icon'> </span>
    </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'>&lsaquo;</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'>&rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
            <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'>
                  <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>
            </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();'><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='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comments'/>
        </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='edit post' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjupy5sTZip-I-a_864Ywwx9CTRiMCPytnFKmptEd0_lOxfzv-5wf95CbkAaxLram0v9JUkT0kIA5bJr60PAtE0yoCycW4DSpPbty0wEeZ0viGz2uq-2Ij31uh6rfJ_EBgtOzUcYX7G1hM/s1600/icon18_edit_allbkg.gif'/>
    </a>
    </span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts'>
<b:include data='top' name='status-message'/>
    <data:adStart/>
    <b:loop values='data:posts' var='post'>
    <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
    </b:if>
    </b:loop>
    <data:adEnd/>
</div>


<b:include name='nextprev'/>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
    </a>
</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='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&rsaquo;</div>

        <div class='mobile-index-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;'/>
      </a>

      <div class='mobile-index-comment'>
        <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>
      </div>
    </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='comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
    <h3 id='comment-count'>
        <b:if cond='data:post.numComments == 1'>
        <span class='teal'>1</span> Comment
        <b:else/>
        <span class='teal'><data:post.numComments/></span> <data:commentLabelPlural/>
        </b:if>
    </h3>

    <ol>
    <b:loop values='data:post.comments' var='comment'>
    <li class='alt' id='comment'>
    <div class='comment-author'>
        <strong>
        <b:if cond='data:comment.authorUrl'>
          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
          <data:comment.author/>
        </b:if>
        </strong> Said,
      </div>

    <div class='comment-text'>
      <span class='medium'>
    <p>
    <b:if cond='data:comment.isDeleted'>
        <span class='deleted-comment'><data:comment.body/></span>
          <b:else/>
        <p><data:comment.body/></p>
    </b:if>
    </p>
    </span>
    </div>

    <p class='comment-meta'>
    <small>Posted on
      <a expr:href='data:comment.url' title='comment permalink'>
        <data:comment.timestamp/>
      </a>
    </small>
    </p>

    <b:include data='comment' name='commentDeleteIcon'/>

    </li>
    </b:loop>
    </ol>

<div id='postcomment'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
        <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>
</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:widget>
</b:section>


<div class='pagination'>
<div class='alignleft'/>
<div class='alignright'/>
</div>


<div class='clear'/>

<b:if cond='data:blog.pageType == "index"'>

<div id='bottom'>


<div class='videopost'>
<div class='videoposttitle'/>
</div>



<div class='bottompost'>
<div class='tabber'>
<div class='tabbertab'>
<b:section class='tabber1' id='tabber1' showaddelement='yes'/>
</div>

<div class='tabbertab'>
<b:section class='tabber2' id='tabber2' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='Hive Link' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='tabbertab'>
<b:section class='tabber3' id='tabber3' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
    <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>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>


</div>

</b:if>

</div>



<div id='rightcol'>

<b:if cond='data:blog.pageType == "index"'>

<div class='featlist'>
<div class='highlight'/>

<div class='fblock'>
<b:section class='content97' id='content97' showaddelement='no'/>
</div>

<div class='fblock'>
<b:section class='content96' id='content96' showaddelement='no'/>
</div>

<div class='fblock'>
<b:section class='content95' id='content95' showaddelement='no'>
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
</div>
<span class='item-control blog-admin'>
    <b:include name='quickedit'/>
</span>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='true' 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='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == "rtl"'>
          ◄ 
        <b:else/>
          ► 
        </b:if>
      </span>
    </a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</div>

</div>

</b:if>

<div class='bannerhead'/>


<div class='banner'>
<ul>
    <li><a href='http://bestcomputergame.blogspot.com/2009/06/game-mario.html' rel='bookmark' title='#'><img alt='#' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/mario1.jpg'/></a></li>
    <li><a href='http://bestcomputergame.blogspot.com/2009/05/hitman-game.html' rel='bookmark' title='game hitman'><img alt='hitman blood money' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/hitman1-1.jpg'/></a></li>
    <li><a href='http://bestcomputergame.blogspot.com/2011/08/apache-air-assault.html' rel='bookmark' title='#'><img alt='#' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/man.jpg'/></a></li>
    <li><a href='http://bestcomputergame.blogspot.com/2009/05/need-for-speed-most-wanted-cheats.html' rel='bookmark' title='need for speed'><img alt='most wanted' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/race-games.jpg'/></a></li>
</ul>
</div>



<div id='sidebar'>

<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='HTML12' locked='false' title='Rss' 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='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
          <div class='widget-content'>
            <ul>
              <b:loop values='data:links' var='link'>
                <b:if cond='data:link.isCurrentPage'>
                  <li class='selected'><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>
            </ul>
          <b:include name='quickedit'/>
          </div>
        </b:includable>
</b:widget>
<b:widget id='LinkList64' locked='true' title='' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList98' locked='true' title='Navigation Menu' type='LinkList'>
<b:includable id='main'>
        <div class='widget-content'>
          <ul id='nav'>
        <b:loop values='data:links' var='link'>
            <li><a expr:href='data:link.target'><data:link.name/></a></li>
        </b:loop>
          </ul>
        </div>
    </b:includable>
</b:widget>
</b:section>

<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Links related' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Subscribe2' locked='false' title='Subscribe To' type='Subscribe'>
<b:includable id='main'>
<b:if cond='data:isPublic'>
<div style='white-space:nowrap'>

    <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
    </b:if>
<div class='widget-content'>
    <b:loop values='data:feeds' var='feed'>
        <div expr:class='"subscribe-wrapper subscribe-type-" + data:feed.type'>

        <div expr:class='"subscribe expanded subscribe-type-" + data:feed.type' expr:id='"SW_READER_LIST_" + data:widgetId + data:feed.type' style='display:none;'>

          <div class='top'>
            <span class='inner' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
              <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
              <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
              <data:feed.title/>
            </span>

            <div class='feed-reader-links'>
              <a class='feed-reader-link' expr:href='"http://www.google.com/ig/add?source=bstp&feedurl=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-google.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://www.netvibes.com/subscribe.php?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-netvibes.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://www.newsgator.com/ngs/subscriber/subext.aspx?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-newsgator.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='"http://add.my.yahoo.com/content?url=" + data:feed.encodedUrl' target='_blank'>
                <img expr:src='data:imagePathBase + "subscribe-yahoo.png"'/>
              </a>
              <a class='feed-reader-link' expr:href='data:feed.url' target='_blank'>
                <img align='absmiddle' class='feed-icon' expr:src='data:feedIconImg'/>
                Atom
              </a>
            </div>

          </div>
          <div class='bottom'/>
        </div>

        <div class='subscribe' expr:id='"SW_READER_LIST_CLOSED_" + data:widgetId +data:feed.type' expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
          <div class='top'>
             <span class='inner'>
               <img class='subscribe-dropdown-arrow' expr:src='data:arrowDropdownImg'/>
               <span expr:onclick='"return(_SW_toggleReaderList(event, \"" + data:widgetId +data:feed.type + "\"));"'>
                 <img align='absmiddle' alt='' border='0' class='feed-icon' expr:src='data:feedIconImg'/>
                 <data:feed.title/>
               </span>
             </span>
           </div>
          <div class='bottom'/>
        </div>

      </div>
    </b:loop>

    <div style='clear:both'/>

</div>
</div>

<b:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
    <b:if cond='data:codeSnippet != ""'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != ""'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>
</b:if>
<div class='widget-content'>
    <div expr:id='data:widget.instanceId + "-wrapper"'>
      <b:if cond='data:codeSnippet != ""'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == ""'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>

          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>

          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> 
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/> 

      <b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link' expr:href='data:userUrl' rel='author'>
            <data:displayname/>
          </a>
        </dt>

        <b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
</b:includable>
</b:widget>
<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:widget id='Label2' locked='false' title='Labels' 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:section>

</div>


</div>


<div class='clear'/>

</div>





<div id='footer'>

© Copyright <a expr:href='data:blog.homepageUrl'><data:blog.title/></a><br/>
<a href='http://www.freetemplatesblog.com/2011/08/game-pc.html'>'gallery game Template'</a> Designed by <a href='http://freegameponsel.blogspot.com/'>'ponsel game'</a> | Bloggerized by <a href='http://bestcomputergame.blogspot.com/' target='_blank' title='free game PC'>Free Game PC</a>

</div>


</div>


</body></html>
                </textarea>

Pages

APLIKASI KOMPUTER /HP

Ads 468x60px

Senin, 31 Oktober 2011

Rabu, 26 Oktober 2011

Selasa, 25 Oktober 2011

Menyimpan Editan Firebug, Edit Template Cepat

Sabtu, 22 Oktober 2011

Tutorial: Buat menu navigasi yuk

Translate

Blog Archive

Popular Posts

About Me

Followers