The Real Simple Green 1.0

Blogger Template Style
Name : The Real Simple Green
Version : 1.0
Re-Design : Ario Dipoyono
Original Themes : -
Date : 4 July 2007

Silahkan copy paste script di bawah ini pada templates blog anda.
You can copy and paste this script at yout Blogger templates, its free.

Select All

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><$BlogPageTitle$></title>

/*
-----------------------------------------------
Blogger Template Style
Name : The Real Simple Green
Version : 1.0
Re-Design : Ario Dipoyono
Date : 4 July 2007
-----------------------------------------------
*/

body {
background: #F4FFDD  url(http://www.geocities.com/ariodipoyono/css/rsg1/bg.jpg) repeat-x top;
padding:0;
margin:0 auto;
font-family:"Century Gothic", arial, verdana;
}

.badan {
background:#FFF;
padding:10px;
margin:0 auto;
margin-top:40px;
width:450px;
border:#DEFF9B 1px solid;
}

.clear {
clear:both;
}

.font1 {
font-size:11px;
}

.font2 {
font-size:12px;
}

.font3 {
font-size:13px;
}

/*---------------------------------------
                Atas
---------------------------------------*/
.atas {
background:#EEFFCA url(http://www.geocities.com/ariodipoyono/css/rsg1/rumput.jpg);
margin-bottom:10px;
color:#000;
border-bottom:#009900 medium solid;
}

.atas a{
color:#000;
text-decoration:none;
}
.atas a:hover {
color:#009900;
text-decoration:none;
}

.atasisi {
width:400px;
padding:25px 0 5px 15px;
font-weight:bolder;
font-size:36px;
}

/*---------------------------------------
                Tengah
---------------------------------------*/
.tengah {
background:none;
}

/* Tengah Atas */
.tengahatas {
background:none;
}

.tengahataskiri {
float:left;
width:59px;
}

.tengahataskiriatas {
background:#FFF;
text-align:center;
width:50px;
font-size:20px;
font-weight:bolder;
border:#000 1px solid;
}

.tengahataskiriatas a{
text-decoration:none;
color:#000;
}

.tengahataskiriatas a:hover {
text-decoration:none;
color:#006600;
}

.tengahataskiribawah {
background:#000;
color:#FFF;
text-align:center;
font-size:9px;
width:52px;
}

.tengahataskiribawah a{
text-decoration:none;
color:#FFF;
}

.tengahataskiribawah a:hover {
text-decoration:none;
color:#FFF;
}

.tengahataskanan {
float:right;
width:388px;
}

.tengahataskananatas {
font-weight:bolder;
font-size:18px;
}

.tengahataskananatas a{
text-decoration:none;
color:#009900;
}

.tengahataskananatas a:hover {
text-decoration:none;
color:#000;
}

.tengahataskananbawah {
font-size:10px;
border-bottom:#000 1px solid;
padding:3px 0
}

.tengahataskananbawah a{
text-decoration:none;
color:#009900;
}

.tengahataskananbawah a:hover {
text-decoration:none;
color:#000;
}

/* Tengah Tengah */
.tengahtengah {
font-size:13px;
padding:5px 2px 5px 2px;
}

.tengahtengah a{
text-decoration:none;
color:#009900;
}

.tengahtengah a:hover {
text-decoration:none;
color:#000;
}

/* Tengah Bawah */
.tengahbawah {
font-size:13px;
padding:5px 2px 5px 2px;
text-align:center;
}

/*---------------------------------------
                Bawah
---------------------------------------*/

.bawah {
background:#F1FDAB;
padding:5px;
}

/* Bawah Kiri */
.bawahkiri {
float:left;
width:209px;
padding-right:10px;
}

.bawahkirilist {
color:#000;
padding:0;
font-size:12px;	
margin-bottom:9px;
}

.bawahkirilist a{
text-decoration:none;
color:#009900;
}

.bawahkirilist a:hover {
text-decoration:none;
color:#000;
}

.bawahkirilist ul{
background:none;
padding:0;
margin:0;
}

