You are on page 1of 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 }

} a:hover { color:$titlecolor. } /*----------------Sketch Lines------------------------*/ ./* Use this with templates/template-twocol.list-label-widget-content li a. text-decoration:none. text-decoration:underline. text-decoration:none. } a:visited { color:$visitedlinkcolor. } a img { border-width:0. ul .html */ a:link { color:$linkcolor.posts li a { .

jump-link { text-align:right.com/_AvVHNjHBeRA/TBNSLJJfMEI/AAAAAAAAAfU/UHEN_Z9Si4/quotes.2em.jpg) left center no-repeat.jpg) left top no-repeat. } #code { border: 2px solid #ccc.ggpht. background: url(http://lh4. background: url(http://lh3.serif. font-size: 1em.padding:0 0 0 20px. line-height: 1. } .Times.com/_AvVHNjHBeRA/TBNFfy0hbII/AAAAAAAAAfE/nxVOAcu_v5U/dot. padding-top: 15px. color:#888. padding:10px. font-style:italic.ggpht.'Times New Roman'. } blockquote { padding-left: 45px. font-family:Georgia. } .

background: url("http://lh5.Arial.ggpht. font-family: 'Trebuchet MS'.jump-link a { padding:16px 23px.Trebuchet.j pg") center center no-repeat..*/ } /* Header ----------------------------------------------*/ #header-wrapper { /* border: 1px solid grey. margin:0px 0px 10px 0.*/ width:890px. padding:0px 0 0 0.jump-link a:hover { text-shadow: 2px 2px 3px #bbb. height:250px. } .com/_AvVHNjHBeRA/TCt7apUfATI/AAAAAAAAAkQ/Z8xUS7Co8_U/read%20more.Verdana. . /*font-weight:bold.Sans-serif. text-decoration:none.

com/_AvVHNjHBeRA/TBMsqxSl_GI/AAAAAAAAAe8/YpFGb2xGNsY/he ader2. height:180px. background-position: center. padding:20px 20px 0. line-height:40px.*/ } #header { background:url("http://lh4.} #header-inner { text-align:center.jpg") top left no-repeat white. padding:45px 20px 5px. #000 0 -1px 0. /*margin-$startSide: auto.*/ margin:0px 5px 0. text-align: center. /*text-shadow:#fff 0px 1px 0.ggpht. color:$pagetitlecolor. margin-$endSide: auto. margin: 0px. . } #header h1 { text-shadow:0px 0px 4px #555.

max-width:800px. } #header a { color:$pagetitlecolor. . text-transform:uppercase. line-height: 1. letter-spacing:.description { margin: 5px auto.2em. font: $pagetitlefont. } #header a:hover { color:$pagetitlecolor. letter-spacing:.text-transform:uppercase. text-align:center.2em.4em. padding:10px 20px. text-decoration:none. font: $descriptionfont. height: 10px. } #header .

} #header img { margin-$startSide: auto. } /* --------------Navigation------------------------------*/ #nav-bar { background:url("http://lh5. . height:40px.ggpht.jpg") center center. padding:0.color: $descriptioncolor.com/_AvVHNjHBeRA/S_okJrdkrBI/AAAAAAAAAaU/HDNysJx9sb8/navb ar. height:40px. padding:0. } #navigation { margin:0. width:890px. margin:0 0 20px 0. width:630px. float:left. margin-$endSide: auto.

margin:0. } #navigation ul { margin:0 0 0px 0. padding:0. line-height: 40px. text-align:center. display: block. . white-space: nowrap. margin:0. } #navigation ul li a { width:auto. color:#000. float:left.text-align: left. display:block. padding:0. list-style-type: none. } #navigation ul li { width:90px.

