Kode Template: Kertas Arsip II

<?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>
    <b:skin><![CDATA[/*

/*
    Theme Name: Notepad Chaos
    Theme URI: http://www.evaneckard.com/
    Description: Notepad Chaos is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
URI : http://gosublogger.com/
*/

body {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVARqifxBRFXNRV5zGkDHWQVmmPa09vM_88a1haOWSw-1IDDtjlpYaOT-p4fpH8p5u2Hiql2DZELPhag7LFMlg1lRZZ9T_pAN22x4MLmrJVIFvQ8OhfQkaNijZnk7r5bmMs_a-stC1_3Q/s1600/pagebackci5.jpg) no-repeat top center #3f808a;
    margin:0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#container {
    width:819px;
    margin:0 auto;
    position:relative;
    height:252px;
}

/* search form */

#search {
    position:absolute;
    text-align:right;
    width:250px;
    left:520px;
    top:10px;
    z-index:100;
}
#search form {
    padding:0;
    margin:0;
}
#search .txtField {
    border:1px solid #fff;
    width:138px;
    margin:0;
    padding:3px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8ztXM4Bah6abauJC3jMgeXWsUw63uSCMceqncP5Skz2HHsifyFY-V0wZkH-b0EVPUDZq0LFHrgKy87JowG771vpVTF1LiEHxAnxiCz0unJOQ4R_YSjA0kHTTq8l8YHrv21N92BDYDqQ/s1600/search-back.gif) transparent;
}
#search .btnSearch {
    border:1px solid #fff;
    color:#fff;
    margin:0;
    padding:2px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFz-sJcYRUpPmiftOqjhZ3KS2Q1B8Rx4ZS1XPC9mih7pJrexlxrXlNvf6d-zoPrj4DLw4wW2xhsHE_fqYY9g7qaazruME-zg5zCQAR9c1KGO4V0czwlQwexZIoBP7SvAC8dQFP9sqL30E/s1600/btn-back.gif) transparent;
}

/* menu */

#menu-holder {
    position:absolute;
    top:43px;
    left:457px;
    width:319px;
    overflow:hidden;
}
#menu {
    width:319px;
    height:42px;
    margin:0;
    padding:0;
    position:relative;
}
#menu li {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:0;
}
#menu li, #menu a {
    height:42px;
    display:block;
}
#home {
    text-indent:-300em;
    overflow:hidden;
    left:0px;
    width:107px;
}
#about {
    text-indent:-300em;
    overflow:hidden;
    left:107px;
    width:107px;
}
#archives {
    text-indent:-300em;
    overflow:hidden;
    left:214px;
    width:106px;
}

#home a:hover {
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpQ05nY4ruFvN7EGWqw44tlTIaPEFwJpWX-pATprIhH9QAkxaX7E2ACazd-wTInYMg5CQS33l3osdidOI_mTsrcZHYaBMFKMFdlLSjoV1Qhn2dV5fMwYERzvopMbtDhYYwbCZ5_hzD7Y/s1600/menu.jpg) 0px 0px no-repeat;
}
#about a:hover {
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpQ05nY4ruFvN7EGWqw44tlTIaPEFwJpWX-pATprIhH9QAkxaX7E2ACazd-wTInYMg5CQS33l3osdidOI_mTsrcZHYaBMFKMFdlLSjoV1Qhn2dV5fMwYERzvopMbtDhYYwbCZ5_hzD7Y/s1600/menu.jpg) -107px 0px no-repeat;
}
#archives a:hover {
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZpQ05nY4ruFvN7EGWqw44tlTIaPEFwJpWX-pATprIhH9QAkxaX7E2ACazd-wTInYMg5CQS33l3osdidOI_mTsrcZHYaBMFKMFdlLSjoV1Qhn2dV5fMwYERzvopMbtDhYYwbCZ5_hzD7Y/s1600/menu.jpg) -214px 0px no-repeat;
}

/* blog title */

#title {
    position:absolute;
    top:149px;
    left:76px;
    color:#fff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:10px;
    width:370px;
    overflow:hidden;
}
#title h2 {
    color:#fff;
    font-size:20px;
    margin:0 0 2px;
}
#title a {
    color:#fff;
    text-decoration:none;
}
#title a:hover {
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid #e7d8cf;
}

/* content */