.bawahkirilist li{
list-style-type:none;
padding-top:0;
padding-left:16px;
margin:4px 0 0 3px;
background:url(http://www.geocities.com/ariodipoyono/css/rsg1/panah.PNG) no-repeat;
}

.bawahkirilist li a{
text-decoration:none;
color:#009900;
}

.bawahkirilist li a:hover {
text-decoration:none;
color:#000;
}

.bawahkirilistbanner {
color:#000;
padding:0;
font-size:12px;	
margin-bottom:9px;
}

.bawahkirilistbanner ul{
background:none;
padding:0;
margin:0;
}

.bawahkirilistbanner li{
list-style-type:none;
text-align:center;
padding-top:9px;
}

.bawahkirilistbanner li a{
text-decoration:none;
color:#009900;
}

.bawahkirilistbanner li a:hover {
text-decoration:none;
color:#000;
background:#006600;
}

.bawahjudul {
font-size:16px;
font-weight:bolder;
padding:0;
margin:0 auto;
}

/* Bawah Kanan */
.bawahkanan {
float:right;
width:209px;
padding-left:10px;
}

/*---------------------------------------
                Buntut
---------------------------------------*/
.buntut {
font-size:12px;
text-align:center;
padding:5px;
margin:0;
}

.buntut a {
text-decoration:none;
color:#009900;
}

.buntut a:hover {
text-decoration:none;
color:#000;
}

.style1 {color: #009900}
</style>

<meta name="description" content="enter your description" />
<meta name="keywords" content="enter your kaeywords" />

</head>

<body>

<div class="badan">
	<div class="atas">
		
		<div class="atasisi">
		  <a href="<$BlogURL$>"><$BlogTitle$></a>
		  <br /> <span class="font3"><$BlogDescription$></span></div>
		  
		<br class="clear" />
	</div>
	<Blogger>
  <div class="tengah">
		<div class="tengahatas">
		
			
			<div class="tengahataskiri">
				<div class="tengahataskiriatas">
				<a href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$></a>
				</div>
				<div class="tengahataskiribawah">
				  <a href="<$BlogItemPermalinkURL$>">Comment</a>				</div>
			</div>
			
			
			<div class="tengahataskanan">
				<div class="tengahataskananatas">
				<BlogItemTitle>
	 			<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
				 <a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a>
	 			<BlogItemUrl></a></BlogItemUrl>
    			</BlogItemTitle>
				</div>
				<div class="tengahataskananbawah">posted by <$BlogItemAuthorNickname$> @  <$BlogItemDateTime$></div>
			</div>
			<div class="clear" />
		</div>
		
		
		<div class="tengahtengah">
		<$BlogItemBody$>  
		
		 <p>
		 <MainOrArchivePage><BlogItemBacklinksEnabled>
		<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
		</BlogItemBacklinksEnabled>
		</MainOrArchivePage> <$BlogItemControl$>
   
  		
		<ItemPage>

<BlogItemCommentsEnabled><a name="comments"></a>
    
   		<h4><$BlogItemCommentCount$> Comments:</h4>
        <dl id="comments-block">
    	<BlogItemComments>
      	<dt class="comment-data" id="c000000045"><a name="c<$BlogCommentNumber$>"></a>
        At <$BlogCommentDateTime$></a>,
        <$BlogCommentAuthor$> said...
      	</dt>
      	<dd class="comment-body">
        <p><$BlogCommentBody$></p>
	 	<$BlogCommentDeleteIcon$>
      	</dd>
     	</BlogItemComments>
   		</dl>
	
		<p>
	    <$BlogItemCreate$>
   		</p>
  
		</BlogItemCommentsEnabled>	    
    	<BlogItemBacklinksEnabled>
    	<a name="links"></a><h4>Links to this post:</h4>
    	<dl id="comments-block">
    	<BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    	</BlogItemBacklinks>
    	</dl>
    	<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    	</BlogItemBacklinksEnabled>

</div>
		</Blogger>
		<div class="tengahbawah">
		
		<a href="<$BlogURL$>"><img src="http://www.geocities.com/ariodipoyono/css/rsg1/ida-panjang.JPG" width="410" height="85" border="0" /></a> </div>
  </div>
	<div class="bawah">
		<div class="bawahkiri">
			
			
			<div class="bawahkirilist">
			  <span class="bawahjudul">Recent Post</span>
			  <ul>
			  	<BloggerPreviousItems>
       				<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     			</BloggerPreviousItems>
			  </ul>
			</div>
			
			
			<div class="bawahkirilist">
			<MainOrArchivePage>
			<span class="bawahjudul">Archive</span>
			<ul>
				<BloggerArchives>
    			<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  			</BloggerArchives>
    			<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
			</ul>
			</MainOrArchivePage>
		 	</div>
			 
		</div>
		<div class="bawahkanan">
		
			
			<div class="bawahkirilist"><$BlogMemberProfile$></div>
			
			
			<div class="bawahkirilistbanner">
			  <span class="bawahjudul">Your Banner </span>
			  <ul>
				<li><a href="index.html"><img src="http://www.geocities.com/ariodipoyono/css/rsg1/ida.JPG" width="199" height="85" border="0" /></a></li>
			</ul>
		</div>
		</div>
		<br class="clear" />
	</div>

</div>

<div class="buntut">
      Blog © Copyright 2007 All Rights Reserved. Using Blogger Engine<br />
      <a href="http://www.geocities.com/ariodipoyono/css/rsg1">The Real Simple Green 1.0</a> created by <a href="http://ario1984.blogspot.com">Interactive Design by Ario (IDA) </a>  <br />
</div>
</body>
</html>

<xmp> </object></layer></div></span></style></noscript></table></script></applet><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/geov2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?us1247175063" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=76001075&t=1247175063&f=us-w6" ALT=1 WIDTH=1 HEIGHT=1>