Anda di halaman 1dari 36

<?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'/> <link href='[IMG]http://i739.photobucket.com/albums/xx38/Rusydina/IceCreamRockyRoadIcon.jpg[/IMG]' rel='shortcut icon'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/* ----------------------------------------------Name: Penciling

Designer: et URL: http://eternalthinker.blogspot.com

Date: 7 May 2010 Updated by: et ----------------------------------------------- */

/* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#000" value="transparent">

<Variable name="textcolor" description="Text Color" type="color" default="#ccc" value="#191919"> <Variable name="linkcolor" description="Link Color" type="color" default="#9ad" value="#c27ba0"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#ccc" value="#666666"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#777" value="#333333"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#ad9" value="#990000"> <Variable name="bordercolor" description="Border Color" type="color" default="#333" value="#f25ca6"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#777" value="#cc0000"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999" value="#666666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#a7a" value="#f25ca6"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 13px 'Trebuchet MS', Trebuchet, sans-serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 12px 'Trebuchet MS', Trebuchet, sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font"

type="font" default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 228% Covered By Your Grace"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% Coming Soon"> <Variable name="posttitlefont" description="Post Title Font" type="font" default="normal bold 110% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal bold 24px Crafty Girls"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 10px 'Trebuchet MS', Trebuchet, sans-serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */

#navbar-iframe { height:0px; visibility:hidden; display:none }

/* Use this with templates/template-twocol.html */

a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; }

/*----------------Sketch Lines------------------------*/