#content {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7dIGZ8GCTKccACGxw3SrmDZ6_IQLs8FPSYrMhCloO-TWs57OlKW3bSmDyc7kxXfoQ8M1sy9e_fiShPwyO9RZzGAo1Q3mSe0Z1Bk9J3nuzAl0zPxd7GSSYAaytV4lQBuFTwLTfbLHwLg/s1600/notepad-back.gif) repeat-y;
    width:764px;
    margin:0 auto;
    padding-right:55px;
}
#content blockquote {
    padding:0 0 0 30px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivgG2U2bJWlYolNMgH0ofoyEW0dbkRhebg9RJQbN0gktyoH-L3jG93As4hP2K8aKb63MNAOmrb2qprEWgGjDUoaEI6C_tV8DfrEAwtRNxeli4r8rk8afokqITs2NEMhAPqWgXoDnY-t6o/s1600/blockquote.gif) no-repeat 0 50%;
}
#content .col01 {
    float:left;
    padding-left:70px;
    width:425px;
    font-size:12px;
    line-height:20px;
}
#content .col01 h3 {
    font-size:24px;
    line-height:28px;
    font-weight:normal;
    font-family: Times New Roman, Times, Georgia, erif;
    margin:0;
    padding:0 0 10px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NISsMzpxW_6dz5PYemYZ77o4gjn0sIhGwOoiFYxG2L1WTFwkaYSOyQnX9MGsroECEzdsqwtd9efA_6XVthAgEVv1TqSZDi04bgDjNmOh620ApUG9xII6YUl6doZDz3CjJJBcbF8l4yY/s1600/line.gif) repeat-x bottom;
}
#content .col01 h4 {
    font-size:18px;
    line-height:22px;
    font-weight:normal;
    font-family: Times New Roman, Times, Georgia, erif;
    margin:0;
    padding:0 0 16px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NISsMzpxW_6dz5PYemYZ77o4gjn0sIhGwOoiFYxG2L1WTFwkaYSOyQnX9MGsroECEzdsqwtd9efA_6XVthAgEVv1TqSZDi04bgDjNmOh620ApUG9xII6YUl6doZDz3CjJJBcbF8l4yY/s1600/line.gif) repeat-x bottom;
}
#content .col01 h3 a {
    color:#000;
    text-decoration:none;
}
#content .col01 h3 a:hover {
    background-color:#f4f0db;
}
#content .col01 .post1 {
    padding-bottom:30px;
}
#content .col01 .thumbnail {
    float:right;
    margin:10px 0 10px 10px;
}
#content .col01 .meta {
    font-size:11px;
    text-align:right;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0NISsMzpxW_6dz5PYemYZ77o4gjn0sIhGwOoiFYxG2L1WTFwkaYSOyQnX9MGsroECEzdsqwtd9efA_6XVthAgEVv1TqSZDi04bgDjNmOh620ApUG9xII6YUl6doZDz3CjJJBcbF8l4yY/s1600/line.gif) repeat-x;
    padding-top:8px;
}
#content .col01 .post-inner {
    position:relative;
}
#content .col01 .post-inner .date-tab {
    position:absolute;
    top:0px;
    left:-98px;
    height:64px;
    width:83px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNGwRI-ATagc1PDtdYbTuPnnQ-1WVN5Q9F_WDLJbRo2NgNz9o3fpiVAks6i8v6PtC9wpiESKbGmZH6uAppGwlRCZLkhofSPzYft-bYSfJSpMFibYb2nvyQsMOlXHN7xJj3kRZwNLTJr8/s1600/date-tab.gif) no-repeat;
}
#content .col01 .thumbnail {
    float:right;
    margin:12px 0 12px 12px;
}
.month {
    text-align:right;
    display:block;
    padding:6px 16px 6px 0;
    font-size:11px;
}
.day {
    text-align:right;
    display:block;
    padding:4px 16px 2px 0;
    font-size:18px;
    font-weight:bold;
}
#content .col01 .post-inner a {
    color:#000;
    position:relative;
    text-decoration:none;
    border-bottom:1px solid #868585;
    background:#f4f0db;
}
#content .col01 .post-inner a:hover {
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #000;
    background:#fffbc1;
}
#content .col01 .meta a {
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #868585;
}
#content .col01 .meta a:hover {
    color:#000;
    text-decoration:none;
    border-style:none;
}

