![pangki[dot]com](http://www.kiesler.at/images/fatcat/icons/google_art_icon_20040503.jpg){kind=icon}
I like this Template. This template Designed by Pangki Fernandes.
DEMO TEMPLATE
Copy this Minimalis Prince 2 Column via Pangki Fernandes or this blog
DEMO TEMPLATECopy this Minimalis Prince 2 Column via Pangki Fernandes or this blog
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Name : Minimalis Prince 2 Column
Designer: Pangki Fernandes
URL : http://www.pangki.com
Blog : http://simplestrategy4you.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#333" value="#333333">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#555" value="#555555">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#555" value="#555555">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#333" value="#333333">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#333" value="#333333">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="bordercolor" description="Border Color"
type="color" default="#eee" value="#eeeeee">
<Variable name="metacolor" description="Meta DataColor"
type="color" default="#7f7f7f" value="#7f7f7f">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, sans-serif" value="normal normal 100% Arial, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 95% Arial, sans-serif" value="normal normal 95% Arial, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
<Variable name="bgwidgetcolor" description="Widget Background Color"
type="color" default="#fff" value="#f7f7f7">
*/
/* Use this with templates/template-twocol.html */
html, body{background:$bgcolor;
color:$textcolor;
text-align:center;}
body{font:12px arial,helvetica,verdana,sans-serif;}
/* Navbar
--------- */
#navbar-iframe{opacity:0.0;
filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;
filter:alpha(Opacity=100,
FinishedOpacity=100)
}
/* Headings
----------- */
h1{font-size:22px; color: $pagetitlecolor;}
h1 a{color: $pagetitlecolor;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{color:$linkcolor;text-decoration:none;}
a:hover{color:#666;}
a img {
border-width:0;
}
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$pagetitlecolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#head-inner {
width:550px;
background-position: right;
margin-left: auto;
margin-right: auto;
float:left;
}
#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}
#head-right{
width:290px;
float:left;
padding-top:10px;
}
ul.nav{list-style:none;background:$bordercolor;padding: 0; margin-left: 0;}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;}
.nav li a{font-size:11px;outline:none;color:$titlecolor;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;}
.nav li a span{font-size:11px;color:$metacolor;text-transform:lowercase;}
.nav li a:hover{background:$titlecolor;color:$bordercolor!important;width:95px;}
* html .nav li a:hover{background:$titlecolor;width:99px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}
.nav li.skip a{width:100px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}
li.top a{width:100px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: $titlecolor !important;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
/* Outer-Wrapper
---------------- */
#outer-wrapper {
border-top:3px solid $bordercolor;
margin:20px auto;
width:865px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
margin:26px 0 0 0;
width:540px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
color:$sidebartextcolor;
float:right;
margin:25px 0 0 33px;
width:260px;
line-height:1.3em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.sidebar h2 {color: $sidebarcolor;
margin:0px;
font:13px Verdana;
font-weight:bold;
color:#000000;
text-transform:uppercase;
padding-top:12px;
padding-bottom:4px;
border-bottom:1px dotted #B6B6B6;
}
.sidebar ul{list-style:none;margin:8px 0 4px; padding-left: 0px;}
.sidebar ul li{
background:#FFFFFF;
color:$sidebartextcolor;
line-height:1.2em;
border-top:1px;
padding-left:16px;
padding-right:0;
padding-top:4px;
padding-bottom:4px;
}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:150px;}
#tertCol {color:$sidebartextcolor;}
#tertCol{float:left;width:214px;margin:10px 0 0 33px;}
#tertCol p{color:$sidebartextcolor;}
/* Postingan
------------ */
h2.date-header {
margin:1.5em 0 .5em;
}
.postMeta{background:#FFFFFF; repeat-x left center;text-transform:uppercase;font-size:10px;text-align:left;margin-bottom:5px}
.postMeta span.date{background:$bgcolor;color:$metacolor;padding:0 2px 0 4px;}
.postMeta span.comments{background:$bgcolor url('http://1.bp.blogspot.com/_7pOuEDXvMiw/ShtxrPyT-ZI/AAAAAAAAAD4/tTxn58NoqwA/s320/comment_icon_orange.gif') no-repeat left center;padding-left:15px;margin-left:2px}
.postMeta span.comments a,
.postMeta span.date a{color:$metacolor;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;font-size: 18px;color:$titlecolor;}
.post h2 a{width:100%;display:block;outline:none;color: $titlecolor;}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
border: 3px solid $bordercolor;
padding: 5px;
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
font: $postfooterfont;
}
.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comment
---------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comment-general {background:$bgcolor ') top left;
border:1px solid #BBB;
margin-bottom:7px;
padding:0 7px 7px;
}
.comment-blog-author {background:$bgcolor url('http://3.bp.blogspot.com/_7pOuEDXvMiw/Shty-lE_jaI/AAAAAAAAAEA/Bv3YlyxiaJg/s1600-h/lgrey_diag.gif') top left;
border:1px solid #BBB;
margin-bottom:7px;
padding:0 7px 7px;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager { clear: both; margin: 10px 0;}
#blog-pager-newer-link { float: left; }
#blog-pager-older-link { float: right; }
#blog-pager { text-align: center; }
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
------------------ */
.sidebar {
color: $sidebartextcolor;
line-height: 1.3em;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
---------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
"boQer: 1px solid $bordercolor;
}
.prof`le-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
--------- */
#footer-wrapper {
margin: 10px 0;
}
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
.left {float: left;}
.right {float: right;}
.ctime {float: right;}
/* Kotak Iklan diatas Post
-------------------------- */
.iklan{
width:933px;
padding:10px 3px;
background:#fff;
margin:5px 10px 0px 10px;
text-align:center;
border:1px solid #C0C0C0;
}
.iklan .widget{
}
ul.nav1{list-style:none;background:$bordercolor;padding: 0; margin-left: 0;}
.nav1 li{border-right:1px solid #DDD;float:left;display:block;width:100px;}
.nav1 li a{font-size:11px;outline:none;color:$titlecolor;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;}
.nav1 li a span{font-size:11px;color:$metacolor;text-transform:lowercase;}
.nav1 li a:hover{background:$titlecolor;color:$bordercolor!important;width:95px;}
* html .nav li a:hover{background: #0E1211; text-decoration: none; width:79px;}
.nav1 li.skip{border-left:1px solid #DDD;float:right;display:block width:80px;}
.nav1 li.skip a{width:80px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:79px;}
li.top a{width:79px;}
.nav1 li.skip a:hover, li.top a:hover { background: transparent;color: $titlecolor !important;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
/* bottom Column
---------------- */
#bottom {
width: 865px;
position: relative;
clear:both;
margin: 0 auto 10px;
color:#000;
float: left;
padding: 0;
}
#leftbottom {
width: 395px;
float: left;
margin:0 12px 0 10px;
padding:7px 10px;
background:#FFFFFF;
border:1px solid $bordercolor;
}
#rightbottom {
width: 395px;
float: left;
margin:0;
padding:7px 10px;
background:#FFFFFF;
border:1px solid $bordercolor;
}
.bottom h2 {color: $sidebarcolor;
font:12px Verdana;
font-weight:bold;
color:#000000;
text-transform:uppercase;
padding-top:12px;
padding-bottom:4px;
border-bottom:1px dotted #B6B6B6;
}
.bottom ul{list-style:none;margin:8px 0 4px; padding-left: 0px;}
.bottom ul li{
background:#FFFFFF;
color:$sidebartextcolor;
line-height:1.2em;
border-top:0px;
padding-left:16px;
padding-right:0;
padding-top:4px;
padding-bottom:4px;
}
/* KOTAK PALING BAWAH
--------------------- */
#kotak{color:#FFFFFF;clear:both;height:0px;margin:0;padding:0;}
#kotakbox{color:#FFFFFF;margin:0;padding:0;width:865px;margin: 0 auto;background:$bgwidgetcolor;}
#kotakbox p {margin:0px;font-size:12px;margin-top:0px;}
.kotak {text-align:center;width:865px;color:#F1DCE3;margin:0 auto;padding:0;}
.kotak a:hover{text-decoration:underline;border:none;}
.kotak a:link, .footer a:active, .footer a:visited {color:#CC6600;border:none;font-weight:normal;}
.kotak p {margin:0px;font:12px Verdana;color:#CC6600;line-height:41px;}
/* NEW NAVBAR
------------- */
#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:3px;
margin:1px;
border:2px solid;
}
#newnavbar li a{
color:#7e2217;
}
#newnavbar li a:visited {
color: #4c4c4c;
}
#newnavbar li a:hover {
color: #7e2217;
background: #cccccc;
}
/* BACK TO TOP
-------------- */
#divStayTopLeft {
position: absolute;
margin-top:350px;
margin-right:0px; }
#divStayTopLeft a {
border:0;
height:129px;
width:25px;
display:block;
text-indent:-9999px;
background: url(http://4.bp.blogspot.com/_7pOuEDXvMiw/ShteQGKe7bI/AAAAAAAAADQ/ATgmePGabuM/s320/to+top.png) no-repeat; }
::selection { background: #ff4500; color: white; /* Safari */ }
::-moz-selection { background: #ff4500; color: white; /* Firefox */ }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* MENU ATAS KANAN
------------------ */
#menu { margin: 10px 0 0 2px;
list-style: none;
font-weight: bold;
font-family: Helvetica, Arial;
}
#menu li { float: right;
padding: 2px 0 3px 3px;
margin: 1px 12px 0 0;
line-height: 1.9em;
font-size: 1.0em; }
#menu li a { padding: 0;
text-decoration: none;
color: #7e2217;
}
#menu li a:hover { padding: 0;
text-decoration: underline;
color: #000000;
}
#menu li span { display: block;
float: left;
padding: 0 0px 0 22px;
}
#menu li span.blogspot { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.blogspot:hover { background: url('http://3.bp.blogspot.com/_87AhiaTs-5M/Sh-czaRErUI/AAAAAAAAAPo/7grYwbH2ML4/s320/icon_blogspot.png') no-repeat; }
#menu li span.yahoo { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.yahoo:hover { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Sh-dXdXq_bI/AAAAAAAAAQo/Q_e063KZKgo/s320/yahoo_icon-1.gif') no-repeat; }
#menu li span.gmail { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.gmail:hover { background: url('http://2.bp.blogspot.com/_87AhiaTs-5M/Sh-fusMCEZI/AAAAAAAAARQ/AGdcalWYZt0/s320/gmail-icon.png') no-repeat; }
#menu li span.google { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.google:hover { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Sh-cy3lUKxI/AAAAAAAAAPQ/-Q8MnjpP2D4/s320/Favicon_Goolge.png') no-repeat; }
#menu li span.paypal { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.paypal:hover { background: url('http://3.bp.blogspot.com/_87AhiaTs-5M/Sh-dBnij-FI/AAAAAAAAAQI/lwwPL09r4_s/s320/paypal-icon.gif') no-repeat; }
#menu li span.kompasiana { background: url('http://1.bp.blogspot.com/_87AhiaTs-5M/Shwt1IyaDfI/AAAAAAAAAKw/xI_uVBmxgkM/s320/icon_next.png') no-repeat; }
#menu li span.kompasiana:hover { background: url('http://3.bp.blogspot.com/_87AhiaTs-5M/SiGYZR66RwI/AAAAAAAAARo/RI7zb_TF7cE/s320/images-kompas.jpg') no-repeat; }
/* SEXY BOOKMARKS
----------------- */
div.sexy-bookmarks {
height:54px;
background:#FFFFFF;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:#FFFFFF;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(http://img509.imageshack.us/img509/3131/sexysprite.png) no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
]]></b:skin>
<script src='http://www.geocities.com/kendhin_x/Readmore.js' type='text/javascript'/>
</head>
<body>
<div id='outer-wrapper'>
<div id='menu'>
<ul style='color: rgb(255, 255, 255);'><li style='padding-left: 0;'><span class='paypal'><a href='https://www.paypal.com/id' target='_blank' title='Paypal'>Paypal</a></span></li>
<li><span class='blogspot'>
<a href='https://www.blogger.com/start' target='_blank' title='Login to Blogspot'>Login</a></span></li>
<li><span class='yahoo'>
<a href='https://login.yahoo.com/' target='_blank' title='Login Yahoo!'>Yahoo!</a></span></li>
<li><span class='gmail'>
<a href='https://www.google.com/accounts/ServiceLogin?' target='_blank' title='Check E-mail kamu!'>Gmail</a></span></li>
<li style='padding-right: 0; margin-right: 0;'><span class='google'>
<a href='http://google.com' target='_blank' title='Gerbang menuju Dunia'>Google</a></span></li>
</ul></div>
<div id='wrap2'>
<div id='kolom-bawah-footer-column-container'>
<div style='clear:both;'/>
</div>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div class='masthead fix'>
<div id='head-inner'>
<b:section class='masthead' id='masthead' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Pangeran tampan (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='authorBlurb'>
<div id='authorBlurb'>
<p id='authorIntro'><img alt='pangki[dot]com' src='http://www.kiesler.at/images/fatcat/icons/google_art_icon_20040503.jpg'/><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='masthead'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Hanya gambar yg tampil, bukan teks-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Menampilkan gambar sebagai latar belakang pada teks. Anda tidak dapat benar-benar menghitung lebar terpercaya di JS margin karena tidak diambil oleh account ke salah satu clientWidth, offsetWidth atau scrollWidth, jadi kami tidak memaksa minimum
lebar jika pengguna menggunakan segan untuk muat.
Ini hasil dalam margin-lebar dari nilai pixel yang dipotong. Jika
pengguna tidak segan untuk menggunakan sesuai maka kami memperluas header.
-->
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<span class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px; width: 400px; float: left;'>
<b:include name='masthead'/>
</h1>
</span>
<b:include name='authorBlurb'/>
</div>
</b:if>
<b:else/>
<!-- Tidak ada gambar header -->
<div id='header-inner'>
<span class='titlewrapper'>
<h1 class='title' style='width: 400px; float: left;'>
<b:include name='title'/>
</h1>
</span>
<b:include name='authorBlurb'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='head-right'>
<b:section class='header' id='header2' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='benner Prita' type='HTML'>
<b:includable id='main'>
<!-- Star benner byTagg -->
<div class='ads'>
<script src='http://widget.bytagg.com/wg_234x60.js' type='text/javascript'/>
<script type='text/javascript'>
gg_following = "";
gg_lang = "en";
gg_id = "1310";
gg_tx1 = "Follow this blog";
gg_tx2 = "with byTagg!";
bytagg.init();
</script>
</div>
<!-- End benner byTagg -->
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='newnavbar'>
<ul>
<li style='font-weight: bold;'><a href='#' title='Return to the the frontpage'>Homepage</a></li>
<li style='font-weight: bold;'><a href='http://simplestrategy4you.blogspot.com' target='_blank' title='Simple blog'>blog.simplestrategy</a></li>
<li style='font-weight: bold;'><a href='http://www.pangki.com/' target='_blank' title='Yang punya blog ini murah Senyum'>pangki[dot]com</a></li>
<li style='font-weight: bold;'><a href='http://www.pangki.com/2009/05/kontak-saya.html' target='_blank' title='Silahkan Kontak saya jika ada yang ingin ditanyakan'>Kontak Saya!</a></li>
</ul></div>
<div id='content-wrapper'>
<b:section class='adscolumn' id='adscolumn' preferred='yes'/>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager' style='margin-top: 10px;'>
<b:if cond='data:newerPageUrl'>
<span class='left' id='blog-pager-newer-link' style='float: left;'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span class='right' id='blog-pager-older-link' style='float: right;'>
<a class='blog-pager-older-link right' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
</div>
<div class='clear'> </div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='post-header-line-1'/>
<!-- Mulai kode share Tweetmeme -->
<div style='float:right; margin-left:12px; margin-bottom:5px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>
<!-- End kode share Tweetmeme -->
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' width='100%'><tr> <td valign='center'><span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 412; text-align: left; border: 1px dotted #c0c0c0; padding: 10px; background: #F3D8A8; height:131'>
<b> Segera bergabung dengan Penghasil Dollar di bawah ini:</b>
<ul type='square'>
<li><a href='http://reviewmu.com/?ref=210' target='_blank'>
Bergabunglah di Paid Review pertama di Indonesia?</a></li>
<li>
<a href='http://www.ziddu.com/register.php?referralid=(yovXL1@_-' target='_blank'>
Setiap file Anda di Download, Dollar mengalir. Mau?</a></li>
<li>
<a href='https://www.twittad.com/a/M1' target='_blank'>
Ingin meraup dollar via twitter? join sekarang</a></li>
</ul>
</div>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'>READ MORE → <data:post.title/></a></p>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/>
<!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
</b:if>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<!-- post-backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- E-mail Postingan -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' expr:title='data:top.emailPostMsg' target='_blank'>
<img alt='' class='icon-action' src='http://4.bp.blogspot.com/_87AhiaTs-5M/Sh67j-AARFI/AAAAAAAAAOA/gXlgd24WLNU/s320/icon-mail20080909.png'/>
</a>
</span>
</b:if>
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>
<!-- Edit Ulang Postingan dgn logo Pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 412; text-align: left; border: 1px dotted #FFFFFF; padding: 10px; background: #FFFFFF; height:131'>
<p><b>Informasi Pilihan Identitas:</b><br/><b>Google/Blogger :</b> Khusus yang punya Account Blogger.<br/><b>Lainnya :</b> Jika tidak punya account blogger namun punya alamat Blog atau Website.<br/><b>Anonim : </b>Jika tidak ingin mempublikasikan profile anda (sangat tidak disarankan). Dan maaf jika harus saya hapus.<br/></p>
</div>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<div class='postMeta'>
<b:if cond='data:post.dateHeader'>
<span class='date'>
<data:post.dateHeader/></span>
</b:if>
<span class='comments'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/>
</b:if></a>
</b:if>
</b:if>
</span>
</div>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- feed links -->
<b:include name='feedLinks'/>
<!-- navigation -->
<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/></a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>
<div class='comment-blog-author'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<span class='right ctime' style='float: right'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><strong><data:comment.author/></strong></a>
<b:else/>
<strong><data:comment.author/></strong>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<div style='clear: both;'/>
</div>
<b:else/>
<div class='comment-general'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<span class='right ctime' style='float: right'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><strong><data:comment.author/></strong></a>
<b:else/>
<strong><data:comment.author/></strong>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<div style='clear: both;'/>
</div>
</b:if>
</b:loop>
</dl>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<div id='searchWrap'>
<center>
<form expr:action='data:blog.homepageUrl + "search"' id='searchform' method='get' name='searchform'>
<input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Search'/></form>
</center>
</div>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='true' title='Donation' type='HTML'>
<b:includable id='main'>
<!-- Star ads -->
<div class='ads'>
<center>
<p><span style='font-weight: bold; color: rgb(153, 51, 0); font-family: courier new;font-size:130%;'>Make a donation</span></p>
<div align='justify'>Help keep <span style='font-family: trebuchet ms; font-weight: bold;'>this Blog</span> running by making a small contribution towards the running costs of the site.</div>
<center>
<form action='https://www.paypal.com/cgi-bin/webscr' method='post'>
<input name='cmd' type='hidden' value='_s-xclick'/>
<input name='encrypted' type='hidden' value='-----BEGIN PKCS7-----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-----END PKCS7----- '/>
<input alt='PayPal - The safer, easier way to pay online!' border='0' name='submit' src='https://www.paypal.com/en_US/i/btn/x-click-but21.gif' type='image'/>
<img alt='' border='0' height='1' src='https://www.paypal.com/id_ID/i/scr/pixel.gif' width='1'/>
</form>
</center>
</center>
</div>
<!-- End ads -->
</b:includable>
</b:widget>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='bottom'>
<b:section class='bottom' id='leftbottom' preferred='yes' showaddelement='yes'/>
<b:section class='bottom' id='rightbottom' preferred='yes' showaddelement='yes'/>
</div>
<div style='clear:both;'/>
<b:section class='kotak' id='abcde' preferred='yes' showaddelement='no'>
<b:widget id='HTML3' locked='true' title='kotak' type='HTML'>
<b:includable id='main'>
<div id='kotak'/>
<div id='kotakbox'>
<div class='kotak'>
<p> © <data:blog.title/> 2009 - Template design by <a href='http://pangki.com/' target='_black'>Pangki Fernandes</a></p>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div></div> <!-- end outer-wrapper -->
<a href='http://whos.amung.us/stats/eb1bsb99txdb/' style='display:scroll;position: fixed; bottom:5px;right:5px;' target='_blank' title='Pengunjung'><img border='0' height='19' src='http://whos.amung.us/cwidget/eb1bsb99txdb/bbbdc0000000.png' title='Click to see how many people are online' width='71'/></a>
<div id='divStayTopLeft'>
<a href='#' title='Top'/>
</div>
<script type='text/javascript'>
//<![CDATA[
/*updown
*/
var verticalpos="fromtop"
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
function JSFX_FloatTopDiv()
{
var startX = 10,
startY =15;
var PX='px', d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers){el.style=el,PX='';}
el.sP=function(x,y){el.style.right=x+PX;el.style.top=y+PX;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = window.innerHeight ? pageYOffset + window.innerHeight : ietruebody().scrollTop + ietruebody().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = window.innerHeight ? pageYOffset : ietruebody().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = window.innerHeight ? pageYOffset + window.innerHeight : ietruebody().scrollTop + ietruebody().clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 28);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
//]]>
</script>
</body>
</html>
note: please give a comment if you like this template
