silahkan mulai dari bawah ini:
<!DOCTYPE html>
<html b:version='2' class='v2' dir='ltr'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<meta content='width=1100' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(b,i,
})();</script>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='
http://thesurfives.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='
http://thesurfives.blogspot.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="Cyber Generation - Atom" href="
http://thesurfives.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Cyber Generation - RSS" href="
http://thesurfives.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Cyber Generation - Atom" href="
http://www.blogger.com/feeds/2239489283811233728/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="
http://www.blogger.com/rsd.g?blogID=2239489283811233728" />
<link rel="openid.server" href="
http://www.blogger.com/openid-server.g" />
<!--[if IE]><script type="text/javascript" src="http://www.blogger.com/static/v1/jsbin/1670430773-ieretrofit.js"></script>
<![endif]-->
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "f
<title>Cyber Generation</title>
<link type='text/css' rel='stylesheet' href='
http://www.blogger.com/static/v1/widgets/1976720479-widget_css_2_bundle.css' />
<link rel="stylesheet" type="text/css" href="
http://www.blogger.com/dyn-css/authorization.css?targetBlogID=2239489283811233728&zx=827d172d-a45d-473d-b
<style type="text/css">#navbar-iframe { display:block }
</style>
<style id='page-skin-1' type='text/css'><!--
/*
-----------------------------------------------
Blogger Template Style
Name: Devil-404.
Designer: Mac Os aka Devil-404
URL: http://devil-404.org
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#ffffff"/>
<Group description="Page" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.background.color" description="Background Color" type="color" default="#000000"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#ffffff"/>
</Group>
<Group description="Links" selector=".main-inner">
<Variable name="link.color" description="Link Color" type="color" default="#888888"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#444444"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#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"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#000000" />
<Variable name="header.background.color" description="Header Background" type="color" default="transparen
</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"/>
<Variable name="description.text.color" description="Text Color" type="color"
default="#000000" />
</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"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#000000"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#141414"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#44444
<Variable name="tabs.border.color" description="Border Color" type="color" default="#222222"/>
</Group>
<Group description="Date Header" selector=".main-inner .widget h2.date-header, .main-inner .widget h2.dat
<Variable name="date.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#666666"/>
<Variable name="date.border.color" description="Border Color" type="color" default="#222222"/>
</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"/>
<Variable name="post.title.text.color" description="Text Color" type="color" default="#000000"/>
</Group>
<Group description="Post Background" selector=".post">
<Variable name="post.background.color" description="Background Color" type="color" default="#141414" />
<Variable name="post.border.color" description="Border Color" type="color" default="#222222" />
<Variable name="post.border.bevel.color" description="Bevel Color" type="color" default="#222222"/>
</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"/>
<Variable name="widget.title.text.color" description="Text Color" type="color" default="#000000"/>
</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"/>
<Variable name="widget.text.color" description="Text Color" type="color" default="#000000"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#666666"
</Group>
<Group description="Gadget Links" selector=".sidebar .widget">
<Variable name="widget.link.color" description="Link Color" type="color" default="#000000"/>
<Variable name="widget.link.visited.color" description="Visited Color" type="color" default="#000000"/>
<Variable name="widget.link.hover.color" description="Hover Color" type="color" default="#000000"/>
</Group>
<Group description="Gadget Background" selector=".sidebar .widget">
<Variable name="widget.background.color" description="Background Color" type="color" default="#141414"/>
<Variable name="widget.border.color" description="Border Color" type="color" default="#222222"/>
<Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="#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="trans
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="transparent"
<Variable name="image.border.color" description="Border Color" type="color" default="transparent"/>
</Group>
<Group description="Feed" selector=".blog-feeds">
<Variable name="feed.text.color" description="Text Color" type="color" default="#000000"/>
</Group>
<Group description="Feed Links" selector=".blog-feeds">
<Variable name="feed.link.color" description="Link Color" type="color" default="#000000"/>
<Variable name="feed.link.visited.color" description="Visited Color" type="color" default="#000000"/>
<Variable name="feed.link.hover.color" description="Hover Color" type="color" default="#000000"/>
</Group>
<Group description="Pager" selector=".blog-pager">
<Variable name="pager.background.color" description="Background Color" type="color" default="#000000" />
</Group>
<Group description="Footer" selector=".footer-outer">
<Variable name="footer.background.color" description="Background Color" type="color" default="#141414" />
<Variable name="footer.text.color" description="Text Color" type="color" default="#000000" />
</Group>
<Variable name="title.shadow.spread" description="Title Shadow" type="length" default="-1px"/>
<Variable name="body.background" description="Body Background" type="background"
color="#000000"
default="$(color) none repeat scroll top left"/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="none"/>
<Variable name="body.background.size" description="Body Background Size" type="string" default="auto"/>
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="none"/>
<Variable name="header.background.gradient" description="Header Background Gradient" type="url" default="
<Variable name="header.padding.top" description="Header Top Padding" type="length" default="22px" />
<Variable name="header.margin.top" description="Header Top Margin" type="length" default="0" />
<Variable name="header.margin.bottom" description="Header Bottom Margin" type="length" default="0" />
<Variable name="widget.padding.top" description="Widget Padding Top" type="length" default="8px" />
<Variable name="widget.padding.side" description="Widget Padding Side" type="length" default="15px" />
<Variable name="widget.outer.margin.top" description="Widget Top Margin" type="length" default="0" />
<Variable name="widget.outer.background.gradient" description="Gradient" type="url" default="none" />
<Variable name="widget.border.radius" description="Gadget Border Radius" type="length" default="0" />
<Variable name="outer.shadow.spread" description="Outer Shadow Size" type="length" default="0" />
<Variable name="date.header.border.radius.top" description="Date Header Border Radius Top" type="length"
<Variable name="date.header.position" description="Date Header Position" type="length" default="15px" />
<Variable name="date.space" description="Date Space" type="length" default="30px" />
<Variable name="date.position" description="Date Float" type="string" default="static" />
<Variable name="date.padding.bottom" description="Date Padding Bottom" type="length" default="0" />
<Variable name="date.border.size" description="Date Border Size" type="length" default="0" />
<Variable name="date.background" description="Date Background" type="background" color="transparent"
default="$(color) none no-repeat scroll top left" />
<Variable name="date.first.border.radius.top" description="Date First top radius" type="length" default="
<Variable name="date.last.space.bottom" description="Date Last Space Bottom" type="length"
default="20px" />
<Variable name="date.last.border.radius.bottom" description="Date Last bottom radius" type="length" defau
<Variable name="post.first.padding.top" description="First Post Padding Top" type="length" default="0" />
<Variable name="image.shadow.spread" description="Image Shadow Size" type="length" default="0"/>
<Variable name="image.border.radius" description="Image Border Radius" type="length" default="0"/>
<Variable name="separator.outdent" description="Separator Outdent" type="length" default="15px" />
<Variable name="title.separator.border.size" description="Widget Title Border Size" type="length" default
<Variable name="list.separator.border.size" description="List Separator Border Size" type="length" defaul
<Variable name="shadow.spread" description="Shadow Size" type="length" default="0"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="ri
<Variable name="date.side" description="Side where date header is placed" type="string" default="right"/>
<Variable name="pager.border.radius.top" description="Pager Border Top Radius" type="length" default="0"
<Variable name="pager.space.top" description="Pager Top Space" type="length" default="1em" />
<Variable name="footer.background.gradient" description="Background Gradient" type="url" default="none" /
<Variable name="mobile.background.size" description="Mobile Background Size" type="string"
default="auto"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left"/>
*/
/* Content
----------------------------------------------- */
body {
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #000000;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwiow-Y9ME2VL1lZr6Ovdd18YhPxpB9IdZwQ1zefLYu95vSyTs3G25vybwK2CX9ZLcGfaGoObCDzuwDj2ajikMDOguoWfQxzGFvmi_KkL_lbvoMC2WiwMY2ikLd4GoFS9AF6lVT9oq7kM5/s0/hacker.gif) repeat scroll top left;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 276px;
width: 100%;
background: transparent none 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: 30px;
}
.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: -30px;
}
#layout .main-inner .column-center-inner {
margin-top: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: 0 0 0 0;
background: #000000 none repeat scroll 0 0;
}
.Header h1 {
font: normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #000000;
text-shadow: 0 0 -1px #000000;
}
.Header h1 a {
color: #000000;
}
.Header .description {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #000000;
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: 22px;
}
/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: #000000 none repeat scroll 0 0;
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
border-top: 1px solid #000000;
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}
.tabs-inner .widget li:last-child a {
border-right: 1px solid #000000;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: #000000 none repeat-x scroll 0 -100px;
color: #ffffff;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: 0;
}
#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: transparent none repeat 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
#layout .main-inner .column-left-inner,
#layout .main-inner .column-right-inner {
margin-top: 0;
}
.sidebar .widget {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
.sidebar .widget a:link {
color: #888888;
}
.sidebar .widget a:visited {
color: #444444;
}
.sidebar .widget a:hover {
color: #cccccc;
}
.sidebar .widget h2 {
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget {
background-color: #141414;
border: 1px solid #222222;
padding: 0 15px 15px;
margin: 20px -16px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.main-inner .widget h2 {
margin: 0 -15px;
padding: .6em 15px .5em;
border-bottom: 1px solid #000000;
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
border-bottom: 1px solid #000000;
}
.main-inner .widget h2 + div, .footer-inner .widget h2 + div {
border-top: 1px solid #222222;
padding-top: 8px;
}
.main-inner .widget .widget-content {
margin: 0 -15px;
padding: 7px 15px 0;
}
.main-inner .widget ul, .main-inner .widget #ArchiveList ul.flat {
margin: -8px -15px 0;
padding: 0;
list-style: none;
}
.main-inner .widget #ArchiveList {
margin: -8px 0 0;
}
.main-inner .widget ul li, .main-inner .widget #ArchiveList ul.flat li {
padding: .5em 15px;
text-indent: 0;
color: #666666;
border-top: 1px solid #222222;
border-bottom: 1px solid #000000;
}
.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: #000000;
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: #666666;
}
/* 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 0 0;
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #666666;
background: transparent none no-repeat scroll top left;
border-top: 0 solid #222222;
border-bottom: 1px solid #000000;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
position: static;
bottom: 100%;
right: 15px;
text-shadow: 0 0 -1px #000000;
}
.main-inner .widget h2.date-header span {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
display: block;
padding: .5em 15px;
border-left: 0 solid #222222;
border-right: 0 solid #222222;
}
.date-outer {
position: relative;
margin: 30px 0 20px;
padding: 0 15px;
background-color: #000000;
border: 1px solid #000000;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.date-outer:first-child {
margin-top: 0;
}
.date-outer:last-child {
margin-bottom: 20px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-goog-ms-border-bottom-left-radius: 0;
-goog-ms-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.date-posts {
margin: 0 -15px;
padding: 0 15px;
clear: both;
}
.post-outer, .inline-ad {
border-top: 1px solid #000000;
margin: 0 -15px;
padding: 15px 15px;
}
.post-outer {
padding-bottom: 10px;
}
.post-outer:first-child {
padding-top: 0;
border-top: none;
}
.post-outer:last-child, .inline-ad:last-child {
border-bottom: none;
}
.post-body {
position: relative;
}
.post-body img {
padding: 8px;
background: #000000;
border: 1px solid #000000;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
h3.post-title, h4 {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
h3.post-title a {
font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
}
h3.post-title a:hover {
color: #000000;
text-decoration: underline;
}
.post-header {
margin: 0 0 1em;
}
.post-body {
line-height: 1.4;
}
.post-outer h2 {
color: #000000;
}
.post-footer {
margin: 1.5em 0 0;
}
#blog-pager {
padding: 15px;
font-size: 120%;
background-color: #141414;
border: 1px solid #222222;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius-topright: 0;
margin-top: 1em;
}
.blog-feeds, .post-feeds {
margin: 1em 0;
text-align: center;
color: #ffffff;
}
.blog-feeds a, .post-feeds a {
color: #888888;
}
.blog-feeds a:visited, .post-feeds a:visited {
color: #444444;
}
.blog-feeds a:hover, .post-feeds a:hover {
color: #cccccc;
}
.post-outer .comments {
margin-top: 2em;
}
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 -1px;
padding: 0 0 0;
color: #ffffff;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 1px solid #222222;
background: #141414 none repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
*+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 {
right: 0;
}
.mobile .date-header span {
padding: 0.4em 0;
}
.mobile .date-outer:first-child {
margin-bottom: 0;
border: 1px solid #000000;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-goog-ms-border-top-left-radius: 0;
-goog-ms-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.mobile .date-outer {
border-color: #000000;
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: #141414 none repeat scroll 0 0;
}
.mobile .main-inner .column-left-inner,
.mobile .main-inner .column-right-inner {
background: transparent none 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: #000000;
}
.mobile .mobile-link-button {
background: #000000 none repeat scroll 0 0;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #000000;
}
.mobile .tabs-inner .PageList .widget-content {
background: transparent;
border-top: 1px solid;
border-color: #000000;
color: #ffffff;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #000000;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(d,i,
})();</script>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<link href='http://thesurfive.co.cc/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title=".:=THESURFIVE CYBER's PORTAL=:. - Atom" href="http://thesurfive.co.cc/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title=".:=THESURFIVE CYBER's PORTAL=:. - RSS" href="http://thesurfive.co.cc/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title=".:=THESURFIVE CYBER's PORTAL=:. - Atom" href=
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=823954014762669875" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "f
<title>.:=THESURFIVE CYBER's PORTAL=:.</title>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/1225290173-widget_css_bundle.css' />
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=823954014762669875&zx=0b850e72-0939-4280-b4
<style type="text/css">#navbar-iframe { display:block }
</style>
<style id='page-skin-1' type='text/css'><!--
/*
--------------------------------------------------
Name : 404
Campus : UTY
Email : mark.dwintan@gmail.com
Yahoo Messenger : ibanez97@ymail.com
Facebook : EdwinTan.FB
-------------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#000000">
<Variable name="textcolor" description="Text Color"
type="color" default="#808080">
<Variable name="linkcolor" description="Link Color"
type="color" default="#808080">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#808080">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#808080">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#808080">
<Variable name="bordercolor" description="Border Color"
type="color" default="#808080">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#808080">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#808080">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#ffffff">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/
/* Use this with templates/template-twocol.html */
body {
background:url('http://joyexe.net84.net/matrix.gif') scroll repeat center center;
color: #33FF00;
font-family: Courier New;
font-size: 12px;
}
a:link {
color: #33FF00;
text-decoration:none;
}
a:visited {
color:#33FF00;
text-decoration:none;
}
a:hover {
color:#808080;
text-decoration:none;
}
a img {
border-width:0;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Footer
----------------------------------------------- */
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:lowercase;
letter-spacing:.1em;
text-align: center;
padding: 5px;
border:1px double #33FF00;
background-color:#000000;
--></style>
<style type='text/css'>
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}
</style>
<embed src="
http://img30.imageshack.us/img30/6936/fuckmalaysiabybom2.swf" autostart="false" hidden="true" width="10" height="10" align="left"></font></object>
</head>
<div id='footer-wrapper'>
<div class='footer section' id='footer'><div class='widget HTML' id='HTML1'>
<div class='widget-content'>
<script src="
http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js" type="text/javascript"></script>
<script>
// When the document loads do everything inside here ...
$(document).ready(function(){
// When a link is clicked
$("a.tab").click(function () {
// switch all tabs off
$(".active").removeClass("active");
// switch this tab on
$(this).addClass("active");
// slide all content up
$(".content").slideUp();
// slide this content up
var content_show = $(this).attr("title");
$("#"+content_show).slideDown();
});
});
</script>
<style type="text/css" media="screen">
<!--
.tabbed_area {
border:1px solid #33FF00;
background-color:#333;
padding:8px;
}
div.tabs {
margin-top:5px;
margin-bottom:6px;
}
div.tabs div {
display:inline;
}
div.tabs a {
background:#000000;
color:#ffffff;
padding:8px 14px 8px 14px;
text-decoration:none;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
background-repeat:repeat-x;
background-position:bottom;
}
div.tabs a:hover {
background-color:#7D7A7A;
border-color:#770101;
}
div.tabs a.active {
background-color:#33FF00;
color:#000000;
border:1px solid #000000;
border-bottom: 1px solid #33FF00;
background-image:url();
background-repeat:repeat-x;
background-position:top;
}
.content {
background-color:#000000;
padding:10px;
border:1px solid #33FF00;
font-family:Arial, Helvetica, sans-serif;
background-image:url();
background-repeat:repeat-x;
background-position:bottom;
}
#content_2, #content_3 { display:none; }
.content ul {
margin:0px;
padding:0px 20px 0px 20px;
}
.content ul li {
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:15px;
padding-bottom:15px;
font-size:13px;
}
.content ul li:last-child {
border-bottom:none;
}
.content ul li a {
text-decoration:none;
color:#3e4346;
}
.content ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.content ul li a:hover {
color:#a59c83;
}
.content ul li a:hover small {
color:#baae8e;
}
.content div {
margin:0px;
padding:0px;
}
</style>
<div class="tabbed_area">
<div class="tabs">
<div><a class="tab active" title="content_1" href="
#"><blink><font color="green" size="3">HOME</font></blink></a></div>
<div><a class="tab" title="content_2" href="
#"><blink><font color="green" size="3">BLOG</font></blink></a></div>
<div><a class="tab" title="content_3" href="
#"><blink><font color="green" size="3">CHAT</font></blink></a></div>
<div><a class="tab" title="content_4" href="
#"><blink><font color="green" size="3">ABOUT</font></blink></a></div>
<div><a class="tab" title="content_5" href="
#"><blink><font color="green" size="3">SERVICE</font></blink></a></div>
<div><a class="tab" title="content_6" href="
#"><blink><font color="green" size="3">FRIENDS</font></blink></a></div>
</div>
<div class="content" id="content_1">
<div>
<ul>
<li>
<center><b><img src='http://img94.imageshack.us/img94/5042/animasiback.gif'><center><img src='http://72.51.34.83/images/8eb/8ebd6c1d65fb7eb829ee29c3218b9af09e6ac859.gif'><center><img src='
http://img96.imageshack.us/img96/9259/hackerh.gif'>
<center><center></STYLE><center><h1><script language="JavaScript1.2">var message="-=[WellCome To TheSurfi
var neonbasecolor="black"
var neontextcolor="#00ff00"
var neontextcolor2="red"
var flashspeed=100 // speed of flashing in milliseconds
var flashingletters=3 // number of letters flashing in neontextcolor
var flashingletters2=1 // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0 // the pause between flash-cycles in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+nu
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neon
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()</script><center><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'></b></center></center>
</li>
</ul>
</div>
</div>
<div class="content" id="content_2">
<ul>
<li>
<center><b><img src='http://img94.imageshack.us/img94/5042/animasiback.gif'><center><img src='
http://img690.imageshack.us/img690/653/jinspirit.gif'><center><style type='text/css'>
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://img543.imageshack.us/img543/8656/bendera1.gif"), auto;}
</style>
<center><img src='
http://img13.imageshack.us/img13/668/1926332.gif'><center><a href="http://www.thesurfive.co.cc/"><img src='http://img806.imageshack.us/img806/8698/15563166.jpg'><center><center><a href="http://www.thesurfive.co.cc/"><img src='http://img806.imageshack.us/img806/8698/15563166.jpg'><center><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'></b></center></center>
</li>
</ul>
</div>
<div class="content" id="content_3">
<center><b><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'><center><img src='
http://img529.imageshack.us/img529/3827/rocket.gif'><center><script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 50, function(i){
var ar = new Array("_"," ","_"," "," "); return " " + ar[i.length %
ar.length]; });
//Type out examples:
TypingText.runAll();
</script>
<script language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script>
function muter2(){
scrW=screen.availWidth
scrH=screen.availHeight
window.moveTo(0,0)
window.resizeTo(10,10)
window.focus()
for(x=0;x<80;x++){
window.resizeTo(10,scrH*x/80)
}
for(y=0;y<80;y++){
window.resizeTo(scrW*y/80,scrH)
}
window.resizeTo(scrW,scrH)
}
document.oncontextmenu=new Function("muter2();return false");
function keypressed(){alert("./psykopt_killer@hackermail.com");}
document.onkeydown=keypressed;
function kasih_tau(){
alert('./www.thesurfive.co.cc');
}
</script><center><iframe title="Contact Me" src="http://www5.shoutmix.com/?thesurfive" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?thesurfive">View shoutbox</a></iframe><br /><a href="
http://www.shoutmix.com">View shoutbox</a></iframe><br />
<img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'><center></b></center></center>
</div></div>
<div style="display: none;" id="content_4" class="content">
<ul>
<center><b><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'><center>
<center>
<marquee behavior="alternate" width="500"><span style="color: white; font-family: Pristina; font-size: sm
</span><span style="color: white; font-family: Pristina;">DAN ENJOY SHARING POSITIF</span></marquee><cent
<center><a href="http://www.facebook.com/thesurfive" target="_blank"><img alt="Photobucket" border="0" src="
http://img713.imageshack.us/img713/9661/nihuavatar.gif" /></a></center></center></center>
<center>
<marquee behavior="alternate" width="500"><span style="color: white; font-family: Pristina; font-size: sm
</span><span style="color: white; font-family: Pristina;">087750990917</span></marquee><center></center>
<center><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'></b></center></center>
</ul>
</div>
<div style="display: none;" id="content_5" class="content">
<ul>
<center><b><center><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'><center><embed menu="false" pluginspage="http://www.adobe.com/go/getflashplayer"
swliveconnect="true" quality="best" allowscriptaccess="sameDomain" loop="false"
flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&g
src="
http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248
height="170" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed><center><div st
<img src="
http://img690.imageshack.us/img690/4295/emokaskusmenujutkpsmall.gif" /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
LANGSUNG AJA DUNLUD !!!</div>
<div style="text-align: center;">
<center><img src="
http://www.hotirc.jw.lt/images/Jin.jpg.gif" /><center>
<a href="
http://www.ziddu.com/download/11444364/AqidahAhlussunnahWalJamaah.jar.html">AqidahAhlussunnahWalJamaah.jar.html</a>
<a href="
http://draft.blogger.com/%20%09%20http://www.ziddu.com/download/11444365/AhkamusShalatBag1.jar.html">AhkamusShalatBag1.jar.html</a>
<a href="
http://www.ziddu.com/download/11444359/AhkamusShalatBag2.jar.html">AhkamusShalatBag2.jar.html</a>
<a href="
http://www.ziddu.com/download/11444358/Al_zaytun.chm.html">Al_zaytun.chm.html</a></div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444356/AgamaTuhan.jar.html">AgamaTuhan.jar.html</a></div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444190/Adab_Adab_Melamar_Pinangan_txt.txt.html">Adab_Adab_Melamar_Pinangan_txt.txt.html</a> </div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444189/90_Hari_Menuju_Allah_txt.txt.html">90_Hari_Menuju_Allah_txt.txt.html</a> </div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444187/101bukti.jar.html">101bukti.jar.html</a> </div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444186/2PDEnglish-Indonesia.jar.html">2PDEnglish-Indonesia.jar.html</a> </div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444185/26HariMencariCinta_txt.txt.html">26HariMencariCinta_txt.txt.html</a></div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444182/abubakar.jar.html">abubakar.jar.html</a></div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444045/DasarHukumPuasaRamadlan.pdf.html">DasarHukumPuasaRamadlan.pdf.html</a></div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444037/altibyan.chm.html">altibyan.chm.html</a>
<a href="
http://www.ziddu.com/download/11444183/10KebiasaanPribadiSuksesBag1.jar.html">10KebiasaanPribadiSuksesBag1.jar.html</a>
<a href="
http://www.ziddu.com/download/11671898/trinitas.chm.html">trinitas.chm.html</a>
</div>
<div style="text-align: center;">
</div>
<center><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'></b></center></center>
</ul>
</div>
<div style="display: none;" id="content_6" class="content">
<center><b><img src='http://img94.imageshack.us/img94/5042/animasiback.gif'><center><li><a href="
http://404-o.blogspot.com/" target='_blank'><img
src="
http://h1.ripway.com/EdwinTan/BLAME_GIF_TRANSPARANT.gif" title="404 - Source Code"
width="50" height="70" /></a></li></center>
<center><li><a href="
http://mustahil.tk/" target='_blank'><img
src="
http://i950.photobucket.com/albums/ad341/EdwinTan_bucket/hacked.gif" title="404 - Not Found"
width="150" height="50" /></a></li></center>
<center><li><a href="
http://syaitonnirrojim.com/" target='_blank'><img
src="
http://syaitonnirrojim.com/666/syaitonindex.gif" title="syaitonnirrojim"
width="150" height="50" /></a></li></center>
<center><li><a href="
http://hacola.indonesianforum.net/" target='_blank'><img
src="
http://img138.imageshack.us/img138/3707/cooltext480783525.gif" title="Kemi|ing-Hacker-Corp™"
width="150" height="50" /></a></li></center>
<center><li><a href="
http://yogyacarderlink.web.id/" target='_blank'><img
src="
http://i950.photobucket.com/albums/ad341/EdwinTan_bucket/YCL.gif"
title="Yogyacarderlink" width="150" height="50" /></a></li></center>
<center><li><a href="
http://serverisdown.org/" target='_blank'><img
src="
http://i950.photobucket.com/albums/ad341/EdwinTan_bucket/SID.gif" title="Server
Is Down" width="150" height="50" /></a></li></center>
<center><li><a href="
http://www.indonesianhacker.or.id/"
target='_blank'><img src="
http://i343.photobucket.com/albums/o446/budi_spielberg/mx-
brotherhood/IH.gif
" title="indonesianhacker" width="150" height="50" /></a></li></center>
<center><li><a href="
http://palembanghackerlink.org/"
target='_blank'><img src="
http://i343.photobucket.com/albums/o446/budi_spielberg/mx-
brotherhood/PHL.gif
" title="palembanghackerlink" width="150" height="50" /></a></li></center>
<center><li><a href="
http://jatimcrew.org/" target='_blank'><img
src="
http://i950.photobucket.com/albums/ad341/EdwinTan_bucket/JC.gif"
title="JatimCrew" width="150" height="50" /></a></li></center>
<center><li><a href="
http://aksientv.blogspot.com" target='_blank'><img
src="
http://i678.photobucket.com/albums/vv146/aksientv/AKSIENTV1.gif"
title="AKSIEN TV" width="150" height="50" /></a></li></center>
<center><li><a href="
http://prsty.co.cc/" target='_blank'><img
src="
http://i950.photobucket.com/albums/ad341/EdwinTan_bucket/prsty.gif"
title="prsty" width="150" height="50" /></a></li></center>
<center><li><a href="
http://www.oksan7seven.tk/" target='_blank'><img
src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJUrZpOwZSDBGLvZbCvWIqoovoAN1Kg97eg7gYxMdrZKHqA16kgrLi6v-gAEKwZF8HGxsR50JSyRVV91UYpp6UbwyZwDv05mEYpu1EhICZ-MwsyDxBT8HCQ_D0C8MzHLzCCCQbyqUYyYA/s1600/1875514.gif"
title="OKSAN SE7EN" width="150" height="50" /></a></li></center>
<center><li><a href="
http://chocomonsterz.blogspot.com/" target='_blank'><img
src="
http://h1.ripway.com/eric4ever/hacked-1.gif"
title="Chocomonsterz" width="150" height="50" /></a></li></center>
<center><li><a href="
http://www.pangerankodok.co.cc/" target='_blank'><img
src="
http://i1119.photobucket.com/albums/k627/croozboy/eric4vr.gif"
title="Eric" width="150" height="50" /></a></li></center><center><center>
<a href="http://thesurfive.co.cc" target="_blank"><img src="
http://72.51.34.83/images/8eb/8ebd6c1d65fb7eb829ee29c3218b9af09e6ac859.gif" border="0" alt="Photobucket" /></div>
<link href='
http://icons.iconarchive.com/icons/iconscity/flags/32/indonesia-icon.png' rel='SHORTCUT ICON'/><img src='
http://img94.imageshack.us/img94/5042/animasiback.gif'></b></center></center>
</div>
<!-- end outer-wrapper -->
--></style>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div class='navbar section' id='navbar'></div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="
http://www.blogger.com/static/v1/widgets/4078044573-widgets.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templa
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=823954014762669875','APq4FmD5bqqCF17z90SpWe8tHxCkzIjUQNmZ2KUFOfdwqU
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': '.:\75THESURFIVE DELTA CYBER'S ARMY PO
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
</script>
</body>
</html>
--></style>
<style id='template-skin-1' type='text/css'><!--
body {
min-width: 700px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 700px;
max-width: 700px;
_width: 700px;
}
.main-inner .columns {
padding-left: 0px;
padding-right: 0px;
}
.main-inner .fauxcolumn-center-outer {
left: 0px;
right: 0px;
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("0px") -
parseInt("0px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 0px;
}
.main-inner .fauxcolumn-right-outer {
width: 0px;
}
.main-inner .column-left-outer {
width: 0px;
right: 100%;
margin-left: -0px;
}
.main-inner .column-right-outer {
width: 0px;
margin-right: -0px;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
--></style>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body class='loading'>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javasc
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<iframe src="
http://www.blogger.com/navbar.g?targetBlogID=2239489283811233728&blogName=Cyber+Generation&publis
<div></div></div></div>
<div class='body-fauxcolumns'>
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'></div>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</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>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'></div>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'></div>
<div class='content-inner'>
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'></div>
<div class='region-inner header-inner'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
Cyber Generation
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>
</span></p>
</div>
</div>
</div></div>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</header>
<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'></div>
<div class='region-inner tabs-inner'>
<div class='tabs section' id='crosscol'></div>
<div class='tabs section' id='crosscol-overflow'></div>
</div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'></div>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'></div>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'></div>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'></div>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<div class='column-center-inner'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Tidak ada entri.
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>Tidak ada entri.</div>
</div>
</div>
</div>
<div style='clear: both;'></div>
<!-- google_ad_section_start(name=default) -->
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
<a class='home-link' href='
http://thesurfives.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='blog-feeds'>
<div class='feed-links'>
Langgan:
<a class='feed-link' href='
http://thesurfives.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Entri (Atom)</a>
</div>
</div>
<script src='
https://apis.google.com/js/plusone.js'>{'lang': 'in', 'parsetags': 'explicit'}</script><script type='text/javascript'>gapi.plusone.go();</scri
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot section' id='footer-1'></div>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3'><div class='widget Attribution' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Template Awesome Inc.. Didukung oleh <a href='
http://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='
http://www.blogger.com/rearrange?blogID=2239489283811233728&widgetType=Attribution&widgetId=Attribution1&
<img alt='' height='18' src='
http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="
http://www.blogger.com/static/v1/widgets/3241322299-widgets.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templa
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=2239489283811233728','APq4FmAiXipWAujJsfLXi9qpoWb_oJCILszcvDnUKwGtA
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'Cyber Generation', 'pageType': 'index
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, docu
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementByI
</script>
</body>
</html>

0 komentar:
Posting Komentar