This template is courtesy of se7en and translated to Indonesian by Bikinblogger. Bunga matahari berkesan cerah, dahsyat dan ngejreng, buat kamu yang suka hal begonoan kayaknya cocok nih. Coba aja lihat di sini buat jadinya. Kalo nggak ya lihat gambar di bawah ini saja :
Lantas kodenya mana dong ?
Sabar, macem pepatah orang sabar dapet toketnya Sarah Azhari, maka elu nggak gua kasih toket tapi cukup kode xml template ini ajah, nih tangkep siah !
<?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>
<b:include data=\'blog\' name=\'all-head-content\'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Name: Beta Sunflowers Theme
Designer: se7en
URL: www.blogsgonewild.net
Type: Free Blogger Beta Skin
----------------------------------------------- */
/* Variable definitions
====================
<Variable name=\"bgcolor\" description=\"Page Background Color\"
type=\"color\" default=\"#fff\" value=\"#ffffff\">
<Variable name=\"textcolor\" description=\"Text Color\"
type=\"color\" default=\"#333\" value=\"#333333\">
<Variable name=\"linkcolor\" description=\"Link Color\"
type=\"color\" default=\"#58a\" value=\"#5588aa\">
<Variable name=\"pagetitlecolor\" description=\"Blog Title Color\"
type=\"color\" default=\"#666\" value=\"#666666\">
<Variable name=\"descriptioncolor\" description=\"Blog Description Color\"
type=\"color\" default=\"#999\" value=\"#999999\">
<Variable name=\"titlecolor\" description=\"Post Title Color\"
type=\"color\" default=\"#c60\" value=\"#cc6600\">
<Variable name=\"bordercolor\" description=\"Border Color\"
type=\"color\" default=\"#ccc\" value=\"#cccccc\">
<Variable name=\"sidebarcolor\" description=\"Sidebar Title Color\"
type=\"color\" default=\"#999\" value=\"#999999\">
<Variable name=\"sidebartextcolor\" description=\"Sidebar Text Color\"
type=\"color\" default=\"#666\" value=\"#666666\">
<Variable name=\"visitedlinkcolor\" description=\"Visited Link Color\"
type=\"color\" default=\"#999\" value=\"#999999\">
<Variable name=\"bodyfont\" description=\"Text Font\"
type=\"font\" default=\"normal normal 100% Georgia, Serif\" value=\"normal normal 100% Georgia, Serif\">
<Variable name=\"headerfont\" description=\"Sidebar Title Font\"
type=\"font\"
default=\"normal normal 78% \'Trebuchet MS\',Trebuchet,Arial,Verdana,Sans-serif\" value=\"normal normal 78% \'Trebuchet MS\',Trebuchet,Arial,Verdana,Sans-serif\">
<Variable name=\"pagetitlefont\" description=\"Blog Title Font\"
type=\"font\"
default=\"normal normal 200% Georgia, Serif\" value=\"normal bold 200% Verdana, sans-serif\">
<Variable name=\"descriptionfont\" description=\"Blog Description Font\"
type=\"font\"
default=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\" value=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\">
<Variable name=\"postfooterfont\" description=\"Post Footer Font\"
type=\"font\"
default=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\" value=\"normal normal 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif\">
*/
/* Use this with templates/template-twocol.html */
body {
background:#C1E5A8;
margin:0;
color:#333;
font:90%/.9em Trebuchet, Verdana, Arial, Serif;
text-align: center;
}
/* CSS to hid navigation bar */
#navbar
{
height:0px;
visibility:hidden;
display:none
}
a:link {
color:#FFF;
text-decoration:none;
}
a:visited {
color:#FFF;
text-decoration:none;
}
a:hover {
color:#CCC;
text-decoration:underline;
}
a img {
border-width:0;
}
#main-wrapper a:link {
color:#29530B;
text-decoration:none;
}
#main-wrapper a:visited {
color:#29530B;
text-decoration:none;
}
#main-wrapper a:hover {
color:#555;
text-decoration:underline;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
background:url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-heading-2.jpg\") no-repeat;
width:770px;
height:210px;
margin:0 auto;
text-align:left;
}
#header {
width:490px;
margin:0;
text-align: left;
}
#header h1 {
margin:0;
padding:25px 20px 0px;
font: 140% Verdana, Arial, Serif;
font-weight:bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
font-style:italic;
color:#FFF;
}
#header a {
color:#FFF;
text-decoration:none;
}
#header a:hover {
color:#FACD02;
text-decoration:underline;
}
.descriptionwrapper {
margin:0;
padding:5px 20px;
font: 78% \'Trebuchet MS\', Trebuchet, Arial, Verdana, Sans-serif;
text-transform:uppercase;
font-style:italic;
letter-spacing:.1em;
line-height: 1.4em;
text-align:left;
color: #FFF;
}
.descriptionwrapper p {
margin:0;
padding:0;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background:url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-content-2.jpg\");
background-repeat: repeat-y;
width: 770px;
margin:0 auto;
padding:0;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 470px;
float: left;
margin:-30px 0 0;
padding-left:38px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 180px;
float: right;
margin-top:-10px;
padding-right:30px;
color:#FFF;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
br {
clear:both;
}
/* Headings
----------------------------------------------- */
h2 {
background: url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-flower.gif\") no-repeat center left;
height:28px;
margin:1.5em 0 .75em;
padding:0 0 0 34px;
font-size:14px;
font-family: Verdana, Arial, Serif;
line-height:1.4em
font-weight:bold;
text-transform:uppercase;
color:#FFF;
}
#main-wrapper h2 {
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
color:#29530B;
background:none;
}
.post-title h3 {
font-size:16px;
font-family: Verdana, Arial, Serif;
font-weight:bold;
line-height: 1.5em;
}
#ArchiveList {
margin:0;
padding-left:12px;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 0;
padding:0;
height:16px;
font-size:12px;
}
.post {
margin:.5em 0 1.5em;
padding-bottom:1em;
}
#main .post h3 {
background: url(\"http://i58.photobucket.com/albums/g243/freetemplates3/post-flower.gif\") no-repeat center left;
margin:0;
padding:0 0 0 38px;
height:39px;
font-family: Verdana, Arial, Serif;
font-size:18px;
font-weight:bold;
line-height:1.4em;
color:#29530B;
}
#main .post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
font-family: Verdana, Arial, Serif;
font-size:18px;
text-decoration:none;
color:#29530B;
font-weight:bold;
}
#main .post h3 strong, .post h3 a:hover {
color:#29530B;
text-decoration:underline;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post a img, .post img {
margin:8px;
padding:1px;
border:2px solid #29530B;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
p.post-footer-line-3 {
border-bottom:1px solid #29530B;
margin:0 auto;
padding:0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
#sidebar-wrapper ul {
list-style-type:none;
}
#sidebar-wrapper p {
padding-left:12px;
}
.sidebar {
color:#FACD02;
line-height: 1.3em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-4px;
line-height:1.2em;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 2px;
border: 2px solid #FFF;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
background:url(\"http://i58.photobucket.com/albums/g243/freetemplates3/sun-footer-2.jpg\") no-repeat;
width:770px;
height:30px;
clear:both;
margin:0 auto;
padding:0;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
#credits {
margin:0;
padding-left:12px;
font-size:11px;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>
<center>
<br>
<script type=\"text/javascript\"><!--
google_ad_client = \"pub-4627435952845482\";
google_alternate_color = \"C1E5A8\";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = \"728x15_0ads_al\";
//2007-08-12: bagaskoro.blogspot.com
google_ad_channel = \"2591658313\";
google_color_border = \"C1E5A8\";
google_color_bg = \"C1E5A8\";
google_color_link = \"000000\";
google_color_text = \"29530B\";
google_color_url = \"CC0000\";
//-->
</script>
<script type=\"text/javascript\"
src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">
</script>
</br>
</center>
</head>
<body>
<div id=\'outer-wrapper\' style=\'margin-top:0px;\'><div id=\'wrap2\'>
<!-- 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>
<div id=\'header-wrapper\'>
<b:section class=\'header\' id=\'header\' maxwidgets=\'11\' showaddelement=\'yes\'>
<b:widget id=\'Header1\' locked=\'true\' title=\'BETA Sunflowers Theme (Header)\' type=\'Header\'/>
</b:section>
</div>
<div id=\'content-wrapper\'>
<div id=\'main-wrapper\'>
<b:section class=\'main\' id=\'main\' showaddelement=\'no\'>
<b:widget id=\'Blog1\' locked=\'true\' title=\'Blog Posts\' type=\'Blog\'/>
</b:section>
</div>
<div id=\'sidebar-wrapper\'>
<b:section class=\'sidebar\' id=\'sidebar\' preferred=\'yes\'>
<b:widget id=\'LinkList1\' locked=\'false\' title=\'Links List\' type=\'LinkList\'/>
<b:widget id=\'BlogArchive1\' locked=\'false\' title=\'Blog Archive\' type=\'BlogArchive\'/>
<b:widget id=\'Label1\' locked=\'false\' title=\'Labels\' type=\'Label\'/>
</b:section>
<h2>RSS Feed</h2>
<p>
<a class=\'feed-link\' href=\'/feeds/posts/default\' target=\'_blank\' type=\'application/atom+xml\'><img src=\'http://i60.photobucket.com/albums/h8/freetemplates2/feed_icon.gif\'/> Atom Feed (xml)</a>
</p>
<h2>Credits</h2>
<div id=\'credits\'>
<!-- Please Don\'t Remove Link Back, Thanks! -->
Site Design By:
<br/>
<a href=\'http://freeskins.blogspot.com\' title=\'Get Your Own Blog!\'>Free Blogger Skins</a><br>
<a href=\'http://bikinblogger.blogspot.com\' title=\'BikinBlogger buat orang awam!\'>Bikinblogger</a></br>
</div>
<p id=\'powered-by\'><a href=\'http://bikinblogger.blogspot.com\'><img alt=\'Powered by BikinBlogger\' src=\'http://buttons.blogger.com/bloggerbutton1.gif\'/></a></p>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class=\'clear\'> </div>
<br/>
</div> <!-- end content-wrapper -->
<div id=\'footer-wrapper\'>
<b:section class=\'footer\' id=\'footer\'/>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>
Dasar begonya udah gawat inih, males ah nerangin lagi...lihat noh di sana , gimana nggenti template blogger luh !
kampret ga mudeng aing
ReplyDelete