Sans-serif. text-transform:uppercase.etsearch{ . margin:0 2px 2px 0. font-family: 'Courier' .Trebuchet. font-weight:bold. text-shadow: 2px 2px 3px #bbb.Arial. padding:0px 10px.'Trebuchet MS'. text-decoration:none. } . height:40px. width:175px. } #find { float:right. } #navigation ul li a:hover { background: url("") center center no-repeat. padding:5px 0px 0px 0px. margin:3px 15px 0 0.!important padding:0.padding:0px 10px.Verdana.

height:60px. } /*--------------date style------------------*/ .background: url("http://lh4. height:50px. padding:5px 5px 5px 5px. border:0. margin:0px 0 0 0. font-size: 11px. width:125px. float:right.com/_AvVHNjHBeRA/S__Uw5XJYHI/AAAAAAAAAbg/7Qebkky_zoI/searchbox. padding:3px 5px 0 20px.post-date{ margin:0 0 0 10px.date-wrapper { clear:both.ggpht. height:17px. margin:0.jpg") left center no-repeat. . } . width:50px. color:#aaa.

} . margin:0 0 0px 0.'Comic Sans'. color:#000. text-align:center. font-size:21px.month { font-family:'Trebuchet MS'.ggpht. color:#2E2E2E. } .Trebuchet.com/_AvVHNjHBeRA/S8FV8PqJQvI/AAAAAAAAAOI/hj29xnbLnwE/dateBox.Verdana. padding-top:3px. text-align:center.background: url("http://lh3.'Trebuchet MS'.Sans-serif. color:#E6E6E6.jpg") top left no-repeat. line-height:23px.Verdana. float:left. text-transform:uppercase.Trebuchet.Sans-serif. } .Arial. font-size:10px. font-weight:bold.day{ font-family: 'Comic Sans MS'. line-height:12px.Arial.

comment a:link. line-height:18px.comment { background:url("http://lh5. text-align:center. padding-top:18px. height:40px. text-transform:uppercase. } /* ---. color:#888.6em.Verdana. .Arial. font-size:9px.ggpht.com/_AvVHNjHBeRA/S8FOuZ1O9iI/AAAAAAAAAN0/2Oao8viT ElI/commentBubble.tell comment --. float:right. } . color:#000..Sans-serif.year{ font-family: 'Trebuchet MS'. width:70px.*/ .comment a:visited {color:#000.} body { . font-weight:bold.Trebuchet. margin-right:20px.jpg") no-repeat left top. font-size:1.

/*overflow-x:hidden. float:center. font-size/* */:/**/small.ggpht.png") top center repeat-y. margin:auto.com/_AvVHNjHBeRA/TBMukyavq3I/AAAAAAAAAfA/y6mqP41LbLE/bo dy2. font: x-small "Trebuchet MS". display:block. margin: 0 0 0 0px .background:url("http://lh6.jpg") top center fixed no-repeat #fff. color:$textcolor.ggpht. Verdana. . Trebuchet.com/_AvVHNjHBeRA/S7mfsNMT7I/AAAAAAAAAK4/mFfdERM5gVY/bodyIn_pencil.*/ } /* Outer-Wrapper ----------------------------------------------. Sans-serif.*/ #outer-wrapper { width:890px . text-align: center. background:url("http://lh4. font-size: /**/small.

margin-left:auto. width: 570px. margin:0px 0 0px 0. float: left. margin-right:auto. text-align:left. /* 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: 0 40px 20px 40px. padding:1px 20px . } #sidebar-wrapper { . /*overflow-x:auto.*/ } #main-wrapper { padding:0. margin:0px 0px. font: $bodyfont. word-wrap: break-word.

margin:0. } . } #inner-sidebar h2 { background:url("http://lh5. margin:0 0 0 20px.padding:0px. padding:10px 0 0px 0. height:30px.jpg") top right no-repeat. float: left. word-wrap: break-word.ggpht. text-align:center.com/_AvVHNjHBeRA/TADLcmKKJBI/AAAAAAAAAdI/eOmiYMGHznk/wi dget. padding:0px 0px . width: 300px. margin:0. } /* fix for long non-text content breaking IE sidebar float */ #inner-sidebar { background:none. /* fix for long text breaking sidebar float in IE */ overflow: hidden.

