|
CODES;
|
<html><head> <!-------------------------------------- Blogger Classic Template Name: Nature friend ? Skin by: kawaiilady.blogspot.com *Don't remove this* *Don't use this skin as basecode* --------------------------------------!> <link rel="shortcut icon" href="http://media.tumblr.com/569f2d174c81b0f017974a6f332a6ee0/tumblr_inline_mmzrc4s8kp1qz4rgp.gif"/> <title>Mine of Frozen ?</title> <link href='http://fonts.googleapis.com/css?family=Croissant+One' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Qwigley' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Milonga|Delius+Swash+Caps' rel='stylesheet' type='text/css'> <style type="text/css"> #navbar-iframe {display: none;} body { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnOtk19OP8QK6Tehq6A8ZyofWJLxLtl4bhW65mC2_-2YVPTEp6yYSOkJd2xaBxdUN3lZB5Af9YgyfWanP76-ulP9sy5Va6VQoWwrIfjlxS1eKXs_nmMtx7-mxyKchZnDrXNwwhWNwDoGU/s1600/dd.gif); background-attachment:fixed; color:#808080; font-family: arial; font-size: 11px; cursor: url(http://static.tumblr.com/xjqjg7j/bfqmxtzfn/65.gif), auto; } a:link,a:visited{ text-decoration:none; color:#999999;border:1px solid transparent; -webkit-transition: all 0.5s ease-in-out; -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; } a:hover{ border:1px solid #A6DFFF; background:#D7F1FF; color:#999; cursor: url(http://static.tumblr.com/xjqjg7j/8dMmxtvd6/54.png), progress; } ::-moz-selection { background:#E4F1FF; color:#FFFFFF; } ::selection { background:#E4F1FF; color:#FFFFFF; } img{ padding:4px; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))) -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } img:hover{ opacity: 1;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); } blockquote{ background:url(http://i.imgur.com/Zbeaj.png); border:1px dashed #9AEDFF; padding:10px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; border-radius:15px; } blockquote:hover{ border:3px solid #7CE8FF; border-radius:20px; } .title { background:url(http://i.imgur.com/tDtge.png); width:870px; } .main { background:#ffffff; font-family:verdana; font-size:11px; color:#666666; padding:14px; padding-bottom:25px; width:520px; text-align:justify; } .sidebar { font-family:verdana; font-size:11px; background: #ffffff; color: #666666; padding: 8px; width: 250px; border-radius: 10px; text-align: justify; border:3px solid #C9F0FF; } .headerr{ margin-left:0px; margin-bottom:-5px; } .h1 { border: 1px solid #A6DFFF; font-family: 'Milonga', cursive; color:#999; font-size:14px; border-radius:10px; background:#ffffff; padding :4px;text-align: center; -webkit-transition: all 0.5s ease-in-out; -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; } .h1:hover{ border: 1px solid #BCE7FF; -webkit-box-shadow: 0px 0px 12px #DCF3FF; -moz-box-shadow: 0px 0px 12px #DCF3FF; box-shadow: 0px 0px 12px #DCF3FF; } .h2 { font-family:georgia; font-style:italic; font-size:10px; padding:3px; text-align: center; background:#E5F6FF; margin-bottom:2em; border-bottom:1px solid #A6DFFF; border-left:1px solid #A6DFFF; border-right:1px solid #A6DFFF; width:400px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } ::-webkit-scrollbar { width: 10px; height: 15px; } ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { height: 15px; width: 15px; background: #FFFFFF ; border: 1px dotted #C8F5FF; -moz-border-radius: 95%; border-radius: 95%; } ::-webkit-scrollbar-track-piece { background-color: #FFFFFF; border: 1px dashed #C8F5FF; border-radius:15px; } ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background-color: #81E7FF; background-image:#76E2FF; background-size:300%; border-radius:35px; } u{ text-decoration:none; border-bottom:2px dotted #cccccc; -webkit-transition: all 0.5s ease-in-out; -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; } u:hover{ border-bottom:6px solid #e6e6e6; } i{ font-family:georgia; font-style:italic; } b:hover{ -webkit-transition: 1.0s; -moz-transition: 1.0s; color:#808080; } .tablo{ width:42px; padding:4px; margin:2px; background:#95ECFF; font:8px tahoma; text-align:center; Text-decoration:none; color:#888;border:none; text-transform:uppercase; display:inline-block; height:27px; padding-top:20px; border-radius:50%; -webkit-transition: all 0.5s ease-in-out; -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; transform: rotate(0deg) ; -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg) ; -ms-transform: rotate(0deg) ; } .tablo:hover { border:none; background:white; box-shadow:0px 0px 10px 5px #95ECFF; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ; } a.uhmy { display:block; width:400px; margin:2px; border:1px solid #50DAE4; padding:3px; -webkit-transition: all 0.5s ease-in-out; -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; } a.uhmy:hover { background:#50DAE4; color:#666666; } a.linki { display:inline-block; width:80px; padding: 3px; margin: 2px; text-align:center; color:#666666; background:#C5E6FF; border:1px solid #B3DFFF; -webkit-transition: all 0.5s ease-in-out; -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; } a.linki:hover{ background:#FFFFFF; color:#FFFFFF; } a.linkies { display:inline-block; background:#7AF7FF; width:80px; padding: 3px; margin: 2px;text-align:center; color:#FFFFFF; -webkit-transition: all 0.5s ease-in-out; -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; } a.linkies:hover { color:#666666; background:#fff; } .old { margin-top:10px; font:12px century gothic; padding:2px;float:right; width:100px; color:#444444; border-radius:10px; align:center; text-align:center; } .new { margin-top:10px; font:12px century gothic; padding:2px;float:left; width:100px; color:#444444; border-radius:10px; align:center; text-align:center; } /* Comment Start ----------------------------------------------- */ #comments h4 { text-align:center; color: #555; font-weight:normal; font:17px 'Milonga'; font-style:italic; } #comments-block { width:480px; margin:1.5em; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6lk9FUHIfvagoRa2WjpNKfiXN6kIueGVNpxIg5hXVOA3YAMsOXjn0yazzWa1Dg_pF1hrMVbNTXz89ubTVquGwihZlexK78MgOOqdmacyp0yowdmMEK_phJ9Ny9hx0V0s8NpqUQa-_GgI/s1600/blue.gif); color:#444444;text-align:left; font:11px verdana; padding:5px;box-shadow:0px 0px 4px 4px #eeeeee; border:2px dashed #FFFFFF;border-radius:20px; } #comments-block .comment-author {margin:.5em 0;} #comments-block .comment-body {margin:.25em 0 0; background: #FFFFFF;} #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; letter-spacing:.1em; } .comment-body p { margin:0 0 .60em; padding: 5px; background: #ffffff; border-radius: 25px; box-shadow:0px 0px 4px 4px #eeeeee; border:2px dashed #FFFFFF; } .comment-timestamp { margin:1em; text-align:center; color: #555555; font-weight:normal; font:15px 'Milonga'; } .comment-data { background:#FFFFFF; box-shadow:0px 0px 4px 4px #eeeeee; border:2px dashed #FFFFFF;border-radius: 25px; margin-top:5px !important;margin-bottom:5px !important; padding:2px;width:250px; color:#666666;text-align:center; } .comment-date { background:#FFFFFF; box-shadow:0px 0px 4px 4px #eeeeee;width:180px;float:right; border:2px dashed #FFFFFF;border-radius: 25px; margin-top:5px !important;margin-bottom:5px !important; padding:3px;color:#666666; text-align:center; } .deleted-comment { font-style:italic; color:#B2B2B2; } /* Comment Ends ----------------------------------------------- */ </style> <body><br> <center><div class="headerr"><center><img src="http://i.imgur.com/BhfXwtv.png"></center></div></center></div> <table style="line-height: 17px;margin-bottom:10px;padding:10px;border-radius:10px;border:5px solid #C9F0FF; background:url(http://i.imgur.com/tDtge.png);" width="880" border="0" align="center" cellspacing="5"> <center><div style="display:fixed;position:fixed; top:45px; right: 10px; width:100; padding:3px; font-family: Century Gothic; letter-spacing: 2px; background:url(http://i.imgur.com/tDtge.png); color:black; font-size:11px;"><center><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">Follow</a>|<a href="http://blogger.com/">Home</a></center></div> <tbody><tr> <td valign="top" width:550px;"> <div class="main"> <div id="page"> <blogger><div class="h1"><BlogItemTitle><span class="PostTitle"> <a href="<$BlogItemPermalinkURL$>"> <$BlogItemTitle$></a></span></BlogItemTitle></div> <center><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div></center> <$blogitembody$> <br /><br /> <itempage> <div id="comments" style="margin-top:5px;"> <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> available :</h4></center> <center> <dl id="comments-block"> <div style="width:465px;padding:5px;"> <$CommentPager$> <blogitemcomments> <dt class="comment-date" id="<$I18NAtCommentTimeWithPermalink$></dt> <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorsaid$> </dt> <dd class="comment-body"> <p> <$BlogCommentBody$></p> </dd> </BlogItemComments> <$CommentPager$> </dl></center> </div> <center><p class="comment-timestamp"> <$BlogItemCreate$> </p> </div> </ItemPage></center> </blogger> </blogger> <center> <div class="new"><NewerPosts><a href="<$NewerPosts$>" target="_blank">? Newer Posts</a></NewerPosts></div><div class="old"><OlderPosts><a href="<$OlderPosts$>" target="_blank">Older Posts ?</a></OlderPosts></center></div> </center> </blogger> </div> </div> </td> <td valign="top" width="250px"> <div class="sidebar"> <div class="h1";>Disclaimer</div><br> <center><img src="http://images6.fanpop.com/image/photos/36200000/Frozen-image-frozen-36244340-300-269.gif" width="200" height="169"><br><br> Asssalamualaikum and hye visitor...Welcome to my frozen land...<center>Hate my blog? click <a href="javascript:window.close();">Here</a></center><br><br> <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://darelfen.com/compilations/The%20Official%20UK%20Top%2040%20Singles%20Chart/20140127093655-31%20Idina%20Menzel%20-%20Let%20It%20Go.mp3&t0=Let It Go&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> <br><br> <center><a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Diary</a> <a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >About</a> <a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Link</a> <a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML" >Stuff</a></center><br></div><br /><br /> <div class="sidebar"> <div class="h1">Chatting</div><br /> <center> <center><div id="edited" style="width:250px; height:260px; background: url(http://i.imgur.com/sQewp.png) no-repeat left top; padding-top:65px; padding-left:0px; position:relative" align="center">CBOX CODE HERE With Setting code Cbox : Width : 200 px || Height : 150 px (bagian awal) Width : 200 px || Height : 75 px {bagian akhir)</div></center> </div> <br /><br /> <div class="sidebar"> <div class="h1">Advertise</div><br> <center><img src="http://cdn2.scratch.mit.edu/get_image/gallery/418422_170x100.png?v=1398895761.05" height="150"><br><br> Template By: <a href="http://kawaiilady.blogspot.com/">Kawaii</a> <a href="http://blogskins.com/me/teddy_chimi">Lady</a><br> Edit By: <a href="http://kawaiilichan.co.vu/">Li</a>-<a href="http://blogskins.com/me/nyimasamalia22/>Chan</a>. Owner: <a href="http://YourBlogURL.blogspot.com/">Your Name</a><br> Some stuff: <a href="http://nurulatiqahjaidin.blogspot.com/"> * </a><a href="https://www.google.com.my/">* </a><a href="http://wanaseoby.blogspot.com/">* </a><a href="http://tumblr.com/">* </a><br> </div> </div> <div id="profile" style="display: none;"> <div class="h1">Meet The Owner</div><br> <center><img src="http://25.media.tumblr.com/1fd31342c04abb6ba6c017e26c664f06/tumblr_myamfnRQHE1rp0tvoo2_250.gif" /></center> <center><u>I'am just a normal girl like other</u><br> <div style="text-align: left; padding-left: 30px;"> <b>Name</b> : bla bla... <br> <b>Born on</b> : bla bla... <br> <b>State</b> : bla bla... <br> <b>Country</b> : bla bla... <br> <b>Language</b> : bla bla... <br> <b>Religion</b> : bla bla... <br> <b>Wishes</b> : bla bla... <br> <b>Hobby</b> : bla bla... <br> <b>Ambition</b> : bla bla... <br> <b>Quotes</b> : bla bla... <br> <b>Contact</b> : <a href="https://twitter.com/YOUR TWITTER">Twitter</a> | <a href="http://www.facebook.com/YOUR FB">Facebook</a></center><br><br></center> <div style="text-align: left; padding-left: 30px; padding-right: 20px;"> <u>I love </u><br><br> ? bla bla... <br> ? bla bla... <br> ? bla bla... <br> ? bla bla... <br> ? bla bla... <br> ? bla bla... <br><br> <u>I Hate </u><br><br> ? CopyCat <br> ? Back Stabbers <br> ? Hipokrit <br> ? Couple <br> ? Make up <br> ? Annoying person<br> ? Insects <br><br> <center><u>About this blog</u><br><br>What What or bla bla bla bla bla bla bla....Ini diganti ya!<br><br> <center><u>Replace this!<u><br><br> <div id="links" style="display: none;"> <div class="h1">Link Exchanges</div><br> <center> <img src="http://25.media.tumblr.com/5df1760aed4e68cd75053104c0078eff/tumblr_n04fpwaYkX1slw57ko1_500.gif" /><br><br> <div style="text-align: left; padding-left: 20px; padding-right: 20px;"><img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> Exchange link? tell me at my cbox...<br> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> Put mine as Fathiya<br> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> You delete me, i'll delete back!<br><br><br> <a class="linkies" href="http://kawaiilady.blogspot.com/">Kak Ezah</a> <a class="linki" href="http://kawaiilichan.co.vu/">Li</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a> <a class="linkies" href="">friend</a> <a class="linki" href="">friend</a><br/><br/> </div> <div id="rules" style="display: none;"> <div class="h1">Read this rules first</div><br> <div class="separator" style="clear: both; text-align: center;"> <img border="0" src="http://img1.wikia.nocookie.net/__cb20140222052127/disney/images/6/69/Frozen_-_Queen_Elsa_(4).gif" /></div><br> <div style="text-align: left; padding-left: 20px; padding-right: 20px;"> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> 1. No re-post Without permission<br> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif"/> 2. No copycat or copydog!<br> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> 3. Dont take anything in this blog (except freebies)<br> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> 4. You can request to me.<br> <img src="http://sl.glitter-graphics.net/pub/51/51082b97w96e86g.gif" /> 5. Ask me anything...i'm not a lion okay?<br><br><br></div> <div style="text-align: center;"> <span onClick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML"><b><u>Tutorial</u></b></span> or <span onClick="document.getElementById('page').innerHTML=document.getElementById('free').innerHTML"><b><u>Freebies</u></b></span><br> </div> <div id="stuff" style="display: none;"> <div class="h1">Blog Tutorial...</div><br> <center><img src="http://images6.fanpop.com/image/photos/35400000/Elsa-elsa-the-snow-queen-35481979-600-258.gif"/></center><br> <br><br> <center><u>Tutorial</u><br><br> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <br><br><br><br></center> <div id="free" style="display: none;"> <div class="h1">Extras by me...</div><br> <center><img src="http://images6.fanpop.com/image/photos/35800000/Elsa-elsa-the-snow-queen-35849256-500-250.gif" /></center><br> <br><br> <center><u>Freebies</u><br><br> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <a class="uhmy" href="http://link">soon..</a> <br><br><br> </div> <div id="diary" style="display: none;"> <div class="main"> <blogger><div class="h1"><BlogItemTitle><span class="PostTitle"> <a href="<$BlogItemPermalinkURL$>"> <$BlogItemTitle$></a></span></BlogItemTitle></div> <center><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div></center> <$blogitembody$> <br /><br /> <itempage> <div id="comments" style="margin-top:5px;"> <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> available :</h4></center> <center> <dl id="comments-block"> <div style="width:465px;padding:5px;"> <$CommentPager$> <blogitemcomments> <dt class="comment-date" id="<$I18NAtCommentTimeWithPermalink$></dt> <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorsaid$> </dt> <dd class="comment-body"> <p> <$BlogCommentBody$></p> </dd> </BlogItemComments> <$CommentPager$> </dl></center> </div> <center><p class="comment-timestamp"> <$BlogItemCreate$> </p> </div> </ItemPage></center> </blogger> </blogger> <center> <div class="new"><NewerPosts><a href="<$NewerPosts$>" target="_blank">? Newer Posts</a></NewerPosts></div><div class="old"><OlderPosts><a href="<$OlderPosts$>" target="_blank">Older Posts ?</a></OlderPosts></center></div> </center> </blogger></div></div> <br></td> </table></body> </head> <style type="text/css"> #at{ position:fixed; right:300px; z-index:+1000; top:6; } * html #at{position:relative;} .attab{ height:500px; width:30px; float:right; cursor:pointer; background:url(); } .atcontent{ float:center; background:url(http://i.imgur.com/pDSl98q.png?1) no-repeat 0 0 transparent; width:800px; height:700px;center scroll ; padding:56px 0 20px 5px; } </style> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script> <div id="at"> <div class="attab" onclick="showHideAT()"> </div> <div class="atcontent"> <div align="center"> <div style="background:url() no-repeat;"> <center><div id="author"> <a href="javascript:void(0);" onclick="showHideAT()"> </a></div></center></div> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-500-at.offsetWidth).toString() + "px"; </script> <style type='text/css'> a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5;F opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <div style='display:scroll; position:fixed; top:100px; right:1px;'> <a href="javascript:void(0);"onclick="showHideAT()"/> <img src="http://i.imgur.com/7Smb7NJ.png?1" alt="PUSH" title="Warning!!!" /></a> </div></div></div></div> <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/47/47687/207/parts.js"></script><p style="text-align:center;margin:0px;"></p><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"></p> </html> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/*********************************************** * Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byNyimasAmalia***********************************************/var scrolltotop={ setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGKGfc5HVx3yHocpfGq308jaGhWiH7kkQcuzaMV6ZpVzVsHfbyPkjC1mfw2qBZOiQeTu8aNZ0ipzAtJdHT5-JlvI3EHLE1fkcK1XeMJMyHfq0ttxqH6-NFIAQSNz5hlPvxV8OptKdXcZp/s1600/turqoisesimpletop.png" />', controlattrs: {offsetx:5, offsety:5}, anchorkeyword: '#top', state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) this.$control.css({opacity:0}) var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) 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 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:'Scroll Back to Top'}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') mainobj.$control.css({width:mainobj.$control.width()}) mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script> |