Pages

Jumat, 02 September 2011

Membuat Portal di Blogspot

nah klw mau buat portal di blog.. klw takut blognya rusak, atau sekedar pngn bisa coding xml / html , mending buat blogger baru dulu deh.. baru silahkan copy paste EDIT script dibawah ini di edit html blog kakak-kakak sekalian.script dari Psykopat ^:)^
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,d){d=d!=void 0?d:(new Date).getTime();this.t[b]=[d,i]};this.tick("start",null,b)}var e=new c;a.jstiming={Timer:c,load:e};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.csi().pageT));g==null&&a.gtbExternal&&(g=a.gtbExternal.pageT());g==null&&a.external&&(g=a.external.pageT);g&&(a.jstiming.pt=g)}catch(h){};a.tickAboveFold=function(b){var f=0;if(b.offsetParent){do f+=b.offsetTop;while(b=b.offsetParent)}b=f;b<=750&&a.jstiming.load.tick("aft")};var j=!1;function k(){j||(j=!0,a.jstiming.load.tick("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",k,!1):a.attachEvent("onscroll",k);
 })();</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," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<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-b155-736c4f58596d"/>
<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="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"/>
<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="#444444"/>
<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.date-header span">

<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="transparent" />

</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="none" />

<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" default="0" />

<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="0" />

<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" default="0" />
<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="1px" />

<Variable name="list.separator.border.size" description="List Separator Border Size" type="length" default="1px" />
<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="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>

<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,e){e=e!=undefined?e:(new Date).getTime();this.t[d]=[e,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;if(a.chrome&&a.chrome.csi)g=Math.floor(a.chrome.csi().pageT);if(g==null)if(a.gtbExternal)g=a.gtbExternal.pageT();if(g==null)if(a.external)g=a.external.pageT;if(g)a.jstiming.pt=g}catch(h){};a.tickAboveFold=function(b){var d=0;if(b.offsetParent){do d+=b.offsetTop;while(b=b.offsetParent)}b=d;b<=750&&a.jstiming.load.tick("aft")};var j=false;function k(){if(!j){j=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",k,false):a.attachEvent("onscroll",k);
})();</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="http://www.blogger.com/feeds/823954014762669875/posts/default" />
<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," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } })(); </script> <![endif]-->

<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-b482-d5aa04d4c207"/>
<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 TheSurfive Delta Cyber's Army]=-"

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"+number)
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=neonbasecolor
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 (&quot;return false&quot;)

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"&gt;View shoutbox&lt;/a&gt;</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: small;">SILAHKAN KLIK GAMBAR DIBAWAH UNTUK LEBIH MENGENAL KAMI
</span><span style="color: white; font-family: Pristina;">DAN ENJOY SHARING POSITIF</span></marquee><center>
<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: small;">atau telp :
</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&gig_n=blogger"
src="

http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded"
height="170" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed><center><div style="text-align: center;">
<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>&nbsp;</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>&nbsp;</div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444187/101bukti.jar.html">101bukti.jar.html</a>&nbsp;</div>
<div style="text-align: center;">
<a href="
http://www.ziddu.com/download/11444186/2PDEnglish-Indonesia.jar.html">2PDEnglish-Indonesia.jar.html</a>&nbsp;</div>
<div style="text-align: center;">
&nbsp;<a href="
http://www.ziddu.com/download/11444185/26HariMencariCinta_txt.txt.html">26HariMencariCinta_txt.txt.html</a></div>
<div style="text-align: center;">
&nbsp;<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&#8482;"
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_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '823954014762669875';BLOG_attachCsiOnload(''); }_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=823954014762669875','http://thesurfive.co.cc/','823954014762669875');

