Cara Menggunakannya:
Widget 2D Efek Blogger-Tj Adalah sebuah Widget Keluaran terbaru dari Jrswirogas , dan Widget ini Pantas di Gunakan oleh pengguna Blogger Khusus nya yang Pemula blogger (Newbie) , Widget ini telah di Realis Pada tanggal 26 Februari 2013 Oleh Jrswirogas
- Buka Blogger lalu login ke blogger sobat...
- Klik Template Lalu Klik " Edit HTML "
- Selanjut nya Ganti SEBAGIAN Gadget Kalian dari <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html> sampai ]]></b:skin> , Contoh =>
<?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><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Awesome Inc.
Designer: Tina Chen
URL: tinachen.org
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#ffffff" value="#ffffff"/>
<Group description="Page" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.background.color" description="Background Color" type="color" default="#000000" value="#000000"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Links" selector=".main-inner">
<Variable name="link.color" description="Link Color" type="color" default="#888888" value="#888888"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#444444" value="#444444"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#cccccc" value="#cccccc"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="description.text.color" description="Text Color" type="color"
default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(tabs.text.color)" value="$(tabs.text.color)"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#444444" value="#444444"/>
<Variable name="tabs.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.date-header span">
<Variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#666666" value="#666666"/>
<Variable name="date.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">
<Variable name="post.title.font" description="Font" type="font"
default="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Post Background" selector=".post">
<Variable name="post.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="post.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
<Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
</Group>
<Group description="Gadget Title" selector="h2">
<Variable name="widget.title.font" description="Font" type="font"
default="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.title.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Gadget Text" selector=".sidebar .widget">
<Variable name="widget.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666" value="#666666"/>
</Group>
<Group description="Gadget Links" selector=".sidebar .widget">
<Variable name="widget.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
<Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
<Variable name="widget.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
</Group>
<Group description="Gadget Background" selector=".sidebar .widget">
<Variable name="widget.background.color" description="Background Color" type="color" default="#141414" value="#141414"/>
<Variable name="widget.border.color" description="Border Color" type="color" default="#222222" value="#222222"/>
<Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
<Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="transparent" value="#222222"/>
<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Feed" selector=".blog-feeds">
<Variable name="feed.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Group description="Feed Links" selector=".blog-feeds">
<Variable name="feed.link.color" description="Link Color" type="color" default="$(link.color)" value="$(link.color)"/>
<Variable name="feed.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
<Variable name="feed.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="$(link.hover.color)"/>
</Group>
<Group description="Pager" selector=".blog-pager">
<Variable name="pager.background.color" description="Background Color" type="color" default="$(post.background.color)" value="$(post.background.color)"/>
</Group>
<Group description="Footer" selector=".footer-outer">
<Variable name="footer.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>
<Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px" value="-1px"/>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)"
default="$(color) none repeat scroll top left" value="$(color) url(//www.blogblog.com/1kt/awesomeinc/body_background_dark.png) repeat scroll top left"/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none" value="url(//www.blogblog.com/1kt/awesomeinc/body_gradient_dark.png)"/>
<Variable name="body.background.size" description="Body Background Size" type="string" default="auto" value="auto"/>
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none" value="none"/>
<Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="none" value="none"/>
<Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" value="22px"/>
<Variable name="header.margin.top" description="Header Top Margin" type="length" default="0" value="0"/>
<Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" value="0"/>
<Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" value="8px"/>
<Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" value="15px"/>
<Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" value="0"/>
<Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" value="none"/>
<Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" value="0"/>
<Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" value="0"/>
<Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length" default="0" value="0"/>
<Variable name="date.header.position" description="Date Header Position" type="length" default="15px" value="15px"/>
<Variable name="date.space" description="Date Space" type="length" default="30px" value="30px"/>
<Variable name="date.position" description="Date Float" type="string" default="static" value="static"/>
<Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" value="0"/>
<Variable name="date.border.size" description="Date Border Size" type="length" default="0" value="0"/>
<Variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" value="$(color) none no-repeat scroll top left"/>
<Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" value="20px"/>
<Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" value="0"/>
<Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0" value="0"/>
<Variable name="image.border.radius" description="Image Border Radius" type="length" default="0" value="0"/>
<Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" value="15px"/>
<Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default="1px" value="1px"/>
<Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" value="1px"/>
<Variable name="shadow.spread" description="Shadow Size" type="length" default="0" value="0"/>
<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"/>
<Variable name="date.side" description="Side where date header is placed" type="string" default="$(endSide)" value="$(endSide)"/>
<Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="$(widget.border.radius)" value="$(widget.border.radius)"/>
<Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" value="1em"/>
<Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" value="none"/>
<Variable name="mobile.background.size" description="Mobile Background Size" type="string"
default="$(body.background.size)" value="$(body.background.size)"/>
<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="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
*/
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {
text-decoration: underline;
color: $(link.hover.color);
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
/* Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}
.header-inner .section {
margin: 0 16px;
}
.tabs-inner .section {
margin: 0 16px;
}
.main-inner {
padding-top: $(date.space);
}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}
*+html body .main-inner .column-center-inner {
margin-top: -$(date.space);
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font: $(description.font);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: $(header.padding.top);
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid $(tabs.border.color);
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: $(tabs.font);
color: $(tabs.text.color);
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
height: 16px;
line-height: 16px;
}
.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: $(widget.outer.margin.top);
}
#layout .main-inner .column-left-outer,
#layout .main-inner .column-right-outer {
margin-top: 0;
}
.main-inner .column-left-inner,
.main-inner .column-right-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(outer.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}
.sidebar .widget {
font: $(widget.font);
color: $(widget.text.color);
}
.sidebar .widget a:link {
color: $(widget.link.color);
}
.sidebar .widget a:visited {
color: $(widget.link.visited.color);
}
.sidebar .widget a:hover {
color: $(widget.link.hover.color);
}
.sidebar .widget h2 {
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.main-inner .widget {
background-color: $(widget.background.color);
border: 1px solid $(widget.border.color);
padding: 0 $(widget.padding.side) 15px;
margin: 20px -16px;
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
.main-inner .widget h2 {
margin: 0 -$(separator.outdent);
padding: .6em $(separator.outdent) .5em;
border-bottom: 1px solid $(widget.border.bevel.color);
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
border-bottom: 1px solid $(widget.border.bevel.color);
}
.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: $(title.separator.border.size) solid $(widget.border.color);
padding-top: $(widget.padding.top);
}
.main-inner .widget .widget-content {
margin: 0 -$(separator.outdent);
padding: 7px $(separator.outdent) 0;
}
.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -$(widget.padding.top) -15px 0;
padding: 0;
list-style: none;
}
.main-inner .widget #ArchiveList {
margin: -$(widget.padding.top) 0 0;
}
.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;
color: $(widget.alternate.text.color);
border-top: $(list.separator.border.size) solid $(widget.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);
}
.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}
.main-inner .widget ul li:first-child, .main-inner .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;
list-style: disc;
}
.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;
color: $(body.text.color);
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: $(widget.alternate.text.color);
}
/* Posts
----------------------------------------------- */
body .main-inner .Blog {
padding: 0;
margin-bottom: 1em;
background-color: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.main-inner .section:last-child .Blog:last-child {
padding: 0;
margin-bottom: 1em;
}
.main-inner .widget h2.date-header {
margin: 0 -15px 1px;
padding: 0 0 $(date.padding.bottom) 0;
font: $(date.font);
color: $(date.text.color);
background: $(date.background);
border-top: $(date.border.size) solid $(date.border.color);
border-bottom: 1px solid $(widget.border.bevel.color);
-moz-border-radius-topleft: $(date.header.border.radius.top);
-moz-border-radius-topright: $(date.header.border.radius.top);
-webkit-border-top-left-radius: $(date.header.border.radius.top);
-webkit-border-top-right-radius: $(date.header.border.radius.top);
border-top-left-radius: $(date.header.border.radius.top);
border-top-right-radius: $(date.header.border.radius.top);
position: $(date.position);
bottom: 100%;
$(date.side): $(date.header.position);
text-shadow: 0 0 $(title.shadow.spread) #000000;
}
.main-inner .widget h2.date-header span {
font: $(date.font);
display: block;
padding: .5em 15px;
border-left: $(date.border.size) solid $(date.border.color);
border-right: $(date.border.size) solid $(date.border.color);
}
.date-outer {
position: relative;
margin: $(date.space) 0 20px;
padding: 0 15px;
background-color: $(post.background.color);
border: 1px solid $(post.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
}
.date-outer:first-child {
margin-top: 0;
}
.date-outer:last-child {
margin-bottom: $(date.last.space.bottom);
-moz-border-radius-bottomleft: $(date.last.border.radius.bottom);
-moz-border-radius-bottomright: $(date.last.border.radius.bottom);
-webkit-border-bottom-left-radius: $(date.last.border.radius.bottom);
-webkit-border-bottom-right-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-left-radius: $(date.last.border.radius.bottom);
-goog-ms-border-bottom-right-radius: $(date.last.border.radius.bottom);
border-bottom-left-radius: $(date.last.border.radius.bottom);
border-bottom-right-radius: $(date.last.border.radius.bottom);
}
.date-posts {
margin: 0 -$(separator.outdent);
padding: 0 $(separator.outdent);
clear: both;
}
.post-outer, .inline-ad {
border-top: 1px solid $(post.border.bevel.color);
margin: 0 -$(separator.outdent);
padding: 15px $(separator.outdent);
}
.post-outer {
padding-bottom: 10px;
}
.post-outer:first-child {
padding-top: $(post.first.padding.top);
border-top: none;
}
.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.post-body img {
padding: 8px;
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(image.border.radius);
-webkit-border-radius: $(image.border.radius);
border-radius: $(image.border.radius);
}
h3.post-title, h4 {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}
h3.post-title a:hover {
color: $(link.hover.color);
text-decoration: underline;
}
.post-header {
margin: 0 0 1em;
}
.post-body {
line-height: 1.4;
}
.post-outer h2 {
color: $(body.text.color);
}
.post-footer {
margin: 1.5em 0 0;
}
#blog-pager {
padding: 15px;
font-size: 120%;
background-color: $(pager.background.color);
border: 1px solid $(widget.border.color);
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-moz-border-radius: $(widget.border.radius);
-webkit-border-radius: $(widget.border.radius);
-goog-ms-border-radius: $(widget.border.radius);
border-radius: $(widget.border.radius);
-moz-border-radius-topleft: $(pager.border.radius.top);
-moz-border-radius-topright: $(pager.border.radius.top);
-webkit-border-top-left-radius: $(pager.border.radius.top);
-webkit-border-top-right-radius: $(pager.border.radius.top);
-goog-ms-border-top-left-radius: $(pager.border.radius.top);
-goog-ms-border-top-right-radius: $(pager.border.radius.top);
border-top-left-radius: $(pager.border.radius.top);
border-top-right-radius-topright: $(pager.border.radius.top);
margin-top: $(pager.space.top);
}
.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: $(feed.text.color);
}
.blog-feeds a, .post-feeds a {
color: $(feed.link.color);
}
.blog-feeds a:visited, .post-feeds a:visited {
color: $(feed.link.visited.color);
}
.blog-feeds a:hover, .post-feeds a:hover {
color: $(feed.link.hover.color);
}
.post-outer .comments {
margin-top: 2em;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
}
.comments .continue {
border-top: 2px solid $(tabs.border.color);
}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -$(shadow.spread) 0 -1px;
padding: $(shadow.spread) 0 0;
color: $(footer.text.color);
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 1px solid $(widget.border.color);
background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
-moz-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
box-shadow: 0 0 $(shadow.spread) rgba(0, 0, 0, .2);
margin: 0 -$(shadow.spread);
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: $(mobile.background.size);
}
.mobile .body-fauxcolumn-outer {
background: $(mobile.background.overlay);
}
*+html body.mobile .main-inner .column-center-inner {
margin-top: 0;
}
.mobile .main-inner .widget {
padding: 0 0 15px;
}
.mobile .main-inner .widget h2 + div,
.mobile .footer-inner .widget h2 + div {
border-top: none;
padding-top: 0;
}
.mobile .footer-inner .widget h2 {
padding: 0.5em 0;
border-bottom: none;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile .main-inner .widget ul,
.mobile .main-inner .widget #ArchiveList ul.flat {
margin: 0 -15px 0;
}
.mobile .main-inner .widget h2.date-header {
$(date.side): 0;
}
.mobile .date-header span {
padding: 0.4em 0;
}
.mobile .date-outer:first-child {
margin-bottom: 0;
border: 1px solid $(post.border.color);
-moz-border-radius-topleft: $(date.first.border.radius.top);
-moz-border-radius-topright: $(date.first.border.radius.top);
-webkit-border-top-left-radius: $(date.first.border.radius.top);
-webkit-border-top-right-radius: $(date.first.border.radius.top);
-goog-ms-border-top-left-radius: $(date.first.border.radius.top);
-goog-ms-border-top-right-radius: $(date.first.border.radius.top);
border-top-left-radius: $(date.first.border.radius.top);
border-top-right-radius: $(date.first.border.radius.top);
}
.mobile .date-outer {
border-color: $(post.border.color);
border-width: 0 1px 1px;
}
.mobile .date-outer:last-child {
margin-bottom: 0;
}
.mobile .main-inner {
padding: 0;
}
.mobile .header-inner .section {
margin: 0;
}
.mobile .blog-posts {
padding: 0 10px;
}
.mobile .post-outer, .mobile .inline-ad {
padding: 5px 0;
}
.mobile .tabs-inner .section {
margin: 0 10px;
}
.mobile .main-inner .widget h2 {
margin: 0;
padding: 0;
}
.mobile .main-inner .widget h2.date-header span {
padding: 0;
}
.mobile .main-inner .widget .widget-content {
margin: 0;
padding: 7px 0 0;
}
.mobile #blog-pager {
border: 1px solid transparent;
background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;
}
.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-goog-ms-box-shadow: none;
box-shadow: none;
}
.mobile .date-posts {
margin: 0;
padding: 0;
}
.mobile .footer-fauxborder-left {
margin: 0;
border-top: inherit;
}
.mobile .main-inner .section:last-child .Blog:last-child {
margin-bottom: 0;
}
.mobile-index-contents {
color: $(body.text.color);
}
.mobile .mobile-link-button {
background: $(link.color) $(tabs.background.gradient) repeat scroll 0 0;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: $(mobile.button.color);
}
.mobile .tabs-inner .PageList .widget-content {
background: transparent;
border-top: 1px solid;
border-color: $(tabs.border.color);
color: $(tabs.text.color);
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-$startSide: 1px solid $(tabs.border.color);
}
]]></b:skin>
- Hapus Tulisan yang berwarna
HijauBiru dengan Gadget yg di bawah ini (Ganti gadget yag berwarna biru dengan script yang di bawah ini) :
Bonus!!:<?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:article='http://ogp.me/ns/article#' 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' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'>
<head>
<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/u/0/109149646206999931164' rel='publisher'/></b:if>
<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'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + " | " + data:blog.title' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='Windows 8 TJ versi Beta Created Jrswirogas' name='keywords'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='Tj Community' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow' name='googlebot'/>
<meta content='index, follow' name='Googlebot-Image'/>
<meta content='index, follow' name='alexabot'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<link href='https://plus.google.com/u/0/109149646206999931164/posts' rel='author'/>
<link href='https://plus.google.com/u/0/109149646206999931164/posts' rel='publisher'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg96iXoJ1aeNAJEZ8kidIfACZCzl6EN5MSbgp53cNGVg1V5Bw0sKu3p1XUKUA33vp5F6Ld76Kj5LQWvCfOX2CdCnByOnz0GALW9859h-P41AdOm3_owTPm-q4Ypi50CH291hf26n5EJ-2k/s1600/Icon-TJcmjpg.jpg' rel='icon' type='image/x-icon'/>
<b:skin><![CDATA[
/*
-----------------------------------------------
THEME NAME:
BloggerV3-TJ Revolution Windows 8
/ ===========================================
/ -{ DESIGNER: by Tj Community }-
/ ===========================================
/ _ +-------------------------------------------+ _
/ /o)| http://tipsjrswirogas.blogspot.com/ |(o\
/ / / | Copyright @ 21 Desember 2012 | \ \
/ ( (_ | _ Full Version _ | _) )
/ ((\ \)+-/o)-----------------------------------(o\-+(/ /))
/ (\\\ \_/ / \ \_/ ///)
/ \ / __ \ /
/ \____/ | | \____/
/ +++++++++++++++++++++++++++++++++++
/ + ** +
/ + Please Like & Follow Us at: +
/ + THANKS TO ALL +
/ + >> https://www.facebook.com/WIROGAS +
/ + >> https://twitter.com/statusmoci +
/ + ** +
/ +++++++++++++++++++++++++++++++++++
/ | |
/ | |
/ /| |\
/
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
body{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPr44YQP2XuLLrlOaIVEijHYfwylnFF4g7kjU_OZ3oLVGKZU51A1F0Lcd40WRbndMWD8Bha639OJRcU39qFhShOHA3P3H37eMOw9eiN_PvTF-Ni1t1QDwO0aRcWURf3zouYb0fqpaxzCo7/s1600/Winnie-the-Pooh-Wallpaper-disney-8270185-1024-768.jpg") no-repeat scroll 0 0 #FF69B4; background-position:top center; background-attachment:fixed;
margin:0;
color:#000;
text-shadow: 0px 1px 1px #fff;
font: 15px Vollkorn;
text-align: left;
}
a:link {
color:#fff;
text-decoration:none;
}
a:visited {
color:red;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:underline;
}
a img {
border-width:0;
}
.quickedit{display:none;}
/* The Search */
#search {
background:#FF69B4;
border: 1px solid black;
border-radius:10px;
width: 280px;
.width: 285px; /* IE7 */
float: right;
margin: 0 0 20px;
padding: 16px 0 16px 0;
}
#search:hover{ opacity: 0.7;}
#search form {
margin: 0;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search input {
float: left;
font: 15px Vollkorn;
}
#search-text {
background:#000;
width: 190px;
.width: 180px; /* IE7 */
height: 18px;
margin: 0 10px 0 10px;
padding: 4px 0 4px 0;
color: #fff;
border: none;
}
#search-submit {
padding: 5px 6px;
border: none;
background: #ccc;
border: 1px solid black;
border-radius:10px;
color: #000;
text-shadow: 0px 1px 1px #fff;
}
#search-submit:hover {
background: #000;
border: 1px solid #ccc;
color: #fff;
}
/* Outer-Wrapper */
#outer-wrapper {
width: 980px;
margin: 0 auto;
}
#main-wrapper {
width: 490px;
.width: 495px; /* IE7 */
padding: 0 0 10px 0;
float: left;
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: 475px;
float: right;
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 */
}
#sidebarr-wrapper {
width: 280px;
.width: 285px; /* IE7 */
float: right;
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 */
}
#sidebarl-wrapper {
width: 180px;
float: left;
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 */
}
/* Content----------------------------------------------- */
::-webkit-scrollbar {height:12px;width: 12px;background: #D9D9D9;}
::-webkit-scrollbar-thumb {background-color: #808080;-moz-border-radius: 10px;border-radius: 10px;}
@keyframes myfirst
{ from{opacity:0;}
to{opacity:10;}}
@-moz-keyframes myfirst{ from{opacity:0;}
to{opacity:10;} }
@-webkit-keyframes myfirst{ from{opacity:0;}
to{opacity:10;} }
.quickedit{display:none}
body {animation: myfirst 10s;-moz-animation: myfirst 10s;-webkit-animation: myfirst 10s;font: normal normal 11px 'lucida grande', tahoma, verdana, arial, sans-serif;color: rgb(239,224,175);
background: black url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Ez4mqNNyiG-znUq-9piVn7byNLhnJoDw3ruNF4jRxJBoelRRgxCcHwB77eyqrqD6VNvyVtKBctRRWeJwqcJqehCVAoWiwUrAvGwps9ZZ7bQBZBB9-Rolz4zT8xJ_SAoe61UcfUCd__o/s1600/Tj-Community.jpg ) repeat-x fixed top center;
padding:0; margin:0; overflow-y:scroll; line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;
-moz-background-size:100%; -webkit-background-size:100%; background-size:100%;}
html body .region-inner {min-width: 0;max-width: 100%;width: auto;}
.content-outer {font-size: 100%;}
a:link {text-decoration:none;color: #ffaa00;}
a:visited {text-decoration:none;color:#ffaa00 ;}
a:hover {text-decoration:underline;color: rgb(239, 224, 175);}
.content-outer {margin: 40px auto;}
.content-inner {padding: 0;}
/* Content----------------------------------------------- */
::-webkit-scrollbar{width:14px;height:12px;background-color:#D9D9D9;border:0}::-webkit-scrollbar-thumb{background-color:#808080;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#505050}::-webkit-scrollbar-thumb:active{background-color:#303030}::-webkit-scrollbar-thumb:disabled{background-color:#D9D9D9}::-webkit-scrollbar-corner{background-color:#f0f0f0}
@keyframes myfirst
{ from{opacity:0;}
to{opacity:1;}}
@-moz-keyframes myfirst{ from{opacity:0;}
to{opacity:1;} }
@-webkit-keyframes myfirst{ from{opacity:0;}
to{opacity:1;} }
.quickedit{display:none}
body {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;font: normal normal 11px 'lucida grande', tahoma, verdana, arial, sans-serif;color: rgb(239,224,175);padding:0; margin:0; overflow-y:scroll; line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;
-moz-background-size:100%; -webkit-background-size:100%; background-size:100%;}
html body .region-inner {min-width: 0;max-width: 100%;width: auto;}
.content-outer {font-size: 100%;}
a:link {text-decoration:none;color: #ffaa00;}
a:visited {text-decoration:none;color:#ffaa00 ;}
a:hover {text-decoration:underline;color: rgb(239, 224, 175);}
.content-outer {margin: 40px auto;}
.content-inner {padding: 0;}
/* Header----------------------------------------------- */
.Header img, .Header #header-inner {-moz-border-radius: 0;-webkit-border-radius: 0;-goog-ms-border-radius: 0;border-radius: 0;}
.header-inner .Header .titlewrapper,.header-inner .Header .descriptionwrapper {padding-left: 30px;padding-right: 30px;}
.Header .description {display:none;}
header{height:20px; margin:0; padding:0;}
.header-outer{color: #ffffff;border-bottom:1px solid #131313; height:30px; min-width:981px; width:100%; z-index:287; left:0; top:0; position:fixed !important}
#header-inner{color:#ffffff; margin:0 0 0 10px; white-space:nowrap; overflow:hidden; background-position:center center}
.Header h1, .Header h1 a{color:white;text-shadow:10px 0px 12px gray;cursor:help;height:31px; line-height:29px; padding:0; vertical-align:top;display:inline-block; font-weight:bold; text-decoration:none}
.header-inner .Header{float:left; margin-left:-6px; z-index:5; width:auto}
.header-inner .Header h1{padding:0pt 8px;font-size:11px;margin:0; height:31px; line-height:29px}
.header-inner .HTML .widget-content a,#header-inner img{line-height:29px; padding:0; vertical-align:top; color:#D8DFEA; display:inline-block; font-weight:bold; text-decoration:none}
.header-inner .Header .description{display:none}
.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper{padding:0}
.header-inner .widget{margin:0; padding:0; float:left}
.header-inner #HTML60{float:left;}
.header-inner #HTML66{float:right}
.header-inner #HTML66,.tabs-inner #HTML2{margin-right:25px;}
/* Carausel----------------------------------------------- */
#jantung-jrswirogas{background: rgba(0,0,0,0.3);overflow:hidden;width:100%;height:100%;top:0;left:0;margin:0;padding:0; min-width:900px;position:fixed;z-index:288}
#da-vinci-carousel{margin:auto;top:20%;width:570px; height:384px;position:relative}
#da-vinci-carousel img{padding:8px;margin:4px;background:rgba(0,0,0,0.4);}
#da-vinci-carousel img:hover{border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); opacity:0; } 100% { -moz-transform:rotate(360deg); opacity:1; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); opacity:0;} 100% { -webkit-transform:rotate(360deg); opacity:1; }}
/* Search----------------------------------------------- */
#CustomSearch1{float:right}
.header-inner .HTML .widget-content{margin-right:1px;}
.header-inner .HTML .widget-content a img{border:solid 1px #333333; border-top:solid 1px #131313; height:23px; margin:3px 5px 3px 3px; width:23px}
.header-inner .HTML .widget-content a span.nama-orang{display:inline-block; max-width:175px; overflow:hidden; padding-right:8px; text-overflow:ellipsis; vertical-align:top; white-space:nowrap}
.header-inner .HTML .widget-content a.middle{padding:0 8px;}
.header-inner .HTML .widget-content a, #header-inner img{opacity:0.7; text-decoration:none}
.header-inner .HTML .widget-content a:hover, .header-inner .Header h1, .header-inner .Header h1 a, .CustomSearch form.gsc-search-box:hover, #header-inner img:hover{opacity:3.9; text-decoration:none}
.header-inner .HTML .widget-content a.garis{background:#727272; display:inline-block; padding:0; margin:9px 4px 0 4px; width:1px; height:14px; cursor:default}
.CustomSearch form.gsc-search-box{margin:5px 0 0 10px; position:relative; width:198px; padding:0}
.CustomSearch table.gsc-search-box{background: none; border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; height: 22px; z-index: 100; position: static;}
.CustomSearch table.gsc-search-box td.gsc-input{border-radius:15px;-moz-border-radius:15px;margin: 0; background: white; -webkit-border-radius: 15px; border-top: 1px solid #D9D9D9; height: 20px; padding: 0 0 1px;}
.CustomSearch input.gsc-input{padding-top: 2px; width: 163px; border: 0; margin: 0 22px 0 5px; outline: none; padding: 1px 5px 2px 0;}
.CustomSearch input.gsc-search-button{background-image: url(https://s-static.ak.fbcdn.net/rsrc.php/v2/yK/x/nDEHv4nTejR.png); border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-repeat: no-repeat; background-position: -230px -631px; background-color: white; color: transparent; border: 0; cursor: pointer; display: block; height: 20px; padding: 0; position: absolute; right: 2px; top: 2px; width: 22px;}
/* Headings----------------------------------------------- */
h2 {text-transform: none;color: #ffffff;margin: 0;}
/* Footer
----------------------------------------------- */
.footer-outer {
color:#cccccc;
}
.footer-inner {
padding: 10px 0 20px;
}
.footer-outer a {
color: #ff9900;
}
.footer-outer a:visited {
color: #dd7700;
}
.footer-outer a:hover {
color: #ffaa00;
}
.footer-outer .widget h2 {
color: #ffffff;
}
/* Comments ----------------------------------------------- */
.comments{display:none;position:fixed;top:-10px;right:51px;width:600px;height:100%;z-index:500;padding:20px;overflow:scroll;background:rgba(0,0,0,0.9)}
#comments .avatar-comment-indent .comment-author{background-color:darkred; color:#CCA; padding:2px 0 2px 45px; -moz-border-radius:5px; border-radius:5px; text-align:left}
#comments .avatar-comment-indent .blog-author{background-color:#5E8D6E}
#comments .avatar-comment-indent .comment-author a{color:#eee}
#comments .avatar-comment-indent .comment-author a:visited{color:#ccc}
#comments .avatar-comment-indent .comment-author a:hover{color:#ffa}
#comments .avatar-image-container img{margin:-2px 0 0 -2px; border:0}
.comments h4{font-size:16px}
.comments p.comment-footer a{font-size:12px}
.comment-footer{text-align:right; font-size:10px;border-bottom:1px dashed gray;}
.comment-footer a{color:#8A8A8A}
.comment-form{max-width:600px;}
.comment-body{text-align:left; max-height:300px; overflow-y:auto; word-wrap:break-word}
.comments h4{text-align:center;margin:0; color:#35250E; background-color:#E1E6EE; border:1px solid #99A8C7; padding:4px 4px 3px; -moz-border-radius:3px; border-radius:3px;}
/* Hiding
----------------------------------------------- */
.post-header,.blog-feeds,.Profile h2, .Attribution, .Feed h2, .HTML h2.title, .navbar,
.CustomSearch h2.title, .CustomSearch table.gsc-branding,
.header-inner .Header .descriptionwrapper, .Profile .profile-link{display:none}
/*-- START PANEL SLIDE START--*/
#navigation{text-align:center;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-family:Broadway;font-size:16px;font-weight:bold;width:auto;z-index:4;}#navigation a{cursor:default;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;background:rgba(80,80,80,0.4);text-decoration:none;color:#BCCFEF;display:inline-block;padding:2px 15px;position:absolute;right:10px;font:normal normal 14px/12px Verdana,Arial,Sans-Serif;border:1px solid gray; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; -webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}#navigation a:hover{background-color:#DA4D4B; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}.sledjrswirogas{cursor:move;opacity:0;top:0px;min-width:500px;width:auto;position:fixed;margin-left:-102%;z-index:1111;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.sledjrswirogas:target{opacity:1;margin-left:14.5em;top:100px;}
#mta_bar{top:0px;position:fixed;z-index:500;width:50px;right:0;height:100%;
box-shadow:inset 0 1px 10px black;-moz-box-shadow:inset 0 1px 10px black;-webkit-box-shadow:inset 0 1px 10px black;-o-box-shadow:inset 0 1px 10px black;opacity:0.5;-webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;
background-color:#111;
background-image:-webkit-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-moz-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-ms-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-o-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6))
}
#mta_bar:hover{opacity:1;}
#mta_bar .bar_logo img{margin-top:20px;}#mta_bar .bar_logo a{text-decoration:none;color:white;padding-left:10px}
.menu{padding-left:5px;padding-right:5px;}
.menu:hover,#klik-bawah,.radiocoy{background-image:-webkit-linear-gradient(top,rgba(2,37,58,0.5),rgba(63,111,135,0.5));background-image:-moz-linear-gradient(top,rgba(2,37,58,0.5),rgba(63,111,135,0.5));border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:inset 0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px lightblue;-webkit-box-shadow:inset 0px 2px 12px lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;}.star{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}.star:hover,.star:focus,.star:active{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-shadow:0px 2px 8px 0px #fff;-moz-box-shadow:0px 2px 8px 0px #fff;-webkit-box-shadow:0px 2px 8px 0px #fff;opacity:3.9;}.START:hover{-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;box-shadow:0px 2px 8px 0px lightblue;opacity:0.7;}.post-outer img{opacity:0.7;}.post-outer img:hover{opacity:3.9;}
.jrswirogas{background:rgba(0,0,0,0.7);box-shadow:inset 0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px lightblue;-webkit-box-shadow:inset 0px 2px 12px lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;border-radius:0pt 0px 10px 10px;-moz-border-radius:0pt 0px 10px 10px;-webkit-border-radius:0pt 0px 10px 10px;-o-border-radius:0pt 0px 10px 10px;padding-bottom:30px;}
.content{padding-bottom:25px;}
.fb_iframe_widget iframe{position:relative}
html body .list-archive2{-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;-goog-ms-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;display:inline-block; padding:3px 5px 0;text-decoration:none}
html body .list-archive2-pasip{background-image:rgba(0,0,0,0.5);border:1px solid #333333;border-bottom:none;cursor:pointer;color:#999999}
html body .list-archive2-pasip:hover{background-color:rgba(0,0,0,0.5);border-color:#999999;border-bottom:none;color:#cccccc}
html body .list-archive2-aktip{background-color:rgba(0,0,0,0.5);border:1px outset #999999;border-bottom:none;cursor:default;color:yellow}
.post-comment-link a.comment-link, strong.tombol, .tombol, a.tombol, a.tombol:visited, .post-header-line-line a.tombol-fb, a.tbl-hjr, p.comment-footer a, p.comment-footer a:visited{text-indent:0px; color:black; padding:0 5px; display:inline-block; border:1px solid black; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;margin:1px; text-decoration:none; cursor:pointer; background-color:#FFFFEE; background-image:url(http://www.deltechcorp.com/deltech02/brazil10/picts/menu.gif)}
.post-comment-link a.comment-link:hover, .tombol:hover, p.comment-footer a:hover, a.tombol:hover{color:darkred; text-decoration:none; border:1px solid green}
#blog-pager-newer-link{z-index:299;position:fixed;bottom:0px;left:20px;}#blog-pager-older-link{z-index:299;position:fixed;bottom:0px;left:50px;}#blog-pager{overflow:hidden;}
#Stats1{margin-top:-2px;}
#BlogArchive1{margin-top:-10px;}
/*-- Other Css--*/
ul.menunyoba,ul.menunyoba li,ul.menunyoba ul{list-style:none;margin:0;padding:0;}ul.menunyoba{position:relative;display:inline-block;}ul.menunyoba li{float:left;min-height:1px;line-height:1.3em;vertical-align:middle;}ul.menunyoba li:hover{position:relative;cursor:default;text-shadow:4px 0px 12px lightblue;}ul.menunyoba ul{visibility:hidden;position:absolute;top:100%;left:-100px;width:150px;background-color:#222;padding:0pt 5px;border:1px solid black;border-radius:0px 5px 5px 5px;opacity:0;}ul.menunyoba ul li{float:none;}ul.menunyoba ul ul{top:1px;left:99%;}ul.menunyoba li:hover>ul{visibility:visible;-webkit-transition:all 0.5s ease-out 0.2s;-moz-transition:all 0.5s ease-out 0.2s;-ms-transition:all 0.5s ease-out 0.2s;-o-transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;left:0;opacity:1}
#preview{position:absolute;box-shadow:0 4px 4px rgba(0,0,0,0.6);-moz-box-shadow:0 4px 4px rgba(0,0,0,0.6);-webkit-box-shadow:0 4px 4px rgba(0,0,0,0.6);-o-box-shadow:0 4px 4px rgba(0,0,0,0.6);background:rgba(0,0,0,0.6);padding:5px;z-index:330;color:#fff;}.radiocoy{color:yellow;display:none;position:fixed;z-index:299;width:200px;bottom:3px;left:210px;padding:0pt 10px;line-height:29px;overflow:hidden;height:30px;}.redirect{position:fixed;bottom:0px;right:350px;width:90px;height:33px;padding:0pt 10px;z-index:300;}.iconup{z-index:299;position:fixed;bottom:3px;right:350px;min-width:90px;padding:0pt 10px;}.buat-perhatian{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#333;}.buat-perhatian a{color:#3b5998}.buat-perhatian .per-bawah{width:250px;margin:auto;position:fixed;bottom:22px;left:110px;z-index:600}.buat-perhatian .dalem-perhatian h2{text-transform:none;color:white;font-size:14px;font-weight:bold;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;border-color:black;border-width:1px 1px 0;border-style:solid;margin:0;padding:5px 10px;}.buat-perhatian .dalem-perhatian .text-perhatian{border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;color:#333;padding:10px;background-color:rgba(255,255,255,0.9);border:1px solid black;}.buat-perhatian .dalem-perhatian .bawah-pool{background-color:rgba(255,255,255,0.8);padding:8px 10px;margin-left:10px;margin-top:-2px;border:1px solid black;border-top:none;border-radius:0pt 0pt 100% 0pt;-moz-border-radius:0pt 0pt 100% 0pt;-wekit-border-radius:0pt 0pt 100% 0pt;position:relative;text-align:right;display:inline-block;}
#Stats1_content{text-align:center}#klik-bawah{position:fixed;z-index:299;width:200px;bottom:3px;left:210px;padding:0pt 10px;line-height:29px;overflow:hidden;height:30px;}#klik-bawah a{color:#D8DFEA;text-decoration:none}#klik-bawah-data{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsgtyAnrROJZN4r72VykgERFJbo-zJFcY93dxcGOq4hKNFK5vO_BGSHqaXAihFunTfUYIdkqUvKidus0jtzpn5gPbPO8nrKXPMg-MqOxPKFZwzutdHGczLZn6x27lYI2nYViB5_9ZyyXc/s1600/folder-go-icon-TJ.png") no-repeat scroll 2px 1px transparent; padding:2pt 2pt 2pt 24px;cursor:pointer;}#sukacoy{position:fixed;bottom:0px;right:450px;width:91px;height:33px;padding:0pt 10px;z-index:300;}#likebarucoy{z-index:299;position:fixed;bottom:5px;right:450px;min-width:92px;padding:0pt 10px;}#jam-ngisor{text-decoration:none;z-index:302;position:fixed;bottom:38px;right:55px;border-radius:4px;box-shadow:inset 0 1px 10px black;}.baru-baru{height:31px;width:29px;float:left;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1tr6unbU5to6wGFkWUDFJEdNd3jLp_ef1zoDrY5eJnn6y-6qX4W5EbouJCM8pg0xlpYkrcEcSk34uhQvtoa1JSruxCvT9r53fY4q1LISmsx0_kfJxPGC1UvW_AKCkzgCen-ljcFgtH4/s1600/pemberitahuan.png);background-position:2px -1px;background-repeat:no-repeat;}.baru-satu{font-size:9px;border-radius:2px;margin-left:-12px;margin-right:12px;background:red;color:white;padding:2px;float:left;}
/* Main----------------------------------------------- */
.main-outer {background: transparent none repeat scroll top center;-moz-border-radius: 0 0 0 0;-webkit-border-radius: 0 0 0 0;-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;-goog-ms-border-radius: 0 0 0 0;border-radius: 0 0 0 0;-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15);-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15);-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15);box-shadow: 0 0 0 rgba(0, 0, 0, .15);}
.main-inner {
padding: 0 0 20px;
}
.main-inner .section{margin:0}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner{padding:0; margin:0}
.main-inner .column-center-inner .section{margin:-27px 15px 0}
/* Posts
----------------------------------------------- */
h3.post-title {
margin: 0;
font-size: 16px;
font-family:Broadway;
font-weight:normal;
line-height:19px;
}
.date-header {
text-align:right;
}
.date-header span {
color: lightyellow;
font-size:80%;
}
.post-outer {
background-color: transparent;
border: solid 1px transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-goog-ms-border-radius: 0;
padding: 5px;
margin: 0 0 10px;
}
.post-body {background-color: rgba(0,0,0,0.4);line-height: 1.4;font-size: 110%;position: relative;overflow:hidden;padding: 10px;width: auto;box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;}
.post-header {margin: 0 0 1.5em;color: #999999;line-height: 1.6;}
.post-footer {margin: .5em 0 0;color: #999999;line-height: 1.6;}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
/* CLASSES
----------------------------------------------- */
.transparent, .transparent7, .CustomSearch form.gsc-search-box, #fblike-profile{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.transparent8, .transparent9{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}
.bg-fit{-moz-background-size:100%; -webkit-background-size:100%; -goog-ms-background-size:100%; background-size:100%;}
.shadow, #gbr-pesbuk2{-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -goog-ms-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); box-shadow: 1px 1px 5px rgba(0, 0, 0, .5)}
.shadow-header{-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .52); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .52); box-shadow: 0 0 2px rgba(0, 0, 0, .52)}
.textshadow-header, h3.post-title{text-shadow: -1px -1px 1px rgba(0, 0, 0, .2)}
.rocksalt, .grande h3{font-family:Rock Salt, Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size:14px;}
.grande, .post-body input, .post-body textarea, .post-body select{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px;}
.schoolbell{font-family:Schoolbell,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif; font-size:13px}
.indie, h2{font-weight:normal;font-family:Indie Flower,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif}
.round3, .header-inner .HTML .widget-content a img, .post-body select, .post-body input, .post-body textarea, .profile-datablock, .Feed,.post-body{-moz-border-radius:3px; -webkit-border-radius:3px; -goog-ms-border-radius:3px; border-radius:3px}
.round7, #HTML3, .BlogArchive, .BlogList, #Stats1, .PopularPosts, .bunkus-coy .fb_ltr, .Followers,.post-outer{-moz-border-radius:7px; -webkit-border-radius:7px; -goog-ms-border-radius:7px; border-radius:7px}
.round-sabit{-moz-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -webkit-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -goog-ms-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; border-radius: 0px 100px 0px 0px / 0px 30px 0px 0px}
.black25, #huwashir, #parahu, .BlogArchive, .BlogList, .PopularPosts, #Stats1,.bunkus-coy .fb_ltr, .Followers, .profile-datablock, .Feed{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.35)}
.black50,.post-outer{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.5)}
.black70{background-color:rgba(0,0,0,0.7)}
.white50{background-color:rgba(255,255,255,0.5)}
.white80{background-color:rgba(255,255,255,0.7)}
.red25{background-color:rgba(255,100,100,0.25)}
.gambar-blogger{background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/y3/r/YPFeM0EXezc.png) no-repeat scroll -170px -91px; height:16px; width:16px; display:inline-block; vertical-align:middle}
.tbl-google{color:white; font-size:11px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; cursor:pointer}
.tbl-google i.left, .tbl-google i.right, .tbl-google b.center{background-image:url(http://www.google.com/friendconnect/scs/images/gfc_button_v2.gif); background-repeat:no-repeat; display:inline-block; width:22px; height:22px; margin:0; padding:0; vertical-align:middle}
.tbl-google i.left{background-position:top left}
.tbl-google i.right{background-position:0 -44px}
.tbl-google b.center{background-repeat:repeat-x; background-position:0 -22px; width:auto; height:16px; padding:3px}
.post-body pre,#kode{white-space:pre-wrap;word-wrap:break-word;padding:10px;cursor:text;border-left:15px solid #268bd2;text-align:left;overflow:auto}.post-body pre{font-family:verdana,arial,sans-serif;color:black;background:rgba(120,120,120,0.8);}.post-body img{max-width:100%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.post-body select,.post-body input,.post-body textarea{cursor:pointer;padding:2px;border:1px solid transparent;background-color:#3c464a;color:#efe0af}.post-body input,.post-body textarea{border:1px solid #c3d3fd;background-color:#f6f7ef;color:#3c464a}.post-body select:focus,.post-body input:focus,.post-body textarea:focus{border:1px solid #e2c822;background-color:#fff9d7;color:#333}.post-body input:focus,.post-body textarea:focus{cursor:text}.post-body p{text-align:left;font-size:12px}.post-body center p{text-align:center}.post-body .fl{font-size:150%;line-height:1;color:#f0f;text-shadow:-1px -1px 1px rgba(0,0,0,.2);font-family:Dancing Script,verdana}.post-body q{color:#e9a360}.post-body i,.comments i{color:#70a3e9}.post-body b,.comments b{color:#0f999b;}.post-body u{color:rgb(180,180,10);}.post-body strong{color:#c3d3c3}.post-body strike,.post-body del{color:#579365}.post-body code{color:#8C8}.post-timestamp{margin-left:0}.post-feeds,#blog1_backlinks-container h4{display:none}
#credit-ngisor{z-index:10;position:fixed;top:50px;width:100%;}
.welkiri { cursor:pointer;width:200px; float:left; font-size:30px; font-family:Century Gothic,Helvetica,Arial; color:#fff; margin-left:50px;}
.welkanan {box-shadow:0 0 2px #fff;float:right; font-family:Century Gothic,Helvetica,Arial;margin-right:55px;}
.welteks {float:left; color:#fff;}
.welteks1 { text-align:right; font-size:20px; font-weight:bold;transition:.5s linear;-moz-transition:all .5s;-webkit-transition:.5s linear}.welteks2 {cursor:pointer;font-size:14px; text-align:right; margin-top:5px;}.welteks2:hover{color:tomato}.welfoto { float:right;padding:4px; width:40px; height:40px; }
/* ---------------------------------Blocks----------------------------------------------- */
.catatan {display:block;text-align:left;background-color:#FFFAC1;font:italic normal 14px Georgia,Serif;color:#222;position:relative;margin:10px 7% 1.7em 7%;padding:20px 30px;text-shadow:none;}
.catatan:before {content:"";width:100%;height:4px;background-color:#4b8db5;background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);position:absolute;top:0;left:0;}
/* ---------------------------------Tampilan----------------------------------------------- */
#styleSwitcher {border:none;margin:0 0;padding:0 0;width:98%;text-align:left;font:normal 11px Tahoma,Arial,Sans-Serif;border-collapse:collapse;background-color:rgba(0,0,0,0.35);box-shadow:0px 2px 8px 0px lightblue;border-radius:6px;}
#styleSwitcher th,
#styleSwitcher td {vertical-align:middle;border:none !important;padding:2px 10px;}
#styleSwitcher select,
#styleSwitcher input[type="text"] {width:130px;border:1px solid #bbb;background-color:#333;padding:2px;font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;color:#999;display:block;margin:0 0 0;height:24px;}
#styleSwitcher select option {color:white;padding:5px 10px;cursor:pointer;}
#styleSwitcher button {font:normal 11px Tahoma,Arial,Sans-Serif;padding:3px 5px;cursor:pointer;}
#styleSwitcher #bgColorer {overflow:hidden;text-align:center;}
#styleSwitcher #bgColorer span {display:inline-block;width:20px;height:20px;border:1px solid black;margin:0 5px 0 0;cursor:pointer;}
#styleSwitcher input[type="text"] {width:118px !important;padding:4px !important;height:auto !important;}
/* ------------------------------------Buttons-------------------------------------------- */
.right-buttons {position:relative;top:-1px;right:10px;font:0/0 a;text-shadow:none;}
.right-buttons a {display:block;float:left;margin:0 0 0 -1px;width:26px;height:16px;border:1px solid gray;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);text-decoration:none;position:relative;cursor:default;-webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}
.right-buttons a:after {content:"";display:block;position:absolute;}
.right-buttons .minimize-btn {-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px;}
.right-buttons .minimize-btn:after {right:7px;bottom:4px;left:7px;height:3px;background-color:#BCCFEF;border:1px solid #233656;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.right-buttons .maximize-btn:after {top:4px;right:8px;bottom:4px;left:8px;border:2px solid #BCCFEF;-webkit-box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;-moz-box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.right-buttons .close-btn {-webkit-border-radius:0 0 3px 0;-moz-border-radius:0 0 3px 0;border-radius:0 0 3px 0;}
.right-buttons .close-btn {width:42px;}
.right-buttons .close-btn:after {content:"x";font:normal normal 14px/13px Verdana,Arial,Sans-Serif;color:#BCCFEF;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;top:0;right:0;bottom:0;left:0;text-align:center;}
.right-buttons a:hover {background-color:#8BAEE4;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}
.right-buttons a.close-btn:hover {background-color:#DA4D4B;}
.right-buttons a.maximize-btn:hover {background-color:green;}
.right-buttons a.minimize-btn:hover {background-color:yellow;}
.right-buttons .minimize-btn:hover:after {background-color:white}
.right-buttons .maximize-btn:hover:after {border-color:white}
.right-buttons .close-btn:hover:after {color:white}
/* --------------------------------Widgets----------------------------------------------- */
.widget .zippy{text-shadow:2px 2px 1px rgba(0, 0, 0, .1)}
.widget .popular-posts ul, .Profile ul, .Feed ul{list-style:none}
.widget-content ul{padding:0}
.li-arsip, .PopularPosts .widget-content ul li, .BlogArchive #ArchiveList ul.posts li, .Profile ul li, .Feed ul li{padding:0; margin:0; width:auto}
.PopularPosts .widget-content ul li a, .item-title a, a.list-archive, a.team-blog-profile, ul.posts li a, .Profile ul li a{
display:block; padding:2px 7px; border:1px outset lightblue;
text-indent:0px;
-moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;
color:#EFE0AF; margin-bottom:1px;
}
a.red25, .Profile ul li a{background-image:none}
a.black25{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgabBoxJcUd3ckMGfhYr0YPraUn0PTpqOgDTF2CXhR50Kk42kTf4NO22_UyfIkAWTPR352fCvCvm1KgNl5IzWrLnlYLmjxaror6mCI38lUBxqVtar6LdmsM8a-N1WGfgxigorpP3jS7bpc/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px rgba(0,0,0,0.35); padding:2pt 2pt 2pt 24px;}
ul.posts li a.red25,ul.posts li a.red25:visited{background-color:rgba(0,0,0,0.6)}
a.red25, .Profile ul li a{color:#E3E3E3}
.PopularPosts .widget-content ul li a:visited, .item-title a:visited, a.list-archive:visited, a.team-blog-profile:visited,
ul.posts li a:visited{
background-color:#4C565A; border:1px solid transparent; color:#CCCCCC;
}
.PopularPosts .widget-content ul li a:hover, .PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, .item-title a:hover, a.list-archive:hover, a.list-archive:active,
a.list-archive:focus, a.team-blog-profile:active, a.team-blog-profile:focus,
ul.posts li a:hover, ul.posts li a:active, ul.posts li a:focus{
color:yellow; text-decoration:none; background-color:rgba(180,0,0,0.9);
}
.PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, a.list-archive:active, a.list-archive:focus, a.team-blog-profile:active,
a.team-blog-profile:focus, ul.posts li a:active, ul.posts li a:focus{
border:1px solid transparent;
}
.widget{margin:0 0 20px 0}
.Profile img.profile-img, #fb-profile-pic img{height:auto; width:100%; display:block; float:none}
.Profile{margin-bottom:0; padding-bottom:0}
#ArchiveList .collapsed ul{display:block;}
#polower{padding-top:6px; margin-top:-6px}
.BlogArchive, .BlogList, .PopularPosts, .Followers{padding:5px; color:#E3E3E3}
.BlogArchive h2, .BlogList h2, .Blog h3.entry-title, .Followers h2.title{text-align:center; color:#E3E3E3}
.PopularPosts h2{display:none}
.Feed .item-title a{float:left; margin-bottom:0; -moz-border-radius:0 3px 7px 3px; -webkit-border-radius:0 3px 7px 3px;border-radius:0 3px 7px 3px}
.Feed .item-author{display:block; margin-bottom:5px; text-align:right; clear:left; font-size:10px}
a.tombol-download, a.tombol-download:visited{
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
padding:2px 4px 2px 22px; margin:1px 3px 1px 1px;
background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Dhq6yM557__jGJBlk9vtDe2SsO5A-ZV5lmkozB7UunQu5_jJPPJOzQ0sy6-LfKthLeBhcs_QKavI477rrFK7Yz9BdwMDmXUGqWxGUe__Fnu9h9ccVp_15aBMqihi_a64NOH0zzczIJI/s320/arrow-down-icon-SM.png) no-repeat scroll 0px 0px;
color:#3b5998; border:1px solid #cad4e7; font-size:11px;
line-height:14px; vertical-align:middle; text-indent:0px;
display:inline-block; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
text-decoration:none; cursor:pointer; }
a.tombol-download{background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Dhq6yM557__jGJBlk9vtDe2SsO5A-ZV5lmkozB7UunQu5_jJPPJOzQ0sy6-LfKthLeBhcs_QKavI477rrFK7Yz9BdwMDmXUGqWxGUe__Fnu9h9ccVp_15aBMqihi_a64NOH0zzczIJI/s320/arrow-down-icon-SM.png) no-repeat scroll 2px 1px;}
a.tombol-download:focus{ background-color:rgb(50,50,50); border-color:rgb(40,40,40); color:white;text-decoration:none;}
.Followers h2.title,#Stats1 h2{display:none;}
/*-- Start Menu Baru--*/
#jantung-windows{display:none;overflow:hidden;width:100%;height:100%;top:0;left:0;margin:0;padding:0; min-width:900px;position:fixed;z-index:301;
background-color:#222;
background-image:-webkit-radial-gradient(50% 50%,#333,#111);
background-image:-moz-radial-gradient(50% 50%,#333,#111);
background-image:-ms-radial-gradient(50% 50%,#333,#111);
background-image:-o-radial-gradient(50% 50%,#333,#111);
background-image:radial-gradient(50% 50%,#333,#111);
}
#start-dalam{position:relative;top:35%;width:100%;height:100%}
#daftar-isi-body{width:900px; height:600px!important; margin-top:60px; margin:0 auto} #daftar-isi-wrap{ margin:0 auto} .box-posting{ background-image:transparent; background-position:bottom center; background-repeat:no-repeat; overflow:hidden; cursor:pointer; float:left; height:140px; width:290px; margin:-80px 0 0 0} .box-posting img{ height:30px; width:30px; float:left; margin:20px 0 0 25px; border:1px solid #E1E4E6} .box-posting .judul-posting{ float:left; height:35px; margin:0; width:280px} .box-posting .judul-posting a{color:rgba(255,255,255,.5);margin:-30px 0 0 70px; display:block; font-size:13px !important; line-height:18px!important; font-weight:bold !important} .box-posting .judul-posting a:hover{text-decoration:none;color:white!important} .box-posting:hover{ border-left-color:#C6EB04} #totales{ text-align:center; color:#fff !important; text-shadow:0 1px rgba(0,0,0,0.2)} #loadingscript{ color:#fff; font-family:Century Gothic; font-size:50px;text-align:center; text-shadow:-5px 0 1px #444} #paginacion{ color:#fff; font-size:24px; font-weight:bold; height:35px; line-height:28px; padding:0; margin:0 auto; text-align:center} #paginacion span,#paginacion a{ background:#fff; display:inline-block; font-size:13px !important; line-height:24px; font-weight:bold; margin:0 1px; width:25px; height:25px}#paginacion a,#paginacion span.actual{ background:#fff; background-position:top center; background-repeat:no-repeat; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1)} #paginacion span.actual{background:gray;color:black} #paginacion a:hover{ background:gray;text-decoration:none;} #paginacion .nextprev-link, #paginacion span.nextprev-link{ border:none; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1); width:100px; background:#fffff}
#loadhalaman1 {position:fixed;bottom:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
#loadhalaman2 {position:fixed;top:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}
/* CLASSES
----------------------------------------------- */
.transparent, .transparent7, .CustomSearch form.gsc-search-box, #fblike-profile{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.transparent8, .transparent9{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}
.bg-fit{-moz-background-size:100%; -webkit-background-size:100%; -goog-ms-background-size:100%; background-size:100%;}
.shadow, #gbr-pesbuk2{-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -goog-ms-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); box-shadow: 1px 1px 5px rgba(0, 0, 0, .5)}
.shadow-header{-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .52); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .52); box-shadow: 0 0 2px rgba(0, 0, 0, .52)}
.textshadow-header, h3.post-title{text-shadow: -1px -1px 1px rgba(0, 0, 0, .2)}
.rocksalt, .grande h3{font-family:Rock Salt, Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size:14px;}
.grande, .post-body input, .post-body textarea, .post-body select{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px;}
.schoolbell{font-family:Schoolbell,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif; font-size:13px}
.indie, h2{font-weight:normal;font-family:Indie Flower,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif}
.round3, .header-inner .HTML .widget-content a img, .post-body select, .post-body input, .post-body textarea, .profile-datablock, .Feed,.post-body{-moz-border-radius:3px; -webkit-border-radius:3px; -goog-ms-border-radius:3px; border-radius:3px}
.round7, #HTML3, .BlogArchive, .BlogList, #Stats1, .PopularPosts, .bunkus-coy .fb_ltr, .Followers,.post-outer{-moz-border-radius:7px; -webkit-border-radius:7px; -goog-ms-border-radius:7px; border-radius:7px}
.round-sabit{-moz-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -webkit-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -goog-ms-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; border-radius: 0px 100px 0px 0px / 0px 30px 0px 0px}
.black25, #huwashir, #parahu, .BlogArchive, .BlogList, .PopularPosts, #Stats1,.bunkus-coy .fb_ltr, .Followers, .profile-datablock, .Feed{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.35)}
.black50,.post-outer{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.5)}
.black70{background-color:rgba(0,0,0,0.7)}
.white50{background-color:rgba(255,255,255,0.5)}
.white80{background-color:rgba(255,255,255,0.7)}
.red25{background-color:rgba(255,100,100,0.25)}
.gambar-blogger{background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/y3/r/YPFeM0EXezc.png) no-repeat scroll -170px -91px; height:16px; width:16px; display:inline-block; vertical-align:middle}
.tbl-google{color:white; font-size:11px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; cursor:pointer}
.tbl-google i.left, .tbl-google i.right, .tbl-google b.center{background-image:url(http://www.google.com/friendconnect/scs/images/gfc_button_v2.gif); background-repeat:no-repeat; display:inline-block; width:22px; height:22px; margin:0; padding:0; vertical-align:middle}
.tbl-google i.left{background-position:top left}
.tbl-google i.right{background-position:0 -44px}
.tbl-google b.center{background-repeat:repeat-x; background-position:0 -22px; width:auto; height:16px; padding:3px}
.post-body pre,#kode{white-space:pre-wrap;word-wrap:break-word;padding:7px;cursor:text;border:1px inset black;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;text-align:left;overflow:auto}.post-body pre{font-family:verdana,arial,sans-serif;color:#8093c0;margin:5px auto}.post-body img{max-width:100%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.post-body select,.post-body input,.post-body textarea{cursor:pointer;padding:2px;border:1px solid transparent;background-color:#3c464a;color:#efe0af}.post-body input,.post-body textarea{border:1px solid #c3d3fd;background-color:#f6f7ef;color:#3c464a}.post-body select:focus,.post-body input:focus,.post-body textarea:focus{border:1px solid #e2c822;background-color:#fff9d7;color:#333}.post-body input:focus,.post-body textarea:focus{cursor:text}.post-body p{text-align:left;font-size:12px}.post-body center p{text-align:center}.post-body .fl{font-size:150%;line-height:1;color:#f0f;text-shadow:-1px -1px 1px rgba(0,0,0,.2);font-family:Dancing Script,verdana}.post-body q{color:#e9a360}.post-body i,.comments i{color:#70a3e9}.post-body b,.comments b{color:green;}.post-body strong{color:#c3d3c3}.post-body strike,.post-body del{color:#579365}.post-body code{color:#8C8}.post-timestamp{margin-left:0}.post-feeds,#blog1_backlinks-container h4{display:none}
#credit-ngisor{z-index:10;position:fixed;top:50px;width:100%;}
.welkiri { cursor:pointer;width:200px; float:left; font-size:30px; font-family:Century Gothic,Helvetica,Arial; color:#fff; margin-left:50px;}
.welkanan {box-shadow:0 0 2px #fff;float:right; font-family:Century Gothic,Helvetica,Arial;margin-right:55px;}
.welteks {float:left; color:#fff;}
.welteks1 { text-align:right; font-size:20px; font-weight:bold;transition:.5s linear;-moz-transition:all .5s;-webkit-transition:.5s linear}.welteks2 {cursor:pointer;font-size:14px; text-align:right; margin-top:5px;}.welteks2:hover{color:tomato}.welfoto { float:right;padding:4px; width:40px; height:40px; }
/* Widgets
----------------------------------------------- */
.widget .zippy{text-shadow:2px 2px 1px rgba(0, 0, 0, .1)}
.widget .popular-posts ul, .Profile ul, .Feed ul{list-style:none}
.widget-content ul{padding:0}
.li-arsip, .PopularPosts .widget-content ul li, .BlogArchive #ArchiveList ul.posts li, .Profile ul li, .Feed ul li{padding:0; margin:0; width:auto}
.PopularPosts .widget-content ul li a, .item-title a, a.list-archive, a.team-blog-profile, ul.posts li a, .Profile ul li a{
display:block; padding:2px 7px; border:1px outset lightblue;
text-indent:0px;
-moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;
color:#EFE0AF; margin-bottom:1px;
}
a.red25, .Profile ul li a{background-image:none}
a.black25{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgabBoxJcUd3ckMGfhYr0YPraUn0PTpqOgDTF2CXhR50Kk42kTf4NO22_UyfIkAWTPR352fCvCvm1KgNl5IzWrLnlYLmjxaror6mCI38lUBxqVtar6LdmsM8a-N1WGfgxigorpP3jS7bpc/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px rgba(0,0,0,0.35); padding:2pt 2pt 2pt 24px;}
ul.posts li a.red25,ul.posts li a.red25:visited{background-color:rgba(0,0,0,0.6)}
a.red25, .Profile ul li a{color:#E3E3E3}
.PopularPosts .widget-content ul li a:visited, .item-title a:visited, a.list-archive:visited, a.team-blog-profile:visited,
ul.posts li a:visited{
background-color:#4C565A; border:1px solid transparent; color:#CCCCCC;
}
.PopularPosts .widget-content ul li a:hover, .PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, .item-title a:hover, a.list-archive:hover, a.list-archive:active,
a.list-archive:focus, a.team-blog-profile:active, a.team-blog-profile:focus,
ul.posts li a:hover, ul.posts li a:active, ul.posts li a:focus{
color:yellow; border-right:5px solid red;text-decoration:none; background-color:rgba(0,0,0,0.9);
}
.PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, a.list-archive:active, a.list-archive:focus, a.team-blog-profile:active,
a.team-blog-profile:focus, ul.posts li a:active, ul.posts li a:focus{
border:1px solid transparent;
}
.widget{margin:0 0 20px 0}
.Profile img.profile-img, #fb-profile-pic img{height:auto; width:100%; display:block; float:none}
.Profile{margin-bottom:0; padding-bottom:0}
#ArchiveList .collapsed ul{display:block;}
#polower{padding-top:6px; margin-top:-6px}
.BlogArchive, .BlogList, .PopularPosts, .Followers{padding:5px; color:#E3E3E3}
.BlogArchive h2, .BlogList h2, .Blog h3.entry-title, .Followers h2.title{text-align:center; color:#E3E3E3}
.PopularPosts h2{display:none}
.Feed .item-title a{float:left; margin-bottom:0; -moz-border-radius:0 3px 7px 3px; -webkit-border-radius:0 3px 7px 3px;border-radius:0 3px 7px 3px}
.Feed .item-author{display:block; margin-bottom:5px; text-align:right; clear:left; font-size:10px}
a.tombol-download, a.tombol-download:visited{
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
padding:2px 4px 2px 22px; margin:1px 3px 1px 1px;
background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Dhq6yM557__jGJBlk9vtDe2SsO5A-ZV5lmkozB7UunQu5_jJPPJOzQ0sy6-LfKthLeBhcs_QKavI477rrFK7Yz9BdwMDmXUGqWxGUe__Fnu9h9ccVp_15aBMqihi_a64NOH0zzczIJI/s320/arrow-down-icon-SM.png) no-repeat scroll 0px 0px;
color:#3b5998; border:1px solid #cad4e7; font-size:11px;
line-height:14px; vertical-align:middle; text-indent:0px;
display:inline-block; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
text-decoration:none; cursor:pointer; }
a.tombol-download{background:#ECEEF5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Dhq6yM557__jGJBlk9vtDe2SsO5A-ZV5lmkozB7UunQu5_jJPPJOzQ0sy6-LfKthLeBhcs_QKavI477rrFK7Yz9BdwMDmXUGqWxGUe__Fnu9h9ccVp_15aBMqihi_a64NOH0zzczIJI/s320/arrow-down-icon-SM.png) no-repeat scroll 2px 1px;}
a.tombol-download:focus{ background-color:rgb(50,50,50); border-color:rgb(40,40,40); color:white;text-decoration:none;}
.Followers h2.title,#Stats1 h2{display:none;}
/*-- Start Menu Baru--*/
#jantung-windows{display:none;background: rgb(80,80,80);overflow:hidden;width:100%;height:100%;top:0;left:0;margin:0;padding:0; min-width:900px;position:fixed;z-index:301}
#start-dalam{position:relative;top:35%;width:100%;height:100%}
#daftar-isi-body{width:900px; height:600px!important; margin-top:60px; margin:0 auto} #daftar-isi-wrap{ margin:0 auto} .box-posting{ background-image:transparent; background-position:bottom center; background-repeat:no-repeat; overflow:hidden; cursor:pointer; float:left; height:140px; width:290px; margin:-80px 0 0 0} .box-posting img{ height:30px; width:30px; float:left; margin:20px 0 0 25px; border:1px solid #E1E4E6} .box-posting .judul-posting{ float:left; height:35px; margin:0; width:280px} .box-posting .judul-posting a{color:black;margin:-30px 0 0 70px; display:block; font-size:13px !important; line-height:18px!important; font-weight:bold !important} .box-posting .judul-posting a:hover{text-decoration:none;color:gray!important} .box-posting:hover{ border-left-color:#C6EB04} #totales{ text-align:center; color:#fff !important; text-shadow:0 1px rgba(0,0,0,0.2)} #loadingscript{ color:#fff; font-family:Century Gothic; font-size:50px;text-align:center; text-shadow:-5px 0 1px #444} #paginacion{ color:#fff; font-size:24px; font-weight:bold; height:35px; line-height:28px; padding:0; margin:0 auto; text-align:center} #paginacion span,#paginacion a{ background:#fff; display:inline-block; font-size:13px !important; line-height:24px; font-weight:bold; margin:0 1px; width:25px; height:25px}#paginacion a,#paginacion span.actual{ background:#fff; background-position:top center; background-repeat:no-repeat; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1)} #paginacion span.actual{background:gray;color:black} #paginacion a:hover{ background:gray;text-decoration:none;} #paginacion .nextprev-link, #paginacion span.nextprev-link{ border:none; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1); width:100px; background:#fffff}
#loadhalaman1 {position:fixed;bottom:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
#loadhalaman2 {position:fixed;top:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizCeDmrBnrh1JJL-yglnzEmMdRTGoi5BWab34HKge81nsj7fkxe3NyjshWYeLB29YgquuH9fMO3QoeWCte5NJDCAs0lu61mFvmQRUfanydBBwsnU3WymPryKwxrTZeKHz4vVGq5ALH3FUA/') no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
line-height : 24px;
color : #333333;
margin : 0;
padding : 0;
}
]]></b:skin>
- Jika Kalian Masih Di Template (Edit HTML) silahkan cari code <body expr:class='"loading" + data:blog.mobileClass'> , Untuk Lebih mudah Tekan CTRL+F secara BERSAMAAN Lalu copy Script yg di bawah ini tepat nya di bawah code yang ini -> <body expr:class='"loading" + data:blog.mobileClass'>
<body expr:class='"loading" + data:blog.mobileClass'>
<div class='body-fauxcolumns'>
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content'>
<div class='content-fauxcolumns'>
<div class='fauxcolumn-outer content-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Tj Community (Header)' type='Header'/>
<b:widget id='HTML60' locked='true' title='NavBar1' type='HTML'/>
<b:widget id='HTML66' locked='true' title='NavBar2' type='HTML'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'/>
<div class='region-inner tabs-inner'>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Navbar3' type='HTML'/>
<b:widget id='CustomSearch1' locked='true' title='Search This Blog' type='CustomSearch'/>
</b:section>
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
</div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns' id='full-tengah'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
</div>
<div class='column-right-outer' id='full-right'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='1'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
</div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='3'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'/>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<b:include data='blog' name='google-analytics'/>
<div class='blank' style='text-align: center; padding-bottom: 2px; padding-top: 20px'>
<small><blink><span style='color: red;'>Hak cipta © 2012 – 2013</span></blink> designed By <a href='http://tipsjrswirogas.blogspot.com'>Wibiarly pribadi</a> | <a href='https://www.facebook.com/WIROGAS'><blink>PERUM 3|Bekasi Timur|Jawa Barat|INDONESIA</blink></a></small>
</div>
</body>
<script src='http://js-kit.com/ratings.js'/>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
</td>
</macro:if>
</tr>
</tbody>
</table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<b:section-contents id='sidebar-right-1'>
<b:widget id='Stats1' locked='false' title='Total Tayangan Laman' type='Stats'/>
<b:widget id='BlogArchive1' locked='false' title='Explore The Archive' type='BlogArchive'/>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
<b:widget id='HTML1' locked='false' title='Dialog-Perhatian' type='HTML'/>
</b:section-contents><b:section-contents id='footer-2-2'/><b:section-contents id='footer-2-3'>
<b:widget id='HTML3' locked='false' title='JS' type='HTML'/>
</b:section-contents></html>
Efek yang kalian dapatkan:
- Teks Keren
- Efek Gambar
- Efek 2D
- Background Windows 8 TJ
- Icon TJ
http://blog-jrswirogas.blogspot.com/
-|Good Job|-
Thank You for coming in my blogger, Do not forget to stop by again..