line-height: 1. padding:0. font:$headerfont. margin:0 0 20px 0. height:0px.75em. } /* Headings ----------------------------------------------. } #postbottom {background:url("") no-repeat #fff. padding:0. .4em. text-transform:uppercase.5em 0 .*/ h2 { margin:1. height:1px.#posthead {background:url("") no-repeat #fff. margin:0.

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

display:block. .post h3 a:visited. } .post h3 strong { font-weight:bold. color:$titlecolor.post-body a { /*text-decoration:underline. } ..post h3 strong.post h3 a.75em. font: $posttitlefont. font: $posttitlefont.6em.post-body a:hover { . } .*/ } . . line-height:1. . text-decoration:none.post h3 a:hover { color:$textcolor.post-body { margin:0 0 .

-moz-box-shadow: 0 0 5px #ccc.1em. font: $postfooterfont. -moz-border-radius:5px. } . -webkit-box-shadow: 0 0 3px #ccc. line-height: 1.75em 0.} .*/ letter-spacing:.post-footer { margin: . color:$sidebarcolor.3em. } .4em. } . /*text-transform:uppercase. } .6em.comment-link { margin-$startSide:. box-shadow: 0 0 3px #ccc.post-body blockquote { line-height:1.post a img { padding:4px.

75em 0..post blockquote { margin:1em 20px. } #comments-block . /* margin:1em 0 1. font-weight: bold. color: $sidebarcolor.post blockquote p { margin:.*/ #comments h4 { margin:1em 0.*/ line-height:1. . text-transform:uppercase.2em. letter-spacing:. } /* Comments ----------------------------------------------. line-height: 1.5em.4em. } . } #comments-block { padding:0 5px.comment-author { margin:.5em 0.6em.

margin:0 0 .jpg") no-repeat center top .ggpht. height:35px.comment-body { margin:.comment-body p { padding:0 10px . line-height: 1.4em. text-transform:uppercase. padding:0px 0 0 0.com/_AvVHNjHBeRA/TBNcy1Vg5I/AAAAAAAAAfk/7qsOsewl1cQ/commentbody-top.1em.75em.} #comments-block .25em 0 2em.comment-footer { margin:-. } . } . letter-spacing:. margin:0 0 .comment-bodytop { background:url("http://lh3. } #comments-block . } #comments-block .comment-bodybot { . margin:0.25em 0 0.

height:16px.com/_AvVHNjHBeRA/TBNcylyfCVI/AAAAAAAAAfc/59NNc7moynw/co mmentbody-bot.ggpht. } .background:url("http://lh5.com/_AvVHNjHBeRA/TBNc38Py_VI/AAAAAAAAAfw/aJf4Bma2aw/commentbody-abot. padding:0 0 0px 0 . } . margin:0 0 . height:16px.jpg") repeat-y center . margin:0 0 5px 0. padding:0 0 0px 0 . margin:0 0 . .ggpht.jpg") no-repeat center bottom .comment-bodyatop { background:url("http://lh6.jpg") no-repeat center bottom .com/_AvVHNjHBeRA/TBNcyiojPcI/AAAAAAAAAfg/T2zhAwRrVl8/comm entbody-mid.ggpht.ggpht.com/_AvVHNjHBeRA/TBNcy8mHyRI/AAAAAAAAAfo/xx2NElXG6DQ/co mmentbody-atop.comment-bodymid { background:url("http://lh5.comment-bodyabot { background:url("http://lh5. height:35px. color: #888. } . padding:0px 0 0 0.jpg") no-repeat center top .

color:gray.ggpht.margin:0 0 5px 0.deleted-comment { font-style:italic. padding:0 0px. . margin:0 0 . } .feed-links { clear: both.5em. } .com/_AvVHNjHBeRA/TBNc3z5sMaI/AAAAAAAAAfs/eVUcc7bIO4I/com mentbody-amid.comment-bodyamid { background:url("http://lh3.jpg") repeat-y center. } #blog-pager-newer-link { float: $startSide. } #blog-pager-older-link { float: $endSide. line-height: 2. } .

margin:0 0 0.sidebar ul { list-style:none. } . padding-bottom:. padding-$startSide:15px. text-indent:-15px.*/ . padding:0 0 0. } . padding-top:0.25em. .} #blog-pager { text-align: center.sidebar { color: $sidebartextcolor.5em. padding-$endSide:0.sidebar li { margin:0. } /* Sidebar Content ----------------------------------------------. line-height: 1.

sidebar .com/_AvVHNjHBeRA/TAChKFNMDjI/AAAAAAAAAcY/O5WfNk_RaSA/w idget. } .5em.sidebar . } .1px 20px. background:url("http://lh5.ggpht.widget { margin:10px 0px. } .line-height:1. } .com/_AvVHNjHBeRA/TAChJxcYczI/AAAAAAAAAcU/dV6hbEr_7sU/widg et-content. padding:. padding:0 0px 20px 0. padding:0 px.ggpht.main .widget { margin:0 0 1.jpg").widget-content { background:url("http://lh4.jpg") bottom right no-repeat. padding:0 0px.5em. margin:0px.

} /* Profile ----------------------------------------------.Blog { border-bottom-width: 0. .main . color: $sidebarcolor.1em. text-transform:uppercase. } .*/ . margin-$endSide: 5px.profile-data { margin:0. letter-spacing:..6em. line-height: 1. margin-bottom: 5px.profile-img { float: $startSide. padding: 4px. margin-top: 0. border: 1px solid $bordercolor. font: $postfooterfont. margin-$startSide: 0. font-weight: bold.

5em. . margin:20px 0 0 0 . letter-spacing: . } . clear:both.1em. text-transform: uppercase.profile-link { font: $postfooterfont. width:890px.6em.} . height:60px.5em 0. } /* Footer ----------------------------------------------.*/ #footer { padding:10px 0.profile-textblock { margin: 0.5em 0 . line-height: 1.profile-datablock { margin:. } .

} . /*text-transform:uppercase.ggpht. } #footer-wrapper{ width:890px.jpg") center center no-repeat .verdana.6em. background:url("http://lh5.com/_AvVHNjHBeRA/TBJvaP0u76I/AAAAAAAAAe4/w9ZsIA8sjSA/foote r. color:#000.1em. padding:.huruf { float:left. margin:20px 0 0 0. line-height:60px. text-align: center. font-size:60px. }]]></b:skin> <link href='http://lh3.ggpht.*/ letter-spacing:.png' rel='shortcut icon'/> . padding-right:5px. font-family:trebuchet ms.1px.com/_AvVHNjHBeRA/TBj8fcDROYI/AAAAAAAAAhg/jLqsxad_YAI/star.line-height: 1.