#content .col02 {
    float:right;
    width:212px;
    font-size:11px;
    line-height:16px;
}
#content .col02 .recent-posts {
    width:212px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilaRA1_VBHNbpa4P_BS0g5lU30oUD8OSkUCmsv-BSmdGdYB7OPdQZNZz84Siw7LD5Iu10xERX7udnPSwMRalb4iCAA4gmNbkdVlBaXA1P-CBFKSQx81FTvegPcKnDmDVWVElagsZlbsBM/s1600/postitBack.gif) repeat-y;
}
#content .col02 .recent-posts ul {
    padding:0;
    margin:0;
}
#content .col02 .recent-posts ul li {
    font-size:11px;
    line-height:18px;
    list-style:none;
    padding:0;
    margin:0;
}
#content .col02 .recent-posts ul li .listMeta {
    font-size:10px;
}
#content .col02 .recent-posts ul li a {
    color:#21565E;
    border-top:1px solid #ffffbe;
    display:block;
    width:170px;
    margin:0 auto;
    padding:4px 0 4px 25px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozkE909QHMAy2xVcYD_9-tlKEcK5gXsjxLig4L2h9UfArUFjESAvQLPz6u_IxoyPQaPo0zwevHBajT1FIodzYk8wcKpRmMmRoAS4hojx-5LkDPrbmQpTs1SqL0KaLJwEoZ2FIJEP7GPM/s1600/bullet-postit.gif) no-repeat 5px 8px;
}
#content .col02 .recent-posts ul li a:hover {
    text-decoration:none;
    color:#000;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoi8dd2APYYDE-nlFsNn85RGAlwzRVda-oxgkqlsTU-2rjBerq08f6Mex094APao7hXtVNymr5KKYbHgURzKBU8js87PiGIToano-nHC6dMogpNlm6HrqJumGDVykNcWueNlE2uBO8wVs/s1600/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}
#content .col02 .postit-bottom {
    width:188px;
    height:62px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cZM9sKedSrQgx887DQWt6D5qv1PaEBGP3knBWAEGzczRFLQeNiMmJqzQtFNByW0PIWhvw84oOGa4yF6w5afkSzQ0U0Cvkdw4_vLMqowIv77prUQ0GzGsGVuf2cJCOnbdtYhEoEDmFbI/s1600/postit-bottom.gif) no-repeat;
    padding:12px 12px 0;
    font-size:11px;
    text-align:right;
}
#content .col02 .postit-bottom a {
    color:#21565E;
}
#content .col02 .postit-bottom a:hover {
    color:#21565E;
    text-decoration:none;
}

#content .col02 .categories-upper {
    height:124px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xc8bIBZU-7Mf2TFtndBnWeowXVa6KIWVKa5PW7wuxScdhs2dGAAP8_nGaZOjnqsUPDNCDUmuoVpObjUW0r4EY7NLsXhjUi1Q3LcNLThUn5KufiNIDC9jAabYW0K053zunqqHGeEGKy0/s1600/categories-upper.gif) no-repeat;
}
#content .col02 .categories {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoK9v8UOPuvQgtBYp-Bh-hwkkza4sE0-3V2-cud3R85NP9uyC7BBWdZoE1wPcq81Mb41f-nBokEY5INKa2vODRoJ-qZtDE3Tko4Net1XDhXIcaDmaI4LXa6ttWBzNaIQoYlT1PNBmth40/s1600/categories-back.gif) repeat-y;
}
#content .col02 .categories ul {
    margin:0;
    padding:0;
}
#content .col02 .categories ul li {
    font-size:11px;
    line-height:18px;
    list-style:none;
}
#content .col02 .categories ul li a {
    color:#21565E;
    margin:0 auto;
    display:block;
    width:170px;
    padding:4px 0 4px 25px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBGYqS0JQ1gEGroOq1TpPDiI71yfBVBPJ_YzS5V5QHVS9km5EvH338x7pcfPt-ii1Ip_s3_1-zQZtifxtbcCWeN8hvpsk3hib_iNdLzm1IIG5svNNK5w37H2ferBDDHImcBxTmn5F3KE/s1600/bullet-note.gif) no-repeat 5px 8px;
}
#content .col02 .categories ul li a:hover {
    text-decoration:none;
    color:#000;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoi8dd2APYYDE-nlFsNn85RGAlwzRVda-oxgkqlsTU-2rjBerq08f6Mex094APao7hXtVNymr5KKYbHgURzKBU8js87PiGIToano-nHC6dMogpNlm6HrqJumGDVykNcWueNlE2uBO8wVs/s1600/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}
