CODES;
|
<head> <div style="display:scroll; position:fixed; top:5px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-70vRXvOBu9E/Tlprk79vHBI/AAAAAAAABrk/9R85rGzWBpw/s1600/zfollowpink.png" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-MjSPmReYSrQ/TlprinPm1qI/AAAAAAAABrQ/AfOCfv_7Z1c/s1600/zdashboardpink.png" /></a></div></div> <center><img class="kelapa" src="http://i.imgur.com/LnQ67vX.png" / ></center> <link rel="shortcut icon" href=" http://i.imgur.com/ymOsMPS.png" /> <link href='http://fonts.googleapis.com/css?family=Patrick+Hand|Just+Another+Hand|Gochi+Hand' rel='stylesheet' type='text/css'> <title>Choco Choci</title> </center> <!-------------------------------------- Blogger Classic Template Name: Choco Choci Designer: Nyimas Amalia URL: http://aliatubies.blogspot.com *Do not remove this* *Do not ripping* --------------------------------------!> <style type="text/css"> #navbar-iframe {display: none; } ::-webkit-scrollbar { width: 7px; height: 7px; background: url(http://i.imgur.com/CoVFq.png); border: 3px solid #fff; } ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background: url( http://i.imgur.com/CoVFq.png); border: 1px solid #fff; } .kelapa { margin-top:30px; margin-left:0px; -webkit-transition:2s; } .kelapa:hover { -webkit-transform: rotatey(180deg);; -webkit-transition-duration: 2s; } body { background:url(http://2.bp.blogspot.com/-pNL5BxjkZuQ/T-lieENbxHI/AAAAAAAAA0E/1jTKdJ8VbwA/s1600/atinorange.png); font:23px 'Gochi Hand', cursive; letter-spacing:0px; color:#6e6e6e; cursor: url(http://i.imgur.com/H2yfJl4.png), auto; } .content { background:#ffffff; color:#666666; font-size: 11px; padding:14px; width:555px; border-radius:10px; text-align:justify; } a:link, a:visited { color: #641B03; text-decoration:none; -webkit-transition: 1s; } a:hover{ color: #FC9472; } blockquote { background:url(http://i.imgur.com/CoVFq.png); border-radius:15px; padding:10px; display:block; border:1px double #511501; color:#80808; -webkit-transition: 1.0s; -moz-transition: 1.0s; font-family: 'Just Another Hand', cursive; } blockquote:hover { border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #FD7C51; -moz-box-shadow: 0px 0px 8px #FD7C51; box-shadow: 0px 0px 8px #FD7C51; } .sidebar { padding-right:21px; width: 235px; font-size:11px; text-align:left; } .tit{ text-align: center; font-size: 20x; color: #621C04; font-family: 'Patrick Hand', cursive; letter-spacing: 3px; padding: 3px; background:url(http://i.imgur.com/CoVFq.png); border-left:20px double #621C04; border-right:20px double #621C04; border-radius:3px; font-weight:bold; text-transform: ; margin-top: 10px; margin-bottom: 10px; } img{ cursor:url("http://cur.cursors-4u.net/nature/images11/nat1034.gif "),default; filter: none; text-decoration: none; border-radius:10px; opacity:0.6; -webkit-transition-duration:2.5s; } img:hover{ border-radius:30px; opacity:10.8; -webkit-transition-duration:2.5s; } .h1 { margin-top: 7px; margin-bottom: 3px; margin-left: 1px; margin-right: 1px; color:#5A5A5A; letter-spacing:2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; font-family: Waltograph UI; line-height: 15px font-size: 20px; line-height:20px; border-radius: 5px; background:url(http://i.imgur.com/CoVFq.png); } .h2{ padding: 5px; } b { font-style:bold; color: #972D09; } u { text-decoration: none; border-radius: 4px; padding: 3px; -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px; } u:hover { background: #F5A083; color: #FFFFFF; -webkit-transition: 1s; -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px; } ::-moz-selection { background:#fff; color:#000; } ::selection { background:#fff; color:#000; } a.nav{ border:2px solid #621C04; border-radius:3px; background:#F9FDFF; color: #A2A1A3; -webkit-transition: 1s; padding:2px; } a.nav:hover { background:#FFBED8; color: #FFFFFF; text-decoration: none; -webkit-transition: 0.5s; } a.linky { background: #fff; letter-spacing:0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-top:3px; display:inline-block; font:12px Cute3; letter-spacing: 1px; text-align:center; width:80px; color:#999; padding:7px; border:1px #a.linky { background: #fff; letter-spacing:0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-top:3px; display:inline-block; font:12px Cute3; letter-spacing: 1px; text-align:center; width:80px; color:#999; padding:7px; border:1px #a.linky { background: #fff; letter-spacing:0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-top:3px; display:inline-block; font:12px Cute3; letter-spacing: 1px; text-align:center; width:80px; color:#999; padding:7px; border:1px #9F0606 solid; text-decoration:none; } </style> <!------------------------ MUSIC PLAYER ------------------------!> <style> #music{ position:fixed; top:90px; left:10px; padding-top:10px;padding-bottom:17px; text-align:center; height:10px; width:34px; overflow:hidden; border:3px solid #F7EFFF; color:#888; border-radius:40px; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; background-color:#FFFFFF; z-index:999; } #musicplayer{ padding-top:10px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #music:hover { border:3px dotted #F7EFFF; padding:5px; height:65px; width:65px; border-radius:70px; } </style> <div id="music"> <center> <img src="http://media.tumblr.com/tumblr_m4ttsnWIaE1qdlkyg.gif" style="background:none;border:none;padding-top:0px;" /></center> <div id="musicplayer"> <center><object width="30" height="25"><param name="movie" value="http://www.youtube.com/v/6K0iUo5nDY0?version=2&autoplay=1&hl=en_US&color1=E4E1FF&color2=F3E1FF" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/6K0iUo5nDY0?version=2&autoplay=1&hl=en_US&color1=621C04&color2=621C04" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="30" height="25"></embed></object></center> </div> </div> <body> <!---------Sidebar Wrapper Code------> <table style="font-size: 12px; color:grey; line-height: 17px; background:#fff; border: 0px solid #565454; border-radius:0px;" width="850" align="center" border="0" cellspacing="8"> <tbody><tr> <td valign="top" style="width:240px; padding:2px; border-radius:20px; background: transparent; font-size:11px;"> <br><br> <div class="sidebar"> <div class="tit">Choci's Here!</div> <center><img src=" http://www.dietsticks.com/chocolateimg.jpg" width="200" height="160"/><br> Annyeong friends! Nyimas here. Nice to meet you!<br> <br><br> <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('post').innerHTML">Entries</a> <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML">Profile</a> <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('tutobies').innerHTML">Stuff</a><br> <a class="nav" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML">Affies</a><br> <div class="sidebar"> <div class="tit">Tagboard</div> YOUR CBOX CODE</div></br> <div class="sidebar"> <div class="tit">Credit</div> <center><img src="http://media.tumblr.com/726fda6a17a936a0ecdd26608 cfaa9aa/tumblr_inline_mh8ya6qDgb1qz4rgp.gif"> <center> Basecode: <a href="http://fatinhalid.blogspot.com/">Atin</a><br> Editor: <a href="http://aliatubies.blogspot.com/">Nyimas</a><br> Owner: Your name</a><br> </div> </td> <!---------Main Wrapper Code------> <td valign="top" style="background: #fff; width:700px; height: 385px; padding-left:2px; padding-right:11px; padding-left:2px;"> <br><br> <div id="content"> <blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comment</a></BlogItemCommentsEnabled></div> <$blogitembody$><br> </blogger> <div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank">← <c>NEWER</c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>OLDER</c> →</a></div><br><br> </div> <div id="about" style="display:none;"> <div class="h1"><span class="Apple-style-span" style="color: #FFADAD;"> ? </span> Choc Chic Girl!</div><br> <center><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRBj6T7D5I0FNRFPf68E3w2m-i1h9R92ZEXrlYp81DARP7Madup" width="400" /></center> Name: Nyimas Amalia<br> Know as: SoIjah ^_^<br> Birth: December 31st 2002<br> Age: 11 years old Live: Surakarta, Indonesia<br> Hobby: Swimming, Blogging, Singing<br> <br><br> <div class="h1">Likes</div><br> v Maher Zain's Song<br> v Chocolate<br> v Cupcake<br> v Swimming<br> v Blogging<br> v Black+White<br> v Pinky Blog<br> <br><br> <div class="h1">Hates</div><br> x Anons<br> x Copcats<br> x Hacker<br> x Cracker<br> x Liars<br> x Spammers<br> <br><br> </div> <div id="tutobies" style="display:none;"> <div class="h1"> Tutorials</div><br> <center><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQIZof7dtYHLpm9LZ7c4GBkkQrZaVd0NUOGK8CtNpytQhzF1Ot4" width="400" /><br> Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br> Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br> Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br> Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br> Tutorial: <a href="http//.blogspot.com">Coming soon....</a><br> <div class="h1"> Freebies</div><br> Freebies: <a href="http//.blogspot.com">Coming soon....</a><br> Freebies: <a href="http//.blogspot.com">Coming soon....</a><br> Freebies: <a href="http//.blogspot.com">Coming soon....</a><br> Freebies: <a href="http//.blogspot.com">Coming soon....</a><br> Freebies: <a href="http//.blogspot.com">Coming soon....</a><br> <br><br> </div> <div id="link" style="display:none;"> <div class="h1"> Linkies</div><br> <center><img src="https://blogs.libraries.iub.edu/ref/files/2011/02/chocolate1.jpg" width="400" /><br> <center><a class="linky " href="http://fatinhalid.blogspot.com">AtinVIP</a> | <a class="linky " href="http://aliatubies.blogspot.com/">Nyimas</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a>|<a class="linky " href="http:/">Next?</a></center><br>| </center><br> </div> <div id="post" style="display:none;"> <blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>chingu(s)</a></BlogItemCommentsEnabled></div> <$blogitembody$><br> </blogger> <div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank">← <c>NEWER</c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>PAST</c> →</a></div><br><br> </td></table></style> <br> </div></br> </body></html></head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type='text/javascript' language='Javascript'> var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]}, controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://i.imgur.com/Qbjos7u.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:'Fly To The Sky'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script> |