.list-label-widget-content li a, ul .posts li a {

padding:0 0 0 20px; background: url(http://lh4.ggpht.com/_AvVHNjHBeRA/TBNFfy0hbII/AAAAAAAAAfE/nxVOAcu_v5U/dot.jpg) left center no-repeat; }

blockquote { padding-left: 45px; padding-top: 15px; background: url(http://lh3.ggpht.com/_AvVHNjHBeRA/TBNSLJJfMEI/AAAAAAAAAfU/UHEN_Z9Si4/quotes.jpg) left top no-repeat; font-family:Georgia,'Times New Roman',Times,serif; font-size: 1em; line-height: 1.2em; font-style:italic; color:#888; }

#code { border: 2px solid #ccc; padding:10px; }

.jump-link { text-align:right; }

.jump-link a { padding:16px 23px; background: url("http://lh5.ggpht.com/_AvVHNjHBeRA/TCt7apUfATI/AAAAAAAAAkQ/Z8xUS7Co8_U/read%20more.j pg") center center no-repeat; font-family: 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;

.jump-link a:hover { text-shadow: 2px 2px 3px #bbb; text-decoration:none; /*font-weight:bold;*/ }

/* Header ----------------------------------------------*/

#header-wrapper { /* border: 1px solid grey;*/ width:890px; height:250px; margin:0px 0px 10px 0; padding:0px 0 0 0;

#header-inner { text-align:center; background-position: center; /*margin-$startSide: auto; margin-$endSide: auto;*/ }

#header {

background:url("http://lh4.ggpht.com/_AvVHNjHBeRA/TBMsqxSl_GI/AAAAAAAAAe8/YpFGb2xGNsY/he ader2.jpg") top left no-repeat white; margin: 0px; padding:20px 20px 0; height:180px; text-align: center; color:$pagetitlecolor; }

#header h1 { text-shadow:0px 0px 4px #555; /*text-shadow:#fff 0px 1px 0, #000 0 -1px 0;*/ margin:0px 5px 0; padding:45px 20px 5px; line-height:40px;

text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; }

#header a { color:$pagetitlecolor; text-decoration:none; }

#header a:hover { color:$pagetitlecolor; }

#header .description {

margin: 5px auto; padding:10px 20px; max-width:800px; height: 10px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; text-align:center; font: $descriptionfont;

color: $descriptioncolor; }

#header img { margin-$startSide: auto; margin-$endSide: auto; }

/* --------------Navigation------------------------------*/

#nav-bar { background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/S_okJrdkrBI/AAAAAAAAAaU/HDNysJx9sb8/navb ar.jpg") center center; margin:0 0 20px 0; padding:0; height:40px; width:890px; }

#navigation { margin:0; padding:0; width:630px; float:left; height:40px;

text-align: left; }

#navigation ul { margin:0 0 0px 0; padding:0; line-height: 40px; white-space: nowrap; }

#navigation ul li { width:90px; text-align:center; padding:0; margin:0; list-style-type: none; float:left; display: block; }

#navigation ul li a { width:auto; display:block; color:#000; margin:0;

padding:0px 10px;!important padding:0; text-transform:uppercase; font-family: 'Courier' ,'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; }

#navigation ul li a:hover { background: url("") center center no-repeat; text-decoration:none; font-weight:bold; margin:0 2px 2px 0; padding:0px 10px; text-shadow: 2px 2px 3px #bbb; }

#find { float:right; height:40px; width:175px; padding:5px 0px 0px 0px; margin:3px 15px 0 0;

.etsearch{

background: url("http://lh4.ggpht.com/_AvVHNjHBeRA/S__Uw5XJYHI/AAAAAAAAAbg/7Qebkky_zoI/searchbox.jpg") left center no-repeat; color:#aaa; font-size: 11px; padding:3px 5px 0 20px; height:17px; width:125px; margin:0; float:right; border:0; }

.date-wrapper { clear:both; margin:0px 0 0 0; height:60px; } /*--------------date style------------------*/

.post-date{ margin:0 0 0 10px; width:50px; height:50px; padding:5px 5px 5px 5px;

background: url("http://lh3.ggpht.com/_AvVHNjHBeRA/S8FV8PqJQvI/AAAAAAAAAOI/hj29xnbLnwE/dateBox.jpg") top left no-repeat; text-align:center; float:left; }

.month { font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; color:#000; text-transform:uppercase; font-weight:bold; font-size:10px; line-height:12px; text-align:center; }

.day{ font-family: 'Comic Sans MS','Comic Sans','Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; color:#E6E6E6; margin:0 0 0px 0; color:#2E2E2E; padding-top:3px; font-size:21px; line-height:23px;

.year{ font-family: 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; color:#888; text-transform:uppercase; font-size:9px; } /* ---- tell comment --- */

.comment { background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/S8FOuZ1O9iI/AAAAAAAAAN0/2Oao8viT ElI/commentBubble.jpg") no-repeat left top; height:40px; width:70px; padding-top:18px; font-size:1.6em; font-weight:bold; line-height:18px; float:right; color:#000; margin-right:20px; text-align:center; } .comment a:link, .comment a:visited {color:#000;}

body {

background:url("http://lh6.ggpht.com/_AvVHNjHBeRA/TBMukyavq3I/AAAAAAAAAfA/y6mqP41LbLE/bo dy2.jpg") top center fixed no-repeat #fff;

margin:auto; color:$textcolor; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; float:center; display:block; /*overflow-x:hidden;*/ }

/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper {

width:890px ; background:url("http://lh4.ggpht.com/_AvVHNjHBeRA/S7mfsNMT7I/AAAAAAAAAK4/mFfdERM5gVY/bodyIn_pencil.png") top center repeat-y; margin: 0 0 0 0px ;

padding: 0 40px 20px 40px; text-align:left; font: $bodyfont; margin-left:auto; margin-right:auto; /*overflow-x:auto;*/ }

#main-wrapper {

padding:0; margin:0px 0px; width: 570px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; } /* fix for long non-text content breaking IE sidebar float */

#inner-main {background:url("") repeat-y white; padding:1px 20px ; margin:0px 0 0px 0; }

#sidebar-wrapper {

padding:0px; margin:0 0 0 20px; width: 300px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; } /* fix for long non-text content breaking IE sidebar float */

#inner-sidebar { background:none; margin:0; padding:0px 0px ; }

#inner-sidebar h2 { background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/TADLcmKKJBI/AAAAAAAAAdI/eOmiYMGHznk/wi dget.jpg") top right no-repeat; padding:10px 0 0px 0; height:30px; text-align:center; margin:0; }

#posthead {background:url("") no-repeat #fff; padding:0; margin:0; height:0px;

#postbottom {background:url("") no-repeat #fff; padding:0; margin:0 0 20px 0; height:1px;

/* Headings ----------------------------------------------- */

h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase;

letter-spacing:.2em; color:$sidebarcolor; }

/* Posts ----------------------------------------------*/ h2.date-header { margin:1.5em 0 .5em; }

.post h3 { margin:15px 0 0px; padding:0px 0 4px 30px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; font: $posttitlefont; text-shadow: 1px 1px 2px #ccc; background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/TACxFnMKhI/AAAAAAAAAc4/KuPckewnlKs/title%20arrow.jpg") top left no-repeat; }

.post h3 a, .post h3 a:visited, .post h3 strong { font-weight:bold; display:block; text-decoration:none; color:$titlecolor; font: $posttitlefont; }

.post h3 strong, .post h3 a:hover { color:$textcolor; font: $posttitlefont; }

.post-body { margin:0 0 .75em; line-height:1.6em; }

.post-body a {

/*text-decoration:underline;*/ }

.post-body a:hover {

.post-body blockquote { line-height:1.3em; }

.post-footer { margin: .75em 0; color:$sidebarcolor; /*text-transform:uppercase;*/ letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; }

.comment-link { margin-$startSide:.6em; } .post a img { padding:4px; -moz-border-radius:5px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; }

.post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; }

/* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; }

#comments-block { padding:0 5px; /* 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 { padding:0 10px ; margin:0 0 .75em; margin:0; }

.comment-bodytop { background:url("http://lh3.ggpht.com/_AvVHNjHBeRA/TBNcy1Vg5I/AAAAAAAAAfk/7qsOsewl1cQ/commentbody-top.jpg") no-repeat center top ; height:35px; padding:0px 0 0 0; margin:0 0 ; }

.comment-bodybot {

background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/TBNcylyfCVI/AAAAAAAAAfc/59NNc7moynw/co mmentbody-bot.jpg") no-repeat center bottom ; height:16px; padding:0 0 0px 0 ; margin:0 0 5px 0; }

.comment-bodymid { background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/TBNcyiojPcI/AAAAAAAAAfg/T2zhAwRrVl8/comm entbody-mid.jpg") repeat-y center ; margin:0 0 ; color: #888; }

.comment-bodyatop { background:url("http://lh6.ggpht.com/_AvVHNjHBeRA/TBNcy8mHyRI/AAAAAAAAAfo/xx2NElXG6DQ/co mmentbody-atop.jpg") no-repeat center top ; height:35px; padding:0px 0 0 0; margin:0 0 ; }

.comment-bodyabot { background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/TBNc38Py_VI/AAAAAAAAAfw/aJf4Bma2aw/commentbody-abot.jpg") no-repeat center bottom ; height:16px; padding:0 0 0px 0 ;

margin:0 0 5px 0; }

.comment-bodyamid { background:url("http://lh3.ggpht.com/_AvVHNjHBeRA/TBNc3z5sMaI/AAAAAAAAAfs/eVUcc7bIO4I/com mentbody-amid.jpg") repeat-y center; padding:0 0px; margin:0 0 ; }

.deleted-comment { font-style:italic; color:gray; }

.feed-links { clear: both; line-height: 2.5em; }

#blog-pager-newer-link { float: $startSide; }

#blog-pager-older-link { float: $endSide;

#blog-pager { text-align: center; }

/* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; }

.sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px;

line-height:1.5em; }

.sidebar .widget { margin:10px 0px; padding:0 0px;

background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/TAChKFNMDjI/AAAAAAAAAcY/O5WfNk_RaSA/w idget.jpg") bottom right no-repeat; padding:0 0px 20px 0;

.sidebar .widget-content {

background:url("http://lh4.ggpht.com/_AvVHNjHBeRA/TAChJxcYczI/AAAAAAAAAcU/dV6hbEr_7sU/widg et-content.jpg"); margin:0px; padding:.1px 20px; }

.main .widget { margin:0 0 1.5em; padding:0 px; }

.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; border: 1px solid $bordercolor; }

.profile-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 { padding:10px 0; width:890px; height:60px; clear:both; margin:20px 0 0 0 ;

line-height: 1.6em; /*text-transform:uppercase;*/ letter-spacing:.1em; text-align: center;

background:url("http://lh5.ggpht.com/_AvVHNjHBeRA/TBJvaP0u76I/AAAAAAAAAe4/w9ZsIA8sjSA/foote r.jpg") center center no-repeat ; }

#footer-wrapper{ width:890px; margin:20px 0 0 0; padding:.1px; }

.huruf { float:left; color:#000; line-height:60px; padding-right:5px; font-family:trebuchet ms,verdana; font-size:60px; }]]></b:skin>

<link href='http://lh3.ggpht.com/_AvVHNjHBeRA/TBj8fcDROYI/AAAAAAAAAhg/jLqsxad_YAI/star.png' rel='shortcut icon'/>

<link href='http://lh3.ggpht.com/_AvVHNjHBeRA/TBj8fcDROYI/AAAAAAAAAhg/jLqsxad_YAI/star.png' rel='icon'/> <script src='http://sites.google.com/site/theeternalthinker/Home/etSmileys_gen' type='text/javascript'/>

</head>

<body>

<div id='outer-wrapper'><div id='wrap2'>

<!-- 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 id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'> <b:widget id='Header1' locked='false' title='Colors Of My Life </b:section> </div> (Header)' type='Header'/>

<div id='nav-bar'>

<div id='navigation'> <ul>

<!-- Pencil Navbar -->

<li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='http://www.blogger.com/profile/10834842579364137878'>About Me</a></li> <li><a href='http://facebook.com/nyusss'>Facebook</a></li> <li><a href='http://twitter.com/nyushebat'>Twitter</a></li> <li><a href='http://formspring.me/nyushebat'>Formspring</a></li> <li><a href='http://looklet.com/user/93133'>Looklet</a></li>

</ul>

</div>

<div id='find'> <a href='/feeds/posts/default' onmouseout='document.pencilrss.src=&quot;http://lh4.ggpht.com/_AvVHNjHBeRA/S__fMXBDp9I/AAA AAAAAAbs/PupAbJd8ucE/rss.jpg&quot;' onmouseover='document.pencilrss.src=&quot;http://lh4.ggpht.com/_AvVHNjHBeRA/S__fMa9TEiI/AAA AAAAAAbw/Gl-VZH3wVfM/rss-hover.jpg&quot;'> <img name='pencilrss' src='http://lh4.ggpht.com/_AvVHNjHBeRA/S__fMXBDp9I/AAAAAAAAAbs/PupAbJd8ucE/rss.jpg' style='margin:0 0px 0 0; float:left; width:20px; height:20px;'/> </a> <form expr:action='data:blog.homepageUrl + &quot;search&quot;' method='get'> <input class='etsearch' name='q' type='text'/>

</form> </div> </div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div>

<div id='main-wrapper'>

<!-- <div id='posthead'/> <div id='note'>

<b:section class='note1' id='note1' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML3' locked='false' title='Subscribe' type='HTML'/> </b:section></div> <div id='postbottom'/> -->

<div id='posthead'/> <div id='inner-main'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='false' title='Posting Blog' type='Blog'/> </b:section>

</div><div id='postbottom'/> </div>

<div id='sidebar-wrapper'>

<div id='inner-sidebar'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Blog Archives' type='BlogArchive'/> <b:widget id='HTML1' locked='false' title='Contacts ' type='HTML'/> <b:widget id='HTML4' locked='false' title='Fashion Hijab ' type='HTML'/> <b:widget id='HTML5' locked='false' title='Shop ' type='HTML'/> <b:widget id='Label2' locked='false' title='Cloud' type='Label'/> <b:widget id='HTML10' locked='false' title='Your Colours ' type='HTML'/>

<b:widget id='HTML2' locked='false' title='Member Of' type='HTML'/> <b:widget id='HTML6' locked='false' title=' Givesaway' type='HTML'/>

<b:widget id='Followers2' locked='false' title='Followers' type='Followers'/> <b:widget id='HTML7' locked='false' title='Jejak Sahabat' type='HTML'/> <b:widget id='HTML3' locked='false' title='What&apos;s your colour <b:widget id='HTML11' locked='false' title='My Banner' type='HTML'/> <b:widget id='HTML9' locked='false' title='Banners' type='HTML'/> <b:widget id='BlogList1' locked='false' title='Beloved Blogger ' type='BlogList'/> ' type='HTML'/>

</b:section> </div>

</div>

<!-- spacer for skins that want sidebar and main to be the same height <div class='clear'>&#160;</div> -->

</div> <!-- end content-wrapper -->

<div id='footer'>

<div style='text-align: center;padding:10px 0 0 0;'> <span style='font-size:85%;'><span style=' color: rgb(51, 51, 51); font-weight: bold; fontfamily:Georgia,&quot;Times New Roman&quot;,Times,serif;'><i>Penciling</i></span> template by <a href='http://eternalthinker.blogspot.com/'>Eternal Thinker</a></span></div> All rights reserved <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </div>

</div> </div> <!-- end outer-wrapper -->

<a href='#'><img alt='Back to Top' src='http://lh6.ggpht.com/_AvVHNjHBeRA/TBNcyTmJglI/AAAAAAAAAfY/LwYe6O3O3Qo/backtotop.png' style='position: fixed; bottom: 5px; right: 5px; width:30px;' title='Back to Top'/></a>

<script type='text/javascript'>

var _gaq = _gaq || []; _gaq.push([&#39;_setAccount&#39;, &#39;UA-22173768-1&#39;]); _gaq.push([&#39;_trackPageview&#39;]);

(function() { var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true; ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;; var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s); })();

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

Anda mungkin juga menyukai