#content .col02 .categories-btm {
    height:68px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObQCC170Q7db-u3HsoLSpMjZ8VPzUehGQGNosNkQHT_30NWJPCXJmq2aHgDpCHVmEyAkJIYrw2CnFSFgbwn1tnYXq_CU2h6_a9S4rIi2XbT4Vu0lHp2Di1MYQxIQ7nwtklrmtYLRHEvw/s1600/categories-btm.gif) no-repeat;
}

#content .col02 .links {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQLt25ka63XF5wAT6cEFiUEsxXi_MyRaz3MpS6aQ5C0RuPD84U246jd_Fp-zUewYnIh8wK2nY_v-bX7PgFBpxsCB-ezRs9zJ7BUo_vlLivfiCSZrE2yNz2fNwMvtEhitXfI5hlx3njWH0/s1600/txt-friends-links.gif) no-repeat 50% 8px;
    padding-top:20px;
}
#content .col02 .links ul {

    margin:0 0 20px;
    padding:0;
}
#content .col02 .links ul li {
    font-size:11px;
    line-height:18px;
    list-style:none;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj72OeXsO_6hyphenhyphenkRB68CPTBy449bdu8rfETpw7jt8Od_n56l7b_WLxp6d9CIPbLSF1AYNR8EwRGX3H3YHLTmqDexVmnrpkfBMvHK5pOnQbhJIrJUOqQe_Jqd_aMV4On9lYzCOjYIVQD8LM0/s1600/line-inner.gif) no-repeat bottom;
}
#content .col02 .links ul li a {
    color:#21565E;
    margin:0 auto;
    display:block;
    width:212px;
    padding:6px 0;
}
#content .col02 .links ul li a:hover {
    text-decoration:none;
    color:#000;
}

#content .col02 .side-meta {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMxJdB-gnp8hKvIk9W9vGVkAjixhmTyQgAgvrX4uun3IYoe3ss750iWJiTGnJyq0nL0DYUBhgpIDnRVDjrR4LOfiCiwGiKZ_L2vvRXI1917EQIze3QqOiwct2tGwtpV9b5mICVRwvFT08/s1600/txt-misc-debris.gif) no-repeat top right;
}
#content .col02 .side-meta ul {
    margin:10px 0;
    padding:0;
}
#content .col02 .side-meta ul li {
    font-size:10px;
    line-height:14px;
    list-style:none;
}
#content .col02 .side-meta ul li a {
    color:#21565E;
    margin:0 auto;
    display:block;
    width:212px;
    padding:2px 0;
}
#content .col02 .side-meta ul li a:hover {
    text-decoration:none;
    color:#000;
}

/* footer */

#footer-holder {
    width:819px;
    margin:0 auto;
    position:relative;
}
#footer-holder .footer {
    width:932px;
    height:300px;
    position:absolute;
    top:0px;
    left:-54px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLy8MrLuwANdhqoRZDD4IW9Nhrh22hZTYLjLyz4oTfIN1i_V6Nc-Azfab4dfsrsEITWP4QZqDh-fmrwXxXu5DdNbLxMrguZscS16wEy1xTG3hIvq3Vgb8XPzzS_CoR-iJQD_XMJ8IfN6I/s1600/footer.jpg) no-repeat;
    z-index:100;
}
#footer-holder .txt a {
    color:#000;
}
#footer-holder .txt a:hover {
    color:#000;
    text-decoration:none;
}
#footer-holder .txt {
    width:480px;
    position:absolute;
    top:116px;
    left:186px;
    font-size:11px;
    line-height:16px;
    color:#000;
    z-index:105;
    height:60px;
    overflow:hidden;
}
#footer-holder .smashing a {
    width:66px;
    height:61px;
    position:absolute;
    top:160px;
    left:709px;
    font-size:11px;
    text-indent:-400px;
    z-index:102;
    overflow:hidden;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvr_VZk0R2SXJLtUyKUx2hkj3uHSAonNH6FXur2e70DtyIjdrddpZyOXariO7NBpdlMlOxyjVTnL8Kk1f6IzwdChdmOI3KtJ7tuvnHPMN7mBm2sLe4wozPKOkw1cOHnax-KjX-mPUulI/s1600/logo-smashing.gif) no-repeat 0 0;
}
#footer-holder .smashing a:hover {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvr_VZk0R2SXJLtUyKUx2hkj3uHSAonNH6FXur2e70DtyIjdrddpZyOXariO7NBpdlMlOxyjVTnL8Kk1f6IzwdChdmOI3KtJ7tuvnHPMN7mBm2sLe4wozPKOkw1cOHnax-KjX-mPUulI/s1600/logo-smashing.gif) no-repeat 0 -61px;
}
#footer-holder .rss a {
    width:32px;
    height:32px;
    position:absolute;
    top:165px;
    left:130px;
    font-size:11px;
    text-indent:-400px;
    z-index:103;
    overflow:hidden;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijCbcfoHIe-mb7X7hf0DwyK2bTinuVUJUnKQxQNPnsIL877lhMgd2GV0fxaDCg9kXQ5KGqGOm3Bg14-fs8H8jCKcgaaH23qTo4hBuSalyYgoJ3JaPKTSeUwS5dQMjK4HAQZKCHCLfYX58/s1600/sssfavicon.gif) no-repeat 0 0;
}

