template terbaik bulan 12

Diposting oleh anyail
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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><script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Glossy Blue
Designer: Nick La
URL:      http://www.ndesign-studio.com/

Modified by: http://www.blogcrowds.com
Support:     http://www.blogcrowds.com


This theme was designed and built by Nick La.

By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute
----------------------------------------------- */

body {
font: 75%/150% "Trebuchet MS", Tahoma, Arial;
color: #333333;
background: #FFFFFF url(main-bg.gif);
margin: 0px;
padding: 0px 0px 30px;
}
a {
color: #CC6600;
text-decoration: none;
}
a:visited {
color: #CC6633;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}
img {
border: none;
}
p {
padding: 0px 0px 15px;
margin: 0px;
}
h1 {
margin:0px;
background: url(header-icon.gif) no-repeat;
padding-left: 70px;
height: 60px;
font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
color: #c9eefe;
}
h1 a, h1 a:visited{
color: #c9eefe;
text-decoration: none;
}
h1 a:hover{
color: #ffffff;
text-decoration: none;
}
h2 {
color: #59770e;
margin: 0px 0px 2px;
border-bottom: 1px dotted #CCCCCC;
letter-spacing: -1px;
font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
padding-bottom: 3px;
}
h2 a, h2 a:visited {
color: #59770e;
text-decoration: none;
}
h2 a:hover {
color: #FF6600;
text-decoration: none;
}
h3 {
font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 10px 0px 5px;
}
h4 {
font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 10px 0px 5px;
}
form {
margin:0px;
padding:0px;
}
#page {
margin: 0px auto;
width: 760px;
border-bottom: 5px solid #d5e6eb;
border-left: 5px solid #d5e6eb;
border-right: 5px solid #d5e6eb;
background: #FFFFFF url(content-bg.gif) repeat-y;
}
/* header area */
#header {
background: #0FACEA url(header-bg.jpg) no-repeat;
height: 170px;
border-bottom: 3px solid #59780a;
position: relative;
}
#headerimg {
position: relative;
padding: 30px 0px 0px 40px;
height: 60px;
}
#headerimg .description{
position: absolute;
left: 110px;
bottom: 3px;
color: #c9eefe;
font-size: 14px;
}
#nav {
list-style: none;
margin: 0px;
position: absolute;
right: 10px;
bottom: 0px;
}
#nav li {
float: left;
margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
color: #000000;
text-decoration: none;
}
#nav .page_item a{
color: #ffffff;
text-decoration: none;
background: #5c8d0c url(nav-button-bg.gif) repeat-x;
padding: 5px 15px;
font: bold 14px/100% Arial, Helvetica, sans-serif;
border-top: 1px solid #E6EED0;
border-left: 1px solid #AFCD69;
border-right: 1px solid #AFCD69;
display: block;
}
#nav .page_item a:hover {
color: #000000;
}

/* content area */
#content {
padding: 10px 0px 30px 20px;
float: left;
width: 485px;
overflow: hidden;
}
.post {
clear:both;
padding-top: 15px;
}
.post-date {
width: 45px;
height: 49px;
float:left;
background: url(date-bg.gif) no-repeat;
}
.post-month {
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}
.post-day {
font-size: 18px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 18px;
padding-top: 7px;
margin-left: -3px;
}
.post-title {
}

.entry {
clear: both;
padding-top: 10px;
}
.post-cat {
background: url(mini-category.gif) no-repeat;
padding-left: 20px;
font-size: 95%;
color: #999999;
}
.post-comments {
background: url(mini-comments.gif) no-repeat;
padding-left: 20px;
font-size: 95%;
}
.post-calendar {
background: url(mini-calendar.gif) no-repeat;
padding-left: 20px;
font-size: 95%;
color: #999999;
}
.mini-add-comment {
background: url(mini-down-arrow.gif) no-repeat;
padding-left: 18px;
float: right;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
color: #59770e;
}
.previous-entries a {
float: left;
padding-left: 18px;
background: url(mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 18px;
background: url(mini-nav-right.gif) no-repeat right center;
}

/* comments area */
#comments, #respond {
border-bottom: 1px dotted #CCCCCC;
padding: 10px 0 5px 0;
clear: both;
}
.commentlist {
margin: 10px 0px;
padding-left: 20px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
}
.commentlist .alt {
background: #f1fedb;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 120%;
color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
color: #CC6600;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
}
#commentform label{
color: #787878;
font-size: 87%;
}
#commentform input{
width: 200px;
background:#f1fedb;
border: 1px solid #bdd77f;
padding: 3px;
margin-top: 3px;
}
#commentform textarea{
width: 478px;
height: 115px;
background:#f1fedb;
border: 1px solid #bdd77f;
padding: 2px;
margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}
#commentform #submit{
background: url(btn-bg.gif) no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: none;
float:right;
width: 144px;
height: 28px;
cursor: pointer;
}

