<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<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><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><b:if cond='data:blog.pageType == "index"'><title><data:blog.pageTitle/></title><b:else/><title><data:blog.pageName/></title></b:if><meta content='URANG KURAI' name='description'/><meta content='blogger' name='generator'/><link href='/atom.xml' rel='alternate' title='west sumatera - Atom' type='application/atom+xml'/><link href='/rss.xml' rel='alternate' title='west sumatera - RSS' type='application/rss+xml'/><!-- <body><div></div> -->
<b:skin><![CDATA[/*
/*
Name : blogazine-book
Designed by: urangkurai (http://urang-kurai.blogspot.com/)
*/
.pagetitle{
text-align: center;
padding:10px;
}
*{ margin: 0; padding: 0; }
body {
margin: 0 auto;
padding: 0;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
line-height: 1.2;
color:#000;
background: #E7EBF2;
}
a:link {
color:#3B5998;
text-decoration: none;
}
a:visited {
color: #3B5998;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #7795D5;
}
img {
border: 0;
margin: 0;
}
.clear { clear: both; }
/*
CSS BUAT HOME PAGE
*/
#home-page {
width: 940px;
border: 10px solid #C3CCDF;
border-bottom: none;
margin: 40px auto 80px;
text-align: center;
}
#home-page div {
border-bottom: 8px solid #C3CCDF;
overflow: auto;
}
#home-page h1 {
color:#3B5998;
font-size: 100px;
letter-spacing: -2px;
line-height: 1.0em;
}
#home-page .name-title {
padding: 60px 0;
}
#home-page .name-title p {
font-size: 26px;
text-transform: uppercase;
font-weight: 200;
letter-spacing: 0.35em;
margin-bottom: 0.4em;
}
#home-page h2 {
font-size: 26px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.35em;
padding: 10px 0 ;
border-bottom: 10px solid #C3CCDF;
margin-bottom: 0;
}
#home-page h2:before { content: '.'; }
#home-page h2:after { content: '.'; }
#home-page .blogging div {
float: left;
width: 465px;
padding: 80px 0;
border-right: 10px solid #C3CCDF;
}
#home-page .blogging h3 {
font-size: 50px;
text-transform: uppercase;
font-weight: 800;
line-height: 0.8em;
margin-bottom: 10px;
}
#home-page p {
margin-bottom: 0;
font-size: 16px;
}
#home-page div .omega {
border-right: none;
}
/*
KOLOM POST DI HALAMAN DEPAN
*/
.box
{
border-bottom:3px solid #C4CDE0;
}
.boxmeta
{
width:150px;
float:left;
padding-right:0px;
padding:3px;
border-right:3px solid #C4CDE0;
background:#fff;
}
.boxmeta span
{
font:10px/10px arial,sans serif;
display:block;
text-transform:uppercase;
color:#222;
}
.boxmeta span.author
{
background:#EDEFF4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDcLiS6SwruwGs7XbYaH7R9pSwtZaYYPDZgjgvKPrXlsjtFFkkHeMENKM_PmXayWBrJ2TDAt6ibHV5JWHTH1xYr4nLlChgt4L9KuGwoZB0RRYCxM2xrNVE2c2SZgFY1z-YCGoKp4P698A/s0/user.png) no-repeat left center;
border-bottom:1px solid #fff;
padding:3px 0 3px 20px;
}
.boxmeta span.time
{
background:#EDEFF4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZoPpfDtEZfGfnCFyUIwejThK6ocqZ-ZZuJ7NI0iCMYbdDv0_8CxVTxdw5wZY5hbi3ca-a0OfOlNSEwb0F9zA8CbaRh5ue0mPPKcM_ljx45wn4MQRVVqpd7oB-X_DoUhQ34vQfkePCYGw/s0/clock.png) no-repeat left center;
border-bottom:1px solid #fff;
padding:3px 0 3px 20px;
}
.boxentry
{
padding:10px;
}
.titleposting p
{
width:60%;
margin:0 0 0 185px;
}
.titleposting h2
{
text-shadow:-1px -1px #fafafa;
text-transform:uppercase;
padding:10px 0 0 0;
font:20px/20px verdana,sans serif;
}
.titleposting h2 a:link,.titleposting h2 a:visited
{
color:#1F4189;
padding:10px;
}
.titleposting h2 a:hover{
text-decoration: underline;
}
/*
LEBAR
*/
.post-dalem
{
width:780px;
position:relative;
margin:0 auto;
}
#post
{
width:800px;
margin:0 auto;
}
#main
{
width:100%;
margin:0 auto;
padding:0;
}
/*
HEADER MENU
*/
#header
{
width:100%;
background:#3B5998;
font:bold 14px/12px arial,sans serif;
color:#fff;
height:38px;
margin:0 auto;
}
#header11
{
width:1000px;
margin:0 auto;
}
#header .title
{
float:left;
color:#fff;
padding:7px 18px 10px;
font:bold 30px/18px "lucida grande",tahoma,verdana,arial,sans-serif;
}
#header .title:hover
{ color:#fff;
background:#4B67A1;
}
#header .title a
{ color:#fff;
background:transparent;
}
#header .descriptionwrapper
{
color:#fff;
float:left;
width:100%;
font:8px/6px arial,sans serif;
margin:0;
padding:0;
}
#header .nav li
{
float:left;
list-style:none;
border-left:1px solid #1F4189;
margin:13px 0 0 12px;
}
#header .nav li a
{
color:#D8DFEA;
padding:3px 9px 3px 9px;
}
#header .nav li a:hover
{ color:#fff;
background:#4B67A1;
text-decoration:none;
}
#search {
position: relative;
float:right;
width:255px;
margin: 3px 0 0;
padding: 5px 0 2px 10px;
}
#searchform {
background: transparent;
}
#searchtext {
float:left;
width: 215px;
padding: 5px 4px 3px 6px;
border: none;
background:#fff;
color:#777;
font-size:11px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#searchbutton {
float:right;
width: 28px;
height: 28px;
margin: -20px 0 0 18px;
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTJdyV7dhmuGNHJE-NHV2sMZmYWQO3hcbU3xizjNCt6FTxU5Dfk3rpzGqsPdfNprZ4fJdT9IwTTNP8DkrODsfKmbxJHPHv5ApGSzftkDErzFAVf8hqxq-wjORBcAIqgWFg_i2cA9RMfGk/s0/search-icon.png) no-repeat;
}
/*
SHOW/HIDE KOMENTAR
*/
.comments
{
display:none;
}
.tooggle-koment
{
color:#555;
text-align:center;
background:#3B5998;
font:bold 12px/14px arial,sans serif;
margin:0 auto;
padding:5px;
}
.tooggle-koment a
{
text-decoration:underline;
color:#000;
font:bold 12px/14px arial,sans serif;
}
.tooggle-koment li
{
display:inline;
}
/*
KOMENTAR
*/
.comments
{
width:100%;
overflow:hidden;
background:#E7EBF2;
color:#fff;
font:12px/14px arial,sans serif;
margin:0 auto;
padding:0;
}
#backlinks-container
{
margin:-200px 0 0;
}
.cuma-komen
{
width:800px;
overflow:hidden;
margin:0 auto;
padding:0;
padding-bottom:100px;
}
.cuma-komen h4
{
display:block;
font-family:arial,sans serif;
font-size:200%;
color:#fff;
background:#33508D;
border-bottom:4px double #fff;
border-top:4px double #fff;
margin:40px 0 40px 0;
padding:10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.cuma-komen a
{
text-align: right;
color:#000;
}
.cuma-komen a:hover
{
color:#fff;
}
.cuma-komen dt
{
position:relative;
margin:20px 0 0 30px;
width:100%;
border-bottom:1px solid #3B5998;
padding:10px;
color:#3B5998;
}
.cuma-komen dt a
{
color:#3B5998;
font:bold 12px arial,sans serif;
}
.comment-body p{
background:#EDEFF4;;
border:1px solid #fff;
padding:20px;
color:#000;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
#comments-block .avatar-image-container
{
margin:5px 0 0 0;
}
#comments-block .comment-body
{
position:relative;
margin:0 0 0 120px !important;
padding:10px 25px 20px;
}
iframe#comment-editor
{
position:relative;
width:636px;
margin:0 0 0 168px;
}
span.comment-timestamp{float:right;
}
.feed-links
{
display:none;
clear:both;
}
/*
FOOTER 3 KOLOM
*/
#footer-wrapper
{
border-top:20px solid #3B5998;
background:#2C3D63;
font:12px/12px arial,sans serif;
margin:0;
padding:0 0 20px;
}
#footer
{
width:960px;
line-height:1.2;
color:777;
background:transparent;
margin:0 auto;
padding:10px 0 0;
}
#footer a
{
color:#777;
}
#footer a:hover
{
color:#ccc;
}
.footcol
{
float:left;
margin:10px 0;
padding:0 10px 10px;
}
.footcol h2
{
border-bottom:4px double #3B5998;
margin:0 0 20px -20px;
padding:0 0 10px 20px;
color:#fff;
}
.footcol ul,.footcol ol
{
margin:0;
}
.footcol ul li,.footcol ol li
{
list-style:none;
padding:0 0 .2em;
}
#fcol1,#fcol2,#fcol3
{
float:left;
width:300px;
margin-right:0 10px;
}
#fcol1 .widget,#fcol2 .widget,#fcol3 .widget
{
border-right:1px solid #3B5998;
margin:0 0 20px;
padding:20px 15px 20px 20px;
}
/*
FOOTER CREDIT
*/
#credit-wrapper
{
background:#3B5998;
font:10px/10px arial,sans serif;
color:#888;
text-align:center;
border-top:4px double #3B5998;
padding:10px;
}
#credit-wrapper a
{
color:#fff;
}
/*
blog pager
*/
.pager
{
width:800px;
margin:0 auto;
padding:10px 0 0;
}
#blog-pager
{
text-align:center;
clear:both;
text-transform:uppercase;
margin:0;
padding:0;
}
#blog-pager a
{
font:normal bold 74px arial,sans serif;
color:#3B5998;
text-shadow:0 2px 2px rgba(0, 0, 0, 9);
padding:0;
}
#blog-pager-older-link
{
float:left;
height:61px;
margin:0;
padding:0;
}
#blog-pager-newer-link
{
float:right;
height:61px;
margin:0;
padding:0;
}
]]></b:skin>
<b:if cond='data:blog.pageType == "item"'><style>
.title h2
{
display:none;
}
#footer-wrapper
{
border-top:4px solid #3B5998;
}
</style></b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".tombol-komentar").click(function(){
$(".comments ").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
</script>
</head>
<body>
<div id='header'>
<b:section class='logoblogazine' id='blog-title' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Percobaan Template (Header)' type='Header'/>
</b:section>
<div id='search'>
<form expr:action='data:blog.homepageUrl + "search/"' id='searchform' method='get'>
<input id='searchtext' name='q' type='text' value='Search'/>
<input id='searchbutton' size='10' type='submit' value=''/>
</form>
</div>
<!-- Pages-based menu added by BTemplates.com -->
<div><div>
<!-- Pages -->
<b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList'/>
</b:section>
<!-- /Pages -->
</div></div>
<div class='clear'/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>
<div style='margin-top:100px;'/> </b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "index"'>
<div id='home-page'>
<div class='name-title'>
<h1>WELCOME</h1>
<p><data:blog.homepageUrl/></p>
</div>
<div class='blogging'>
<h2>Blogs</h2>
<div class='dropshadows blog'>
<h3><a href='/search/label/?max-results=5'><span>Blog</span></a></h3>
<p>lastest news</p>
</div>
<div class='metafizzy omega'>
<h3><a href='#'><span>About</span></a></h3>
<p>about us</p>
</div>
</div>
</div>
</b:if> </b:if>
<div class='clear'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<div class='clear'/>
<div id='footer-wrapper'>
<div id='footer'>
<div class='footcol' id='fcol1'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Blogger templates' type='HTML'/>
</b:section>
</div>
<div class='footcol' id='fcol2'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular posts' type='PopularPosts'/>
</b:section>
</div>
<div class='footcol' id='fcol3'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Blogroll' type='HTML'/>
</b:section>
</div>
<div class='clear'/>
</div>
</div>
<div id='credit-wrapper'>
<p>Copyright © 2012 <a expr:href='data:blog.homepageUrl' title='All Rights Reserved'> <data:blog.title/></a> / Template by : <a href='http://urangkurai.blogspot.com/' title='All Rights Reserved'>Urangkurai</a></p>
<div class='clear'/>
</div>
</body>
</html>