_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=823954014762669875','APq4FmD5bqqCF17z90SpWe8tHxCkzIjUQNmZ2KUFOfdwqUfNaRvdxR7cfV8AZlc7MbsHKOeDPg3pHO9MZBEqsFMJzkVIZAUEadljALDPl8UoUpABOxW_n0Y=','AOuZoY4V5WltsJENqs52rKyt9IttbF2Tmw:1299214094201');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': '.:\75THESURFIVE DELTA CYBER'S ARMY PORTAL\75:.', 'pageType': 'index', 'url': 'http://thesurfives.blogspot.com/', 'canonicalUrl': 'http://thesurfives.blogspot.com/', 'homepageUrl': 'http://thesurfives.blogspot.com/', 'enabledCommentProfileImages': true, 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': '.:\75THESURFIVE DELTA CYBER'S ARMY PORTAL\75:.', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false, 'isMobile': false, 'mobileClass': '', 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42.:\75THESURFIVE DELTA CYBER'S ARMY PORTAL\75:. - Atom\42 href\75\42http://thesurfives.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42.:\75THESURFIVE DELTA CYBER'S ARMY PORTAL\75:. - RSS\42 href\75\42http://thesurfives.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42.:\75THESURFIVE DELTA CYBER'S ARMY PORTAL\75:. - Atom\42 href\75\42http://www.blogger.com/feeds/823954014762669875/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\75823954014762669875\42 /\076', 'meTag': '', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window;function c(b){this.t\75{};this.tick\75function(d,i,e){e\75e!\75undefined?e:(new Date).getTime();this.t[d]\75[e,i]};this.tick(\42start\42,null,b)}var f\75new c;a.jstiming\75{Timer:c,load:f};try{var g\75null;if(a.chrome\46\46a.chrome.csi)g\75Math.floor(a.chrome.csi().pageT);if(g\75\75null)if(a.gtbExternal)g\75a.gtbExternal.pageT();if(g\75\75null)if(a.external)g\75a.external.pageT;if(g)a.jstiming.pt\75g}catch(h){};a.tickAboveFold\75function(b){var d\0750;if(b.offsetParent){do d+\75b.offsetTop;while(b\75b.offsetParent)}b\75d;b\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var j\75false;function k(){if(!j){j\75true;a.jstiming.load.tick(\42firstScrollTime\42)}}a.addEventListener?a.addEventListener(\42scroll\42,k,false):a.attachEvent(\42onscroll\42,k);\n })();\74/script\076', 'mobileHeadScript': ''}}]);

_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/javascript">

    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&amp;blogName=Cyber+Generation&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=LIGHT&amp;layoutType=LAYOUTS&amp;searchRoot=http://thesurfives.blogspot.com/search&amp;blogLocale=in&amp;homepageUrl=http://thesurfives.blogspot.com/&amp;vt=-8543299445146247370" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
<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();</script>
</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&action=editWidget&sectionId=footer-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));' target='configAttribution1' title='Edit'>
<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_templates_experiment_id'] = "templatesV2";window['blogger_blog_id'] = '2239489283811233728';BLOG_attachCsiOnload(''); }_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=2239489283811233728','http://thesurfives.blogspot.com/','2239489283811233728');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=2239489283811233728','APq4FmAiXipWAujJsfLXi9qpoWb_oJCILszcvDnUKwGtAp66N_JUQnPBBKb7bqTwuYqsv5gj4z84XaOD_uPmn8DpEjP0yjZrbHWlOt7omdIjZYR7jhkXsU4=','AOuZoY7ngBPeIW09Bqo3QVA44jqO2Q5nrA:1311736002114');

_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'Cyber Generation', 'pageType': 'index', 'url': 'http://thesurfives.blogspot.com/', 'canonicalUrl': 'http://thesurfives.blogspot.com/', 'homepageUrl': 'http://thesurfives.blogspot.com/', 'blogspotFaviconUrl': 'http://thesurfives.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'Cyber Generation', 'encoding': 'UTF-8', 'locale': 'in', 'isPrivate': false, 'isMobile': false, 'mobileClass': '', 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Cyber Generation - Atom\42 href\75\42http://thesurfives.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Cyber Generation - RSS\42 href\75\42http://thesurfives.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Cyber Generation - Atom\42 href\75\42http://www.blogger.com/feeds/2239489283811233728/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\0752239489283811233728\42 /\076', 'meTag': '', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window;function c(b){this.t\75{};this.tick\75function(b,i,d){d\75d!\75void 0?d:(new Date).getTime();this.t[b]\75[d,i]};this.tick(\42start\42,null,b)}var e\75new c;a.jstiming\75{Timer:c,load:e};try{var g\75null;a.chrome\46\46a.chrome.csi\46\46(g\75Math.floor(a.chrome.csi().pageT));g\75\75null\46\46a.gtbExternal\46\46(g\75a.gtbExternal.pageT());g\75\75null\46\46a.external\46\46(g\75a.external.pageT);g\46\46(a.jstiming.pt\75g)}catch(h){};a.tickAboveFold\75function(b){var f\0750;if(b.offsetParent){do f+\75b.offsetTop;while(b\75b.offsetParent)}b\75f;b\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var j\75!1;function k(){j||(j\75!0,a.jstiming.load.tick(\42firstScrollTime\42))}a.addEventListener?a.addEventListener(\42scroll\42,k,!1):a.attachEvent(\42onscroll\42,k);\n })();\74/script\076', 'mobileHeadScript': '', 'ieCssRetrofitLinks': '\74!--[if IE]\76\74script type\75\42text/javascript\42 src\75\42http://www.blogger.com/static/v1/jsbin/1670430773-ieretrofit.js\42\76\74/script\76\n\74![endif]--\076'}}]);
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {'attribution': 'Template Awesome Inc.. Didukung oleh \74a href\75\47http://www.blogger.com\47 target\75\47_blank\47\76Blogger\74/a\76.'}, 'displayModeFull'));

_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));

_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));

</script>
</body>
</html>

0 komentar:

Posting Komentar