/* next previous */

.previous a {
    float:left;
    width:93px;
    height:33px;
    text-indent:-400px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQYqOoKJ2B_ONEZTBp9vMSVhaFlPepMoXF5yAYjAe4n7vhT1iuTVPttmj2AH5Bhjes-tApeQq0QZ0WEHR3ZJ2FsnOxKPWCz2LPMkZcy0KWwEKyEyAQo1TorKyoGmaELpakJ8hZPrgWtA/s1600/link-older.gif) no-repeat 0 0;
    overflow:hidden;
}
.previous a:hover {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQYqOoKJ2B_ONEZTBp9vMSVhaFlPepMoXF5yAYjAe4n7vhT1iuTVPttmj2AH5Bhjes-tApeQq0QZ0WEHR3ZJ2FsnOxKPWCz2LPMkZcy0KWwEKyEyAQo1TorKyoGmaELpakJ8hZPrgWtA/s1600/link-older.gif) no-repeat 0 -33px;
}
.next a {
    float:right;
    width:93px;
    height:33px;
    text-indent:-400px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRLLJk7qPaV_p_iWd1uJ-i_zjwCDI3ftb1DNi9xy0MXta9y39B4_sTm4u1phq-xj4reLD3dH_9p2H_3sBhqaOA_GPp3eCo1fWdD0yQFAx2bo2XoFSEXkaPHc3wFP8RQCIN1FMZs2DZyoY/s1600/link-newer.gif) no-repeat 0 0;
    overflow:hidden;
}
.next a:hover {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRLLJk7qPaV_p_iWd1uJ-i_zjwCDI3ftb1DNi9xy0MXta9y39B4_sTm4u1phq-xj4reLD3dH_9p2H_3sBhqaOA_GPp3eCo1fWdD0yQFAx2bo2XoFSEXkaPHc3wFP8RQCIN1FMZs2DZyoY/s1600/link-newer.gif) no-repeat 0 -33px;
}

/* comment styles */

#blog-pager-newer-link {
    float: left;
}

#blog-pager-older-link {
    float: right;
}

#blog-pager {
    text-align: center;
}
#comments h4 {
text-align:justify;
font-size:14px;
font-weight:bold;
}#comments-block {
margin:0 0 1px;
padding:0;
font-size:11px;
}.comment-author {
border-top:1px solid #40808a;
border-left:1px solid #40808a;
border-right:solid #40808a;
background:url(images/comment_l.jpg) repeat-x;
padding:6px 15px 0px 15px;
margin-left:0px;
display:block;
margin-top:10px;
}.comment-body {
border-left:1px solid #40808a;
border-right:1px solid #40808a;
padding:5px 15px 5px 15px;
margin-left:0px;
display:block;
}#comments-block .comment-footer {
border-left:1px solid #40808a;
border-right:1px solid #40808a;
border-bottom:1px solid #40808a;
margin-bottom:15px;
margin-left:0px;
padding:0px 15px 12px 15px;
display:block;
}

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

]]></b:skin>

<script type='text/javascript'>
function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}

var numposts = 15;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

</head>
<body>
<div id='container'>
<div id='search'>
    <form action='/search' id='searchform' method='get'>
      <input class='txtField' id='q' name='q' type='text' value=''/>
      <input class='btnSearch' id='searchsubmit' type='submit' value='Search'/>
    </form>
</div>
<div id='menu-holder'><ul id='menu'>
<li id='home'><a href='/'>Home</a></li>

<li id='about'><a href='/'>About</a></li>
<li id='archives'><a href='/'>Archives</a></li>
</ul>
</div>
<div id='title'>

     <b:section id='headerssection' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Notepad Chaos (Header)' type='Header'>