/*sidebar */
#sidebar {
float: right;
padding: 0px 10px 20px 0px;
width: 220px;
color: #666666;
overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 20px 0px 2px;
border-bottom: 1px solid #CFE1AC;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
color: #495233;
text-decoration: none;
}
#sidebar a:hover{
color: #FF6600;
text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}
#sidebar ul li ul li{
padding: 2px 0 2px 0px;
border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;
border: none;
}
/*blogroll */
#LinkList1 li, #LinkList2 li, #LinkList3 li, #LinkList4 li, #LinkList5 li, #LinkList6 li, #LinkList7 li, #LinkList8 li, #LinkList9 li, #LinkList10 li {
background: url(http://newbloggertemplates.googlepages.com/glossyblue-mini-blogroll.gif) no-repeat;
padding-left: 16px !important;
}
ul.list-blogroll li{
background: url(mini-blogroll.gif) no-repeat;
padding-left: 16px !important;
}
/*category widget */
#Label1 li, #Label2 li, #Label3 li, #Label4 li, #Label5 li, #Label6 li, #Label7 li, #Label8 li, #Label9 li, #Label10 li{
background: url(http://newbloggertemplates.googlepages.com/glossyblue-mini-category.gif) no-repeat;
padding-left: 20px !important;
}
/*archives widget */
#BlogArchive1 li, #BlogArchive2 li, #BlogArchive3 li, #BlogArchive4 li, #BlogArchive5 li, #BlogArchive6 li, #BlogArchive7 li, #BlogArchive8 li, #BlogArchive9 li, #BlogArchive10 li {
background: url(http://newbloggertemplates.googlepages.com/glossyblue-mini-monthly-archive.gif) no-repeat;
padding-left: 20px !important;
}

#BlogArchive1 li li, #BlogArchive2 li li, #BlogArchive3 li li, #BlogArchive4 li li, #BlogArchive5 li li, #BlogArchive6 li li, #BlogArchive7 li li, #BlogArchive8 li li, #BlogArchive9 li li, #BlogArchive10 li li {
background: url(none) no-repeat;
padding-left: 20px !important;
}

#TextList1 li, #TextList2 li, #TextList3 li, #TextList4 li, #TextList5 li, #TextList6 li, #TextList7 li, #TextList8 li, #TextList9 li, #TextList10 li {
background: url(http://newbloggertemplates.googlepages.com/glossyblue-mini-blogroll.gif) no-repeat;
padding-left: 16px !important;
}
#Text1 li, #Text2 li, #Text3 li, #Text4 li, #Text5 li, #Text6 li , #Text7 li , #Text8 li , #Text9 li , #Text10 li  {
background: url(http://newbloggertemplates.googlepages.com/glossyblue-mini-blogroll.gif) no-repeat;
padding-left: 16px !important;
}
#HTML3 li, #HTML4 li, #HTML5 li, #HTML6 li , #HTML7 li , #HTML8 li , #HTML9 li , #HTML10 li  {
background: url(http://newbloggertemplates.googlepages.com/glossyblue-mini-blogroll.gif) no-repeat;
padding-left: 16px !important;
}


/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
background: url(mini-page.gif) no-repeat !important;
padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
background: url(mini-page-arrow.gif) no-repeat !important;
padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
background: url(mini-recent-comments.gif) no-repeat !important;
padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
padding: 1px 7px;
}
/*text widget */
.textwidget {
padding-top: 5px;
}

/*search form */
#searchform {
margin: 15px 0 0;
}
#searchform br {
display: none;
}
#searchform #s {
border:1px solid #203346;
width: 135px;
height: 22px;
padding: 4px 5px 0px 5px;
border: 1px solid #bed881;
background: #fff;
margin-right: 2px;
color: #000000;
font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
background: url(search-btn-bg.gif) no-repeat;
border: none;
width: 67px;
height: 26px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
vertical-align: middle;
}

/* footer area */
#footer {
clear: both;
background: #048DB4 url(footer-bg.gif) no-repeat;
color: #ACD7EE;
font-size: 95%;
line-height: 130%;
padding-bottom: 10px;
}
#footer a, #footer a:visited {
color: #ffffff;
}
#footer h2 {
font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
color: #9cdbfb;
margin: 10px 0px 5px;
}
#footer .widget {
width: 240px;
float: left;
margin-left: 10px;
}
#footer ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.footer-recent-comments ul li {
background: url(mini-footer-comments.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
width: 240px;
float: left;
margin-left: 10px;
}
.footer-recent-posts strong {
font-size: 107%;
line-height: 135%;
font-weight: bold;
}
.footer-recent-posts ul {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 92%;
line-height: 110%;
}
.footer-recent-posts ul li {
background: url(mini-footer-post.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-about {
width: 220px;
float: right;
padding-right: 10px;
padding-left: 10px;
background: url(footer-right-bg.gif) no-repeat;
}
/* credits */
#credits {
margin: 0px auto;
width: 760px;
color: #7a9299;
font-size: 85%;
line-height: 120%;
}
#credits a, #credit a:visited {
color: #048db4;
}
.rss {
background: url(mini-rss.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 8px;
}
.loginout {
background: url(mini-loginout.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 8px;
}

/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.alignright {
float: right;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}

.comment-form{
height:250px;
}
]]></b:skin>
  </head>

  <body>
   <div id='page'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

   <b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='editor (Header)' type='Header'/>
</b:section>
    
 
    <div id='content'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>

        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div> <!-- end content-wrapper -->

      <div id='sidebar'>
        <b:section class='sidebar1' id='sidebar1' preferred='yes'/><p><a href='http://www.blogcrowds.com/resources/blogger-templates/'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/forum/'>Blog Forum</a></p></div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    

    <div id='footer'><b:section class='footer1' id='footer1'/><div style='clear:both;'/></div><div id='credits'><div class='alignleft'><a href='http://www.ndesign-studio.com/resources/wp-themes/'>Glossy Blue</a> by <a href='http://www.ndesign-studio.com'>N.Design Studio</a></div><div class='alignright'><a href='http://www.blogcrowds.com/resources/blogger-templates/'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/'>Blogcrowds</a></div></div></div><!-- end outer-wrapper --></body>
    </html>
                
Label: ,