<link href='http://lh3.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.com/_AvVHNjHBeRA/TBj8fcDROYI/AAAAAAAAAhg/jLqsxad_YAI/star.png' rel='icon'/> <script src='http://sites.'> <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'> .ggpht.

com/profile/10834842579364137878'>About Me</a></li> <li><a href='http://facebook. float:left.ggpht.search&quot.jpg' style='margin:0 0px 0 0.ggpht.com/_AvVHNjHBeRA/S__fMa9TEiI/AAA AAAAAAbw/Gl-VZH3wVfM/rss-hover.http://lh4.me/nyushebat'>Formspring</a></li> <li><a href='http://looklet.jpg&quot.<div id='navigation'> <ul> <!-.'/> </a> <form expr:action='data:blog.com/user/93133'>Looklet</a></li> </ul> </div> <div id='find'> <a href='/feeds/posts/default' onmouseout='document.blogger.src=&quot.ggpht.com/_AvVHNjHBeRA/S__fMXBDp9I/AAAAAAAAAbs/PupAbJd8ucE/rss. height:20px.src=&quot.com/_AvVHNjHBeRA/S__fMXBDp9I/AAA AAAAAAbs/PupAbJd8ucE/rss.Pencil Navbar --> <li><a expr:href='data:blog.pencilrss.com/nyushebat'>Twitter</a></li> <li><a href='http://formspring.homepageUrl + &quot.com/nyusss'>Facebook</a></li> <li><a href='http://twitter.' method='get'> <input class='etsearch' name='q' type='text'/> .' onmouseover='document.homepageUrl'>Home</a></li> <li><a href='http://www. width:20px.jpg&quot.http://lh4.'> <img name='pencilrss' src='http://lh4.pencilrss.

<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'> .</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'> <!-.

<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'/> .

serif.' title='Back to Top'/></a> .blogspot.homepageUrl'><data:blog.. fontfamily:Georgia.png' style='position: fixed. 51.com/_AvVHNjHBeRA/TBNcyTmJglI/AAAAAAAAAfY/LwYe6O3O3Qo/backtotop.</b:section> </div> </div> <!-.'><i>Penciling</i></span> template by <a href='http://eternalthinker. font-weight: bold. right: 5px. width:30px.Times New Roman&quot.padding:10px 0 0 0.</div> --> </div> <!-.com/'>Eternal Thinker</a></span></div> All rights reserved <a expr:href='data:blog.'><span style=' color: rgb(51.end outer-wrapper --> <a href='#'><img alt='Back to Top' src='http://lh6.&quot.Times. bottom: 5px.spacer for skins that want sidebar and main to be the same height <div class='clear'>&#160. 51).'> <span style='font-size:85%.ggpht.end content-wrapper --> <div id='footer'> <div style='text-align: center.title/></a> </div> </div> </div> <!-.

. _gaq..]).https://ssl&#39.)..]).google-analytics.com/ga.createElement(&#39. : &#39. ga.UA-22173768-1&#39.script&#39.. </script> </body> </html> . _gaq._setAccount&#39.async = true.)[0].https:&#39. ga.push([&#39.parentNode. var s = document.protocol ? &#39.text/javascript&#39._trackPageview&#39.push([&#39.script&#39. &#39.) + &#39.location. })().type = &#39.http://www&#39.insertBefore(ga. s.<script type='text/javascript'> var _gaq = _gaq || []. == document. s).js&#39.src = (&#39. ga.getElementsByTagName(&#39. (function() { var ga = document.