<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:includable id='main'>
<h2><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
</b:includable>
</b:widget>
</b:section>
    </div>
</div>

<div id='content'>
<div class='col01'>
         <b:section class='post' id='main' showaddelement='yes'>
<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: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>
<div class='clear'/>
</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='post' var='post'>
<div class='post hentry'>
    <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'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

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

     <div class='post-inner'>
<script type='text/javascript'>
    var timestamp = "<data:post.timestamp/>";
    if (timestamp != '') {
        var timesplit = timestamp.split(",");
        var date_yyyy = timesplit[2];
        var timesplit = timesplit[1].split(" ");
        var date_dd = timesplit[2];
        var date_mmm = timesplit[1].substring(0, 3);
    }
</script>
<div class='date-tab'>

<span class='month'><script type='text/javascript'>document.write(date_mmm);</script></span>
        <span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>

</div>

      <p><data:post.body/></p>
      <div style='clear: both;'/> 
    </div>
    <div class='post-footer'>
    <p class='meta'><small>
<span> <abbr class='post_date' expr:title='data:post.timestamp'><data:post.timestamp/></abbr>
</span> |

<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>
      </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'>
            <span class='email-post-icon'> </span>
          </a>
          </span>
        </b:if>

<b:if cond='data:blog.pageType == "item"'>
<p class='postmetadata alt'>
            <small>


            </small></p>
            <b:else/>
                <b:if cond='data:post.allowComments'>
                    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/> Comments</a>
                </b:if>
            </b:if>

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

      <p class='post-footer-line post-footer-line-2'/>

      <p class='post-footer-line post-footer-line-3'/>
    </div>
</div>
</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='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='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='comment-form' var='post'>
<div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
    <data:post.iframeColorizer/>
</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='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='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'>
        <span class='quick-edit-icon'> </span>
      </a>
    </span>
</b:if>
</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 == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
            <a expr:name='"comment-" + data:comment.id'/>
            <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>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

    <p class='comment-footer'>
<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> </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

    <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:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
      </div>
<div class='col02'>
    <div class='recent-posts'>


              <b:section id='arsiddebar1' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='Recent News' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>
<div class='widget-content'>

                <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>
        
</div>

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


        </div>
    <div class='postit-bottom'/>
    <div class='categories-upper'/>
<div class='categories'>
<b:section id='lasb1' showaddelement='no'>
<b:widget id='Label1' locked='true' title='Etiketler' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>

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

      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='categories-btm'/>
<div class='links'>
<b:section class='link21' id='gosu445' showaddelement='no'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>

<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='side-meta'>
<b:section class='lsink21' id='gossu445' showaddelement='yes'>
<b:widget id='Feed1' locked='false' title='GosuBlogger' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
      <b:loop values='data:feedData.items' var='i'>
        <li>
          <span class='item-title'>
            <a expr:href='data:i.alternate.href'>
              <data:i.title/>
            </a>
          </span>
          <b:if cond='data:showItemDate'>
            <b:if cond='data:i.str_published != ""'>
              <span class='item-date'>
                 - <data:i.str_published/>
              </span>
            </b:if>
          </b:if>
          <b:if cond='data:showItemAuthor'>
            <b:if cond='data:i.author != ""'>
              <span class='item-author'>
                 - <data:i.author/>
              </span>
            </b:if>
          </b:if>
        </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
</b:includable>
</b:widget>
</b:section>

</div>
</div>
<br clear='all'/>
</div>
<div id='footer-holder'>
<div class='footer'/>
<div class='txt'>
<a expr:href='data:blog.homepageUrl' style='color:   #000;'><data:blog.title/></a> © 2008
    <b:section class='lisnks21' id='lol32' showaddelement='no'>
<b:widget id='Text1' locked='false' title='' type='Text'>
<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><br/><br/>

</div>
<span class='smashing'><a href='http://jobs.smashingmagazine.com'>Smashing Magazine</a></span> <span class='rss'><a href='http://gosublogger.com/'>Blogger Templates</a></span></div>

</body></html>

Info Penting

Pages

Senin, 23 April 2012

Kode Template: Kertas Arsip II

Artikel Terkait:

0 komentar:

Posting Komentar

Info Penting !!!

Info Penting

Label

Buku Tamu

Followers

Berita Blog

Tentang Ane

Berita Terbaru

****************

Blogger news

Arsip Blog

Popular Posts

***************