My name is Gita Bellerina: Edit Template

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

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



<div><div>



<b:section id='pages' maxwidgets='1' showaddelement='no'>

<b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList'/>

</b:section>



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

Jumat, 20 Juli 2012

Edit Template