sourcity♥/title> <style> #navbar-iframe{display:none;} ::selection{background:#000; color:#fff;} ::-moz-selection{background:#000; color:#fff;} body{font-family:trebuchet ms; font-size:9px; color:#585858; background:#fff; cursor:default; background-image:url(http://subtlepatterns.com/patterns/pinstripe.png);} table{font-family:trebuchet ms; font-size:9px; color:#424242; cursor:default;} ::-webkit-scrollbar {width:6px; height:30px;} ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:0px; display:block; background-color:transparent;} ::-webkit-scrollbar-track-piece {background-color:#fff; -webkit-border-radius:0px;} ::-webkit-scrollbar-thumb:vertical {height:30px; background-color:#fff; -webkit-border-radius:0px;} a{text-decoration:none; color:#848484; letter-spacing:1pt; } a:hover{color:#848484; border-bottom:1px solid #EB5353;} a.esc{display:block; text-align:center; padding:5px 0px 3px 0px; border-bottom:1px solid #ddd; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} a.esc:hover{background:#424242; font-style:italic; border-bottom:1px solid #ddd; color:#ddd;} a.permalinkk{font-weight:normal; text-transform:lowercase; color:#848484; letter-spacing:2pt; margin-left:5px; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} a.permalinkk:hover{border-bottom:0px solid #000; color:#bdbdbd;} #navi1{text-transform:uppercase; font-family:courier new; font-size:7pt; padding:30px 15px 30px 15px; color:#fff; letter-spacing:1pt; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; width:80px; line-height:120%;} #navi1:hover{background:#EB5353; padding:22px 15px 22px 15px;} #navi2{text-transform:uppercase; font-family:courier new; font-size:7pt; padding:30px 15px 30px 15px; color:#fff; letter-spacing:1pt; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; width:80px; line-height:120%;} #navi2:hover{background:#FFC403; padding:22px 15px 22px 15px;} #navi3{text-transform:uppercase; font-family:courier new; font-size:7pt; padding:30px 15px 30px 15px; color:#fff; letter-spacing:1pt; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; width:80px; line-height:120%;} #navi3:hover{background:#12C1C4; padding:22px 15px 22px 15px;} #navi4{text-transform:uppercase; font-family:courier new; font-size:7pt; padding:30px 15px 30px 15px; color:#fff; letter-spacing:1pt; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; width:80px; line-height:120%;} #navi4:hover{background:#65ABB8; padding:22px 15px 22px 15px;} #post01{background:#fff; margin-bottom:8px; padding:8px 12px 10px 12px; -webkit-border-radius:0px 0px 20px 20px; -moz-border-radius:0px 0px 20px 20px; border-radius:0px 0px 20px 20px; opacity:0.4; filter:alpha(opacity = 40); zoom:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} #post01:hover{opacity:1.0; filter:alpha(opacity = 100); zoom:1; color:#424242;} #post02{font-size:7pt; text-transform:uppercase; padding:5px; font-family:times new roman; font-weight:bold; border-bottom:1px dashed #ddd; text-align:left;} blockquote{background:#F7F7F7; padding:10px; color:#848484; text-align:left;} blockquote:first-letter{color:#EB5353; font-size:10pt; font-weight:bold; font-family:georgia; font-style:italic;} .blogger-labels{font-size:7pt; text-transform:lowercase; padding-top:3px; color:#ddd; letter-spacing:1pt;} .blogger-labels a{font-size:7pt; text-transform:lowercase; padding-top:3px; color:#ddd; letter-spacing:1pt;} </style><script type="text/javascript"> function changeNavigation(id) {document.getElementById('MAIN').innerHTML=document.getElementById(id).innerHTML}</script> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/1554414353969884834?origin\x3dhttp://sourcity.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script> <div style="position:fixed; bottom:-10px; left:470px; z-index:-1;"> <img src="http://i45.tinypic.com/incs3d.jpg"> </div> <div style="position:fixed; bottom:230px; left:740px; z-index:1;"> <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k005.kiwi6.com/uploads/hotlink/sdx8t4hb3z&titles=mindy gledhill - anchor.mp3&t0=&total=1" quality="high" wmode="transparent" width="170" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> </div> <div style="position:fixed; top:0px; width:100%; background:#424242; padding:30px 0px 30px 0px; line-height:120%; z-index:1;"> <span style="color:#EB5353; font-family:arial; font-size:10pt; padding-right:10px; padding-left:35px; padding-top:20px; padding-bottom:20px;">»</span> <span id="navi1" onClick="changeNavigation('first')" onMouseover="this.style.cursor='e-resize'" onMouseout="this.style.cursor='default'">index</span><span id="navi2" onClick="changeNavigation('second')" onMouseover="this.style.cursor='e-resize'" onMouseout="this.style.cursor='default'">about</span><span id="navi3" onClick="changeNavigation('third')" onMouseover="this.style.cursor='e-resize'" onMouseout="this.style.cursor='default'">message</span><span id="navi4" onClick="changeNavigation('fourth')" onMouseover="this.style.cursor='e-resize'" onMouseout="this.style.cursor='default'">links</span> </div> <div style="margin-left:55px; line-height:170%; margin-top:72px;"> <div id="MAIN" style="width:460px; text-align:justify;"> <div id="post01"> <div id="post02"> <img style="margin-right:5px;" src="http://i45.tinypic.com/33oi96o.jpg"> Saturday, 3 December 2011, <a style="color:#585858;" href="http://sourcity.blogspot.com/2011/12/help.html" title="/permalink">16:50</a> </div> <div class="post"> <br> <div style="clear:both;"></div><div class="separator" style="clear: both; text-align: center;"><a imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7LFhLyvb8BuAmkHDsrsdoXjKT0UE4VupWJqnqwjMYEWmnc-foSUWZSFM8lD-r5J9haV1aB5e_ZC_wmXaYFPS3FkoKLDl94HA_KEm62BA4H7KyTvPMpWQ_KbbWLjV7129rbhLbCfXJMJff/s1600/tumblr_ln5ltmTP741qfateqo1_500_thumb.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>Guys guys T^T<br /> Tolong dong, pengen bikin navigation,, tapi engga bisa u,u<br /> Jadi kaya bikin page, tapi kalo page kan ntar dia pake link/buka new tab.<br /> Tapi kalo ini engga ... misalnya ex.blogspot.com kita klik navigation dia ntar urlnya tetep ex.blogspot.com u,u yang bisa tolong ya kasih tau di shoutmix, soalnya comment aku disable hehe :D Iyaudah makasih banget yang udah mau bantu! entar aku bikinin header sama cursor deh! Beneran .. janji !<div style="clear:both; padding-bottom:0.25em"></div><p class="blogger-labels">Labels: <a rel='tag' href="http://sourcity.blogspot.com/search/label/Boring">Boring</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/Coret%20Coret">Coret Coret</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/English">English</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/Gaje">Gaje</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/My%20Life">My Life</a></p></div> </div><br><br> <div style=""> <div style="float:left; width:50%; text-align:left;"> <a class="end1" href="http://sourcity.blogspot.com/2011/12/ganti-theme-d.html">« previous</a></div> <div style="float:right; width:50%; text-align:right;"> <a class="end1" href="http://sourcity.blogspot.com/2011/12/tadi-aku.html">next »</a></div> </div> </div></div> </div> <div id="first" style="display:none;"> <div id="post01"> <div id="post02"> <img style="margin-right:5px;" src="http://i45.tinypic.com/33oi96o.jpg"> Saturday, 3 December 2011, <a style="color:#585858;" href="http://sourcity.blogspot.com/2011/12/help.html" title="/permalink">16:50</a> </div> <div class="post"> <br> <div style="clear:both;"></div><div class="separator" style="clear: both; text-align: center;"><a imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7LFhLyvb8BuAmkHDsrsdoXjKT0UE4VupWJqnqwjMYEWmnc-foSUWZSFM8lD-r5J9haV1aB5e_ZC_wmXaYFPS3FkoKLDl94HA_KEm62BA4H7KyTvPMpWQ_KbbWLjV7129rbhLbCfXJMJff/s1600/tumblr_ln5ltmTP741qfateqo1_500_thumb.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>Guys guys T^T<br /> Tolong dong, pengen bikin navigation,, tapi engga bisa u,u<br /> Jadi kaya bikin page, tapi kalo page kan ntar dia pake link/buka new tab.<br /> Tapi kalo ini engga ... misalnya ex.blogspot.com kita klik navigation dia ntar urlnya tetep ex.blogspot.com u,u yang bisa tolong ya kasih tau di shoutmix, soalnya comment aku disable hehe :D Iyaudah makasih banget yang udah mau bantu! entar aku bikinin header sama cursor deh! Beneran .. janji !<div style="clear:both; padding-bottom:0.25em"></div><p class="blogger-labels">Labels: <a rel='tag' href="http://sourcity.blogspot.com/search/label/Boring">Boring</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/Coret%20Coret">Coret Coret</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/English">English</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/Gaje">Gaje</a>, <a rel='tag' href="http://sourcity.blogspot.com/search/label/My%20Life">My Life</a></p></div> </div><br><br> <div style=""> <div style="float:left; width:50%; text-align:left;"> <a class="end1" href="http://sourcity.blogspot.com/2011/12/ganti-theme-d.html">« previous</a></div> <div style="float:right; width:50%; text-align:right;"> <a class="end1" href="http://sourcity.blogspot.com/2011/12/tadi-aku.html">next »</a></div> </div> </div></div> </div> <div id="second" style="display:none;"> <div id="post01" style="text-align:right;"><div id="post02">about me <img style="margin-left:5px;" src="http://i45.tinypic.com/33oi96o.jpg"></div><br>  <img src="http://i39.tinypic.com/eld1yr.jpg" align="right" height="40" width="40" style="background:#fcfcfc; border:1px solid #f2f2f2; padding:25px; margin-left:15px; margin-right:15px; margin-bottom:15px;"> ♛ <span style="font-family:georgia; font-style:italic; letter-spacing:1px;">xxx</span>, 18, sg.<br> i live in wonderland<br> <blockquote> When all the world is spinning round,<br /> Like a red balloon way up in the clouds,<br /> And my feet will not stay on the ground, <br /> You anchor me back down.<br /> <br /> I am nearly world renowned,<br /> As a restless soul who always skips town,<br /> But I look for you to come around,<br /> And anchor me back down.<br /> <br /> There are those who think I am strange, <br /> They would box me up and tell me to change,<br /> But you hold me close and softly say,<br /> That you wouldn't have me any other way.<br /> <br /> When people pin me as a clown,<br /> You behave as though I'm wearing a crown,<br /> When I'm lose I feel so very found,<br /> When you anchor me back down.<br /> <br /> There are those who think I am strange, <br /> They would box me up and tell me to change,<br /> But you hold me close and softly say,<br /> That you wouldn't have me any other way.<br /> <br /> When all the world is spinning round,<br /> Like a red balloon way up in the clouds,<br /> And my feet will not stay on the ground,<br /> You anchor me back down. </blockquote> <br> </div> </div> <div id="third" style="display:none;"> <div id="post01"><div id="post02">leave me a message <img style="margin-left:5px;" src="http://i45.tinypic.com/33oi96o.jpg"></div><br> <center>/insert tagboard code here/<br>get a <a href="http://cbox.ws/">cbox</a> or <a href="http://www.shoutmix.com/v3/">shoutmix</a> <br><br> width recommended: 400~440px<br> colors from the layout: <span style="color:#EB5353;">#EB5353</span> and #424242 </center> <br> </div></div> <div id="fourth" style="display:none;"> <div id="post01"><div id="post02">affiliates <img style="margin-left:5px;" src="http://i45.tinypic.com/33oi96o.jpg"></div><br> <table width="80%" align="center" cellpadding="0" cellspacing="5" style=""><tr> <td width="20%" valign="top" style=""> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> </td> <td width="20%" valign="top" style=""> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> </td> <td width="20%" valign="top" style=""> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> </td> <td width="20%" valign="top" style=""> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> <a class="esc" href="http://www.blogger.com">Friend</a> </td></tr></table> <br> <br> <div id="post02">credits <img style="margin-left:5px;" src="http://i45.tinypic.com/33oi96o.jpg"></div><br>  <span style="color:#EDC951;">»</span> layout coded by: <a href="http://www.curvingends.blogspot.com/">Pui</a><a href="http://blogskins.com/me/16thday">Ling</a><br> <span style="color:#EDC951;">»</span> background image made using photoshop cs4 by: <a href="http://www.curvingends.blogspot.com/">Pui</a><a href="http://blogskins.com/me/16thday">Ling</a><br> <span style="color:#EDC951;">»</span> layout featuring lyrics from: <a href="http://www.youtube.com/watch?v=4AWRHBHDVlQ">Anchor</a> by Mindy Gledhill<br> <span style="color:#EDC951;">»</span> background pattern from: <a href="http://subtlepatterns.com/">subtlepatterns</a> <br><br> <div id="post02" style="color:#fff;">.</div><br> <table width="80%" align="center" cellpadding="0" cellspacing="0" style=""><tr> <td width="10%" style=""> <span style="color:#eb5353; font-size:20pt; font-weight:bold; font-family:arial; margin-right:10px; line-height:80%;">+</span> </td> <td width="70%" style=""> <select style="width:260px; font-size:8pt; color:#a4a4a4; border:1px solid #f2f2f2; text-align:center; font-family:trebuchet ms; letter-spacing:2pt; padding:3px;" onChange="location.href=this.options[this.selectedIndex].value;" value="GO"> <option selected="selected">archive by months</option> <option value="http://sourcity.blogspot.com/2011/09/">September 2011</option> <option value="http://sourcity.blogspot.com/2011/10/">October 2011</option> <option value="http://sourcity.blogspot.com/2011/11/">November 2011</option> <option value="http://sourcity.blogspot.com/2011/12/">December 2011</option> <option value="http://sourcity.blogspot.com/2012/01/">January 2012</option> <option value="http://sourcity.blogspot.com/2012/03/">March 2012</option> <option value="http://sourcity.blogspot.com/2012/04/">April 2012</option> <option value="http://sourcity.blogspot.com/2012/05/">May 2012</option> </select> </td></tr></table> <table width="80%" align="center" cellpadding="0" cellspacing="0" style=""><tr> <td width="10%" style=""> <span style="color:#eb5353; font-size:20pt; font-weight:bold; font-family:arial; margin-right:10px; line-height:80%;">+</span> </td> <td width="70%" style=""> <select style="width:260px; font-size:8pt; color:#a4a4a4; border:1px solid #f2f2f2; text-align:center; font-family:trebuchet ms; letter-spacing:2pt; padding:3px;" onChange="location.href=this.options[this.selectedIndex].value;" value="GO"> <option selected="selected">archive by posts</option> <option value="http://sourcity.blogspot.com/2011/12/tadi-aku.html">Tadi aku ......</option> <option value="http://sourcity.blogspot.com/2011/12/welcome-december-bubbye-november.html">Welcome December Bubbye November</option> <option value="http://sourcity.blogspot.com/2011/11/bete-berat.html">Bete berat</option> <option value="http://sourcity.blogspot.com/2011/11/when-i-open-my-shoutbox.html">When I open my shoutbox....</option> <option value="http://sourcity.blogspot.com/2011/11/today-im.html">Today I'm ....</option> <option value="http://sourcity.blogspot.com/2011/11/dunno-what-should-i-do.html">Dunno what should I do</option> <option value="http://sourcity.blogspot.com/2011/11/its-her-birthday.html">It's Her Birthday!</option> <option value="http://sourcity.blogspot.com/2011/11/deg-deg.html">Deg deg-an</option> <option value="http://sourcity.blogspot.com/2011/11/10-days-letter-challenge.html">10 Days Letter Challenge</option> <option value="http://sourcity.blogspot.com/2011/11/write-letter-to-your-oldest-friend.html">Write a letter to your oldest friend</option> </select> </td></tr></table> <br><br> </div> </div> </div></div> </body></html>