<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>
<link href='http://fonts.googleapis.com/css?family=Denk+One' rel='stylesheet' type='text/css'/>
<meta expr:content='data:blog.pageName + " dari blog " + data:blog.title + " dengan judul " + data:blog.pageName' name='description'/>
<b:skin><![CDATA[/*-----------------------------------------------
Blogger Template Style
Name: My Identity
Designer: Ricky Pratama
URL: http://trikmudahseo.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#1a222a" value="#221a2a"/>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="#111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center" value="#000000 url(//themes.googleusercontent.com/image?id=19aLMMHI-WXcxsojpERe8MlodYlS7yd1qQU1wcTStU21I3bbY7bmlrvVCWE474_XXwWjd) no-repeat scroll top center /* Credit: fpm (http://www.istockphoto.com/googleimages.php?id=2849344&platform=blogger) */"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
</Group>
<Group description="Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#296695" value="#582995"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
<Variable name="post.background.color" description="Post Background" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Links" selector=".main-outer">
<Variable name="link.color" description="Link Color" type="color" default="#336699" value="#a64d79"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#6699cc" value="#a64d79"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#ff00ff"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 36px Oswald"/>
<Variable name="header.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(link.color)" value="#336699"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>
<Variable name="tabs.separator.color" description="Separator Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Post Title" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 24px Oswald"/>
</Group>
<Group description="Date Header" selector=".date-header">
<Variable name="date.header.color" description="Text Color" type="color" default="$(body.text.color)" value="#0b5394"/>
</Group>
<Group description="Post" selector=".post">
<Variable name="post.footer.text.color" description="Footer Text Color" type="color" default="#999999" value="#999999"/>
<Variable name="post.border.color" description="Border Color" type="color" default="#dddddd" value="#dddddd"/>
</Group>
<Group description="Gadgets" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#888888" value="#888888"/>
</Group>
<Group description="Footer" selector=".footer-outer">
<Variable name="footer.text.color" description="Text Color" type="color" default="#cccccc" value="#cccccc"/>
<Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#aaaaaa" value="#aaaaaa"/>
</Group>
<Group description="Footer Links" selector=".footer-outer">
<Variable name="footer.link.color" description="Link Color" type="color" default="#99ccee" value="#bb98ee"/>
<Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#77aaee" value="#ba77ee"/>
<Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#8832ff"/>
</Group>
<Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="20px"/>
<Variable name="content.padding" description="Content Padding" type="length" default="0" value="0"/>
<Variable name="content.background" description="Content Background" type="background"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<Variable name="content.border.radius" description="Content Border Radius" type="length" default="0" value="0"/>
<Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="0" value="0"/>
<Variable name="header.padding" description="Header Padding" type="length" default="0" value="0"/>
<Variable name="header.background.gradient" description="Header Gradient" type="url"
default="none" value="none"/>
<Variable name="header.border.radius" description="Header Border Radius" type="length" default="0" value="0"/>
<Variable name="main.border.radius.top" description="Main Border Radius" type="length" default="0px" value="0px"/>
<Variable name="footer.border.radius.top" description="Footer Border Radius Top" type="length" default="0" value="0"/>
<Variable name="footer.border.radius.bottom" description="Footer Border Radius Bottom" type="length" default="0px" value="0px"/>
<Variable name="region.shadow.spread" description="Main and Footer Shadow Spread" type="length" default="3px" value="3px"/>
<Variable name="region.shadow.offset" description="Main and Footer Shadow Offset" type="length" default="1px" value="1px"/>
<Variable name="tabs.background.gradient" description="Tab Background Gradient" type="url" default="none" value="none"/>
<Variable name="tab.selected.background.gradient" description="Selected Tab Background" type="url"
default="url(//www.blogblog.com/1kt/transparent/white80.png)" value="url(//www.blogblog.com/1kt/transparent/white80.png)"/>
<Variable name="tab.background" description="Tab Background" type="background"
default="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left" value="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left"/>
<Variable name="tab.border.radius" description="Tab Border Radius" type="length" default="0px" value="0px"/>
<Variable name="tab.first.border.radius" description="First Tab Border Radius" type="length" default="0px" value="10px"/>
<Variable name="tabs.border.radius" description="Tabs Border Radius" type="length" default="0" value="0"/>
<Variable name="tabs.spacing" description="Tab Spacing" type="length" default=".25em" value=".25em"/>
<Variable name="tabs.margin.bottom" description="Tab Margin Bottom" type="length" default="0" value="0"/>
<Variable name="tabs.margin.sides" description="Tab Margin Sides" type="length" default="20px" value="20px"/>
<Variable name="main.background" description="Main Background" type="background"
default="transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left" value="transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left"/>
<Variable name="main.padding.sides" description="Main Padding Sides" type="length" default="20px" value="20px"/>
<Variable name="footer.background" description="Footer Background" type="background"
default="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left" value="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left"/>
<Variable name="post.margin.sides" description="Post Margin Sides" type="length" default="-20px" value="-20px"/>
<Variable name="post.border.radius" description="Post Border Radius" type="length" default="10px" value="10px"/>
<Variable name="widget.title.text.transform" description="Widget Title Text Transform" type="string" default="uppercase" value="uppercase"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
html body .region-inner {
min-width: 0;
max-width: 100%;
width: auto;
}
.content-outer {
font-size: 90%;
}
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration: none;
color: $(link.hover.color);
}
.content-outer {
background: $(content.background);
-moz-box-shadow: 0px 0px 7px 4px #555;
-webkit-box-shadow: 0px 0px 7px 4px #555;
box-shadow: 0px 0px 7px 4px #555;
margin: $(content.margin) auto;
}
.content-inner {
padding: $(content.padding);
}
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;
height:230px;
margin-top: -25px;
color: $(header.text.color);
border-bottom: 14px solid #000000;
border-top: 4px solid #000000;
}
.Header img, .Header #header-inner {
-moz-border-radius: $(header.border.radius);
-webkit-border-radius: $(header.border.radius);
-goog-ms-border-radius: $(header.border.radius);
border-radius: $(header.border.radius);
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 20px;
padding-right: $(header.padding);
}
.Header h1 {
font-family: Denk One;
font-size: 34px;
text-shadow: 1px 1px 7px rgba(0, 0, 0, 1);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: 100%;
text-shadow: 1px 1px 7px rgba(0, 0, 0, 1);
}
#crosscol {
background: #999999;
margin-left: -20px;
margin-top: -7px;
}
#sidebar-right-1 {
padding: 15px;
background: rgba(255,255,255,.5);
width: 300px;
margin-bottom: 30px;
}
#sidebar-right-1 .widget h2 {
font-family: Denk One;
font-size: 18px;
background: #8a8a8a;
color: #ffffff;
padding: 7px;
border-radius: 7px;
border: 1px solid #777777;
}
#sidebar-right-1 .widget h4 {
font-family: Denk One;
font-size: 18px;
background: #8a8a8a;
color: #ffffff;
padding: 7px;
border-radius: 7px;
border: 1px solid #777777;
}
#sidebar-right-2-1 {
width: 160px;
}
#sidebar-right-2-1 .widget h2 {
font-family: Denk One;
font-size: 14px;
background: #8a8a8a;
color: #ffffff;
padding: 5px;
border-radius: 5px;
border: 1px solid #777777;
}
#sidebar-right-2-1 .widget h4 {
font-family: Denk One;
font-size: 14px;
background: #8a8a8a;
color: #ffffff;
padding: 5px;
border-radius: 5px;
border: 1px solid #777777;
}
#sidebar-right-2-2 {
width: 160px;
}
#sidebar-right-2-2 .widget h2 {
font-family: Denk One;
font-size: 14px;
background: #8a8a8a;
color: #ffffff;
padding: 5px;
border-radius: 5px;
border: 1px solid #777777;
}
#sidebar-right-2-2 .widget h4 {
font-family: Denk One;
font-size: 14px;
background: #8a8a8a;
color: #ffffff;
padding: 5px;
border-radius: 5px;
border: 1px solid #777777;
}
#sidebar-right-3 {
width: 330px;
}
#sidebar-right-3 .widget h2 {
font-family: Denk One;
font-size: 14px;
background: #8a8a8a;
color: #ffffff;
padding: 5px;
margin-bottom: 20px;
border-radius: 5px;
border: 1px solid #777777;
}
#sidebar-right-3 .widget h4 {
font-family: Denk One;
font-size: 14px;
background: #8a8a8a;
color: #ffffff;
padding: 5px;
margin-bottom: 20px;
border-radius: 5px;
border: 1px solid #777777;
}
#footer-1 .widget h2 {
font-family: Denk One;
font-size: 18px;
}
#footer-1 .widget h4 {
font-family: Denk One;
font-size: 18px;
}
#footer-2-1 .widget h2 {
font-family: Denk One;
font-size: 18px;
}
#footer-2-1 .widget h4 {
font-family: Denk One;
font-size: 18px;
}
#footer-2-2 .widget h2 {
font-family: Denk One;
font-size: 18px;
}
#footer-2-2 .widget h4 {
font-family: Denk One;
font-size: 18px;
}
.wrapper {
width: 1000px;
height: 80px;
background : #464646;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
position: relative;
margin-bottom:-30px;
margin-top:-30px;
}
ul {
margin: 0;
padding: 0;
}
ul.menu {
height: 70px;
border-left: 1px solid rgba(0,0,0,0.3);
border-right: 1px solid rgba(255,255,255,0.3);
float:left;
}
ul.menu li {
list-style: none;
float:left;
height: 65px;
text-align: center;
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
}
ul.menu li a {
display: block;
padding: 5px 20px 5px 20px;
border-left: 1px solid rgba(255,255,255,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
text-align: center;
color: #000000;
line-height: 65px;
margin-top: -6px;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
-webkit-transition-property: background;
-webkit-transition-duration: 700ms;
-moz-transition-property: background;
-moz-transition-duration: 700ms;
}
ul.menu li a:hover {
background: transparent none;
color: #ffffff;
text-decoration: none;
}
#headermenu {
margin-left: 0px;
margin-top: -2px;
}
#navbar {
display: none;
}
.tabs-inner {
margin: .5em $(tabs.margin.sides) $(tabs.margin.bottom);
padding: 0;
}
.tabs-inner .section {
margin: 0;
}
.tabs-inner .widget ul {
padding: 0;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;
-moz-border-radius: $(tabs.border.radius);
-webkit-border-radius: $(tabs.border.radius);
-goog-ms-border-radius: $(tabs.border.radius);
border-radius: $(tabs.border.radius);
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .5em 1em;
margin-$endSide: $(tabs.spacing);
color: $(tabs.text.color);
font: $(tabs.font);
-moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
-webkit-border-top-left-radius: $(tab.border.radius);
-webkit-border-top-right-radius: $(tab.border.radius);
-goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
background: $(tab.background);
border-$endSide: 0px solid $(tabs.separator.color);
}
.tabs-inner .widget li:first-child a {
padding-$startSide: 1.25em;
-moz-border-radius-top$startSide: $(tab.first.border.radius);
-moz-border-radius-bottom$startSide: $(tabs.border.radius);
-webkit-border-top-$startSide-radius: $(tab.first.border.radius);
-webkit-border-bottom-$startSide-radius: $(tabs.border.radius);
-goog-ms-border-top-$startSide-radius: $(tab.first.border.radius);
-goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius);
border-top-$startSide-radius: $(tab.first.border.radius);
border-bottom-$startSide-radius: $(tabs.border.radius);
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
position: relative;
z-index: 1;
<data:post.title/>
main |
sidebar
Rabu, 22 Mei 2013
praktekan 3
Diposting oleh khusen di 03.56
Subscribe to:
Posting Komentar (Atom)
Template Designed by SkinCorner | Sponsored by GosuBlogger
Copyright © 2009 Complicated Girl. All Rights Reserved.
Copyright © 2009 Complicated Girl. All Rights Reserved.
Label: latihan, os