tag:blogger.com,1999:blog-72288572011-04-21T19:45:24.009-07:00yudi baeyudihttp://www.blogger.com/profile/06926976522435792529noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-7228857.post-1086570203895941662004-06-06T18:03:00.000-07:002004-06-06T18:14:43.640-07:00<strong></strong><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<br />
<br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<br /><head>
<br /> <title><$BlogPageTitle$></title>
<br />
<br /> <$BlogMetaData$>
<br />
<br /> <style type="text/css">
<br />/*
<br />-----------------------------------------------
<br />Blogger Template Style
<br />Name: Thisaway (Blue)
<br />Designer: Dan Rubin
<br />URL: www.superfluousbanter.org
<br />Date: 29 Feb 2004
<br />----------------------------------------------- */
<br />
<br />
<br />/* global
<br />----------------------------------------------- */
<br />body {
<br />margin: 0;
<br />padding: 0;
<br />text-align: center;
<br />min-width: 760px;
<br />background: #4386ce url(http://www.blogblog.com/thisaway_blue/bg_body.gif) repeat-x left top;
<br />font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
<br />color: #204063;
<br />}
<br />
<br />blockquote {
<br />margin: 0;
<br />padding: 0 10px 0 10px;
<br />border-left: 6px solid #d8e7f7;
<br />border-right: 6px solid #d8e7f7;
<br />color: #477fba;
<br />}
<br />
<br />code {
<br />color: #809eba;
<br />}
<br />
<br />hr {
<br />display: none;
<br />}
<br />
<br />
<br />/* layout
<br />----------------------------------------------- */
<br />#wrapper {
<br />margin: 0 auto;
<br />width: 760px;
<br />text-align: left;
<br />}
<br />
<br />#blog-header {
<br />padding-bottom: 15px;
<br />background: url(http://www.blogblog.com/thisaway_blue/bg_header_bottom.gif) no-repeat left bottom;
<br />}
<br />
<br />#blog-header div {
<br />background: #204063 url(http://www.blogblog.com/thisaway_blue/bg_header.gif) repeat-x left bottom;
<br />}
<br />
<br />#main-wrapper {
<br />position: relative;
<br />width: 760px;
<br />background: #f7f0e9 url(http://www.blogblog.com/thisaway_blue/bg_main_wrapper.gif) repeat-y left top;
<br />}
<br />
<br />#main-content {
<br />display: inline; /* fixes a strange ie margin bug */
<br />float: left;
<br />margin: 0 0 0 3px;
<br />padding: 0;
<br />width: 483px;
<br />}
<br />
<br />#content-wrapper {
<br />padding: 22px 0 0 0;
<br />background: url(http://www.blogblog.com/thisaway_blue/bg_content.gif) repeat-x left top;
<br />}
<br />
<br />.post {
<br />margin: 0 16px 14px 29px;
<br />padding: 0;
<br />border-bottom: 3px solid #d8e7f7;
<br />}
<br />
<br />#comments {
<br />margin: 0 16px 14px 29px;
<br />padding: 10px;
<br />border: 1px solid #cedef0;
<br />background-color: #e4ecf5;
<br />}
<br />
<br />#sidebar-wrapper {
<br />display: inline; /* fixes a strange ie margin bug */
<br />float: right;
<br />margin: 0 3px 0 0;
<br />width: 269px;
<br />color: #1c4676;
<br />background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x left top;
<br />}
<br />
<br />#sidebar {
<br />padding: 7px 11px 0 14px;
<br />background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar_arrow.gif) repeat-y 179px 0;
<br />}
<br />
<br />#profile-container {
<br />margin-bottom: 20px;
<br />}
<br />
<br />#blog-footer {
<br />padding-top: 15px;
<br />background: url(http://www.blogblog.com/thisaway_blue/bg_footer_top.gif) no-repeat left top;
<br />}
<br />
<br />#blog-footer div {
<br />background: #152e49 url(http://www.blogblog.com/thisaway_blue/bg_footer.gif) repeat-x left top;
<br />}
<br />
<br />
<br />/* headings
<br />----------------------------------------------- */
<br />#blog-header h1 {
<br />margin: 0;
<br />padding: 26px 0 0 84px;
<br />color: #eef6fe;
<br />font-size: 30px;
<br />line-height: 25px;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_header.gif) no-repeat 16px 26px;
<br />}
<br />
<br />h2.date-header {
<br />margin: 0;
<br />padding: 0 0 0 29px;
<br />font-size: 10px;
<br />text-transform: uppercase;
<br />color: #8facc8;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_date.gif) no-repeat 13px 0;
<br />}
<br />
<br />.date-header span {
<br />margin: 0 0 0 5px;
<br />padding: 0 25px 0 25px;
<br />background: url(http://www.blogblog.com/thisaway_blue/bg_date.gif) no-repeat 0 0;
<br />}
<br />
<br />h2.sidebar-title {
<br />padding: 1px 0 0 36px;
<br />font-size: 14px;
<br />color: #809fbd;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_heading.gif) no-repeat 0 45%;
<br />}
<br />
<br />#profile-container h2.sidebar-title {
<br />color: #527595;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_profileheading.gif) no-repeat 0 45%;
<br />}
<br />
<br />.post h3.post-title {
<br />margin: 13px 0 0 0;
<br />padding: 0;
<br />font-size: 18px;
<br />color: #477fba;
<br />}
<br />
<br />#comments h4 {
<br />margin-top: 0;
<br />font-size: 16px;
<br />}
<br />
<br />
<br />/* text
<br />----------------------------------------------- */
<br />#blog-header p {
<br />margin: 0;
<br />padding: 7px 16px 0 84px;
<br />color: #eef6fe;
<br />font-size: 10px;
<br />font-weight: bold;
<br />line-height: 14px;
<br />}
<br />
<br />.post-body p {
<br />font-size: 13px;
<br />line-height: 18px;
<br />}
<br />
<br />p.post-footer {
<br />font-size: 11px;
<br />color: #809fbd;
<br />text-align: right;
<br />}
<br />
<br />p.post-footer em {
<br />display: block;
<br />float: left;
<br />text-align: left;
<br />font-style: normal;
<br />}
<br />
<br />p.comment-data {
<br />font-size: 12px;
<br />}
<br />
<br />.comment-body p {
<br />font-size: 12px;
<br />line-height: 17px;
<br />}
<br />
<br />.deleted-comment {
<br /> font-style:italic;
<br /> color:gray;
<br /> }
<br />
<br />#sidebar p {
<br />font-size: 12px;
<br />line-height: 17px;
<br />margin-bottom: 20px;
<br />}
<br />
<br />#sidebar p.profile-textblock {
<br />clear: both;
<br />margin-bottom: 10px;
<br />}
<br />
<br />.profile-link {
<br />padding: 0 0 0 17px;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0;
<br />}
<br />
<br />p#powered-by {
<br />margin: 0;
<br />padding: 0;
<br />}
<br />
<br />#blog-footer p {
<br />margin: 0;
<br />padding: 0 0 15px 55px;
<br />color: #eef6fe;
<br />font-size: 10px;
<br />line-height: 14px;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_footer.gif) no-repeat 16px 0;
<br />}
<br />
<br />
<br />/* lists
<br />----------------------------------------------- */
<br />.profile-data {
<br />font-size: 13px;
<br />line-height: 17px;
<br />}
<br />
<br />.post ul {
<br />padding-left: 32px;
<br />list-style-type: none;
<br />font-size: 13px;
<br />line-height: 18px;
<br />}
<br />
<br />.post li {
<br />padding: 0 0 4px 17px;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;
<br />}
<br />
<br />#comments ul {
<br />margin: 0;
<br />padding: 0;
<br />list-style-type: none;
<br />}
<br />
<br />#comments li {
<br />padding: 0 0 1px 17px;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 3px;
<br />}
<br />
<br />#sidebar ul {
<br />margin: 0 0 20px 0;
<br />padding: 0;
<br />list-style-type: none;
<br />font-size: 12px;
<br />line-height: 14px;
<br />}
<br />
<br />#sidebar li {
<br />padding: 0 0 4px 17px;
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;
<br />}
<br />
<br />
<br />/* links
<br />----------------------------------------------- */
<br />a {
<br />color: #4386ce;
<br />font-weight: bold;
<br />}
<br />
<br />a:hover {
<br />color: #2462a5;
<br />}
<br />
<br />a.comment-link {
<br />/* ie5.0/win doesn't apply padding to inline elements,
<br /> so we hide these two declarations from it */
<br />background/* */:/**/url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
<br />padding-left: 14px;
<br />}
<br />
<br />html>body a.comment-link {
<br />/* respecified, for ie5/mac's benefit */
<br />background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
<br />padding-left: 14px;
<br />}
<br />
<br />#sidebar ul a {
<br />color: #599be2;
<br />}
<br />
<br />#sidebar ul a:hover {
<br />color: #3372b6;
<br />}
<br />
<br />#powered-by a img {
<br />border: none;
<br />}
<br />
<br />#blog-header h1 a {
<br />color: #eef6fe;
<br />text-decoration: none;
<br />}
<br />
<br />#blog-header h1 a:hover {
<br />color: #b4c7d9;
<br />}
<br />
<br />h3.post-title a {
<br />color: #477fba;
<br />text-decoration: none;
<br />}
<br />
<br />h3.post-title a:hover {
<br />color: #2a5e95;
<br />}
<br />
<br />
<br />/* miscellaneous
<br />----------------------------------------------- */
<br />.post-photo {
<br />padding: 3px;
<br />border: 1px solid #bdd4eb;
<br />}
<br />
<br />.profile-img {
<br />display: inline;
<br />}
<br />
<br />.profile-img img {
<br />float: left;
<br />margin: 0 10px 5px 0;
<br />padding: 3px;
<br />border: 1px solid #bdd4eb;
<br />}
<br />
<br />.profile-data strong {
<br />display: block;
<br />}
<br />
<br />.clear {
<br />clear: both;
<br />line-height: 0;
<br />height: 0;
<br />}
<br /> </style>
<br />
<br />
<br /></head>
<br />
<br /><body>
<br />
<br /><!-- #wrapper for centering the layout -->
<br /><div id="wrapper">
<br />
<br /><!-- Blog Header -->
<br /><div id="blog-header"><div>
<br /> <h1>
<br /> <ItemPage><a href="<$BlogURL$>"></ItemPage>
<br /> <$BlogTitle$>
<br /> <ItemPage></a></ItemPage>
<br /> </h1>
<br /> <p><$BlogDescription$></p>
<br /></div></div>
<br />
<br /><!-- Begin #main-wrapper - surrounds the #main-content and #sidebar divs for positioning -->
<br /><div id="main-wrapper">
<br />
<br /><!-- Begin #main - This div contains the main-column blog content -->
<br /><div id="main-content">
<br /><!-- Begin #content-wrapper -->
<br /><div id="content-wrapper">
<br />
<br /><Blogger>
<br />
<br /> <BlogDateHeader>
<br /> <h2 class="date-header"><$BlogDateHeaderDate$></h2>
<br /> </BlogDateHeader>
<br />
<br />
<br /> <!-- Begin .post -->
<br /> <div class="post"><a name="<$BlogItemNumber$>"></a>
<br />
<br /> <BlogItemTitle>
<br /> <h3 class="post-title">
<br /> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<br /> <$BlogItemTitle$>
<br /> <BlogItemUrl></a></BlogItemUrl>
<br /> </h3>
<br /> </BlogItemTitle>
<br />
<br /> <div class="post-body">
<br />
<br /> <p>
<br /> <$BlogItemBody$>
<br /> </p>
<br />
<br /> </div>
<br />
<br /> <p class="post-footer">
<br /> <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<br /> <MainOrArchivePage><BlogItemCommentsEnabled>
<br /> <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
<br /> </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
<br /> </p>
<br />
<br /> </div>
<br /> <!-- End .post -->
<br />
<br />
<br /> <!-- Begin #comments -->
<br /> <ItemPage>
<br />
<br /> <div id="comments">
<br />
<br /> <BlogItemCommentsEnabled><a name="comments"></a>
<br />
<br /> <h4><$BlogItemCommentCount$> Comments:</h4>
<br />
<br /> <ul>
<br /> <BlogItemComments>
<br /> <li id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
<br /> <p class="comment-data">At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <$BlogCommentAuthor$> said…</p>
<br /> <div class="comment-body">
<br /> <p><$BlogCommentBody$></p>
<br /> <$BlogCommentDeleteIcon$>
<br /> </div>
<br /> </li>
<br /> </BlogItemComments>
<br /> </ul>
<br />
<br /> <p class="comment-data">
<br /> <$BlogItemCreate$>
<br /> </p>
<br />
<br /> </BlogItemCommentsEnabled>
<br />
<br /> <p class="comment-data">
<br /> <a href="<$BlogURL$>"><< Home</a>
<br /> </p>
<br /> </div>
<br />
<br /></ItemPage>
<br /> <!-- End #comments -->
<br />
<br /></Blogger>
<br />
<br /></div>
<br /><!-- End #content-wrapper -->
<br />
<br /></div>
<br /><!-- End #main-content -->
<br />
<br />
<br /><!-- Begin #sidebar-wrapper -->
<br /><div id="sidebar-wrapper">
<br /><!-- Begin #sidebar -->
<br /><div id="sidebar">
<br />
<br /> <!-- Begin #profile-container -->
<br />
<br /> <$BlogMemberProfile$>
<br />
<br /> <!-- End #profile -->
<br />
<br />
<br /> <h2 class="sidebar-title">Previous Posts</h2>
<br />
<br /> <ul id="recently">
<br /> <BloggerPreviousItems>
<br /> <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
<br /> </BloggerPreviousItems>
<br /> </ul>
<br />
<br /> <MainOrArchivePage>
<br /> <h2 class="sidebar-title">Archives</h2>
<br />
<br /> <ul class="archive-list">
<br /> <BloggerArchives>
<br /> <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
<br /> </BloggerArchives>
<br /> <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
<br /> </ul>
<br /> </MainOrArchivePage>
<br />
<br />
<br /> <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
<br />
<br />
<br /></div>
<br /><!-- End #sidebar -->
<br /></div>
<br /><!-- End #sidebar-wrapper -->
<br />
<br /><div class="clear"> </div>
<br /></div>
<br /><!-- End #main-wrapper -->
<br />
<br /><div id="blog-footer"><div>
<br /> <p><!-- If you'd like, you could place footer information here. --> </p>
<br /></div></div>
<br />
<br /></div>
<br /><!-- End #wrapper -->
<br />
<br /></body>
<br /></html><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7228857-108657020389594166?l=kuningan.blogspot.com' alt='' /></div>yudihttp://www.blogger.com/profile/06926976522435792529noreply@blogger.com0