<html>
<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#B2CCFF');
//
/****************************
* Clicksplosion Effect *
* (c) 2012 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;
function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}
addLoadEvent(clicksplode);
function clicksplode() { if (document.getElementById) {
var i, j;
window.onscroll=set_scroll;
window.onresize=set_width;
document.onclick=eksplode;
set_width();
set_scroll();
for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
stars[j]=createDiv('*', 13);
document.body.appendChild(stars[j]);
}
}}
function createDiv(char, size) {
var div, sty;
div=document.createElement('div');
sty=div.style;
sty.font=size+'px monospace';
sty.position='absolute';
sty.backgroundColor='transparent';
sty.visibility='hidden';
sty.zIndex='101';
div.appendChild(document.createTextNode(char));
return (div);
}
function bang(N) {
var i, Z, A=0;
for (i=sparks*N; i<sparks*(N+1); i++) {
if (decay[i]) {
Z=stars[i].style;
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
else {
Z.left=Xpos[i]+'px';
Z.top=Ypos[i]+'px';
}
if (decay[i]==15) Z.fontSize='7px';
else if (decay[i]==7) Z.fontSize='2px';
else if (decay[i]==1) Z.visibility='hidden';
decay[i]--;
}
else A++;
}
if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}
function eksplode(e) {
var x, y, i, M, Z, N;
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
N=++count%bangs;
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*sparks; i<(N+1)*sparks; i++) {
Xpos[i]=x;
Ypos[i]=y-5;
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i].style;
if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
else if (M<2*colours.length) Z.color=colours[count%colours.length];
else Z.color=colours[i%colours.length];
Z.fontSize='13px';
Z.visibility='visible';
}
clearTimeout(timers[N]);
bang(N);
}
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min-7;
shigh=sh_min-7;
}
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
// ]]>
</script>
<link rel="shortcut icon" href="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic000demoji_9266200decoojp.gif" /></head><html>
<head><center><br>
<img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBH6i47csAokeODZ0uQWoR7ubsG-7KftnU8qSMThmrA-PUVWZ7IXxLlSRTYbvOJ3SCMinRyec8P9bD7Epn7tVdh9bNPxjjXS5D0JqONKgGE-GSinlD0rlS8uoxBM4iuw4etE_LYWVN9Q/s1600/-.png" / ></center>
<div style="position: fixed; top: 5px; right: 85px;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KAMU" title="Follow !""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywF_51fil0uqCDz7X2kEoJyKpEn1ds1UP3PsLRwciZZJ9anzq0FChAFDIoWvqBPA_KDr6BLAM8BWZKgL7pcMdGogr9SghvLWzfFvanCWSI6_bxYiRIDjApJEGsMuwHQNqzi180hM6UaM/s1600/fblue.png" border="0" /></a><div style="position: fixed; top: 5px; right: 2px;"><a href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !";"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5F_-86hEZF9okeebn7Z0ng3iuH4sbDampaYvhHgdy-ldZmmGkPX2VTB4kxV87B-QG7hUnTgRdB4ZRiLWGvRJkwXOrIM-qnl1zb5qOaTPAM0fIfOvev1esZTHSBcD5EX7TwiZODUEg8M0/s1600/dblue.png" border="0" /></a></div></div>
<center>
<title>Ika Musume Bloggie</title>
</center>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>
<style type="text/css">
#navbar-iframe {display: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
background: url(http://i.imgur.com/wujG0.png);
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(http://i.imgur.com/BeBEB.gif);
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://i.imgur.com/XVOLTsP.png);
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/01.gif), auto;
font-family: Short Stack;
font-size: 14px;
color:#000000;
background-attachment:fixed;
}
.content {
background:#ffffff;
color:#000000;
font-size: 13px;
padding: 20px;
border-radius:20px;
border-left:1px solid #000000
border-right:1px solid #000000
-webkit-border-radius-bottomleft:10px
-webkit-border-radius-bottomright:10px
}
::-moz-selection {
background:transparent;
color:#000000;
text-shadow: 2px 2px 3px #99CCFF;
}
::selection {
background:transparent;
color:#000000;
text-shadow: 2px 2px 3px #99CCFF;
}
a:link, a:visited {
font-weight: bold;
color: #B2E5FF;
letter-spacing: 2px;
text-decoration:none;
-webkit-transition: 1s;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/01.gif), auto;
}
a:hover{
color:#66E5FF;
border-radius: 4px;
-webkit-transition: .5s;
cursor: url(http://static.tumblr.com/z7e2cpq/PtZlllqc9/ponteiro_azul.png), auto;
}
.sidebar {
padding:px;
border-radius:20px;
background: #FFFF;
}
.sidebar2 {
padding: 5px;
}
.h1 {
background: url(http://i.imgur.com/BeBEB.gif);
border-left: 20px solid #B2CCFF;
border-right: 20px solid #B2CCFF;
font-family: Delius;
text-align: center;
color:#4C33FF;
font-size:20px;
padding-bottom:5px;
margin-bottom:3px;
-webkit-transition-duration: 1.0s;
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.h1:hover {
border-right: 100px solid #B2CCFF;
border-left: 0px solid #B2CCFF;
-webkit-transition-duration: 1.0s;
}
.h2 {
color: #A4A4A4;
font-size:18px;
margin-bottom:2em;
text-align: center;
}
blockquote {
background:url(http://i.imgur.com/siZKvUh.png);
padding:10px;
border-radius:10px;
border-left:10px solid #B2CCFF;
border-right:10px solid #B2CCFF;
border-top:2px solid #B2CCFF;
border-bottom:2px solid #B2CCFF;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: Short Stack;
}
blockquote:hover{
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #7F99FF;
-moz-box-shadow: 0px 0px 8px #7F99FF;
box-shadow: 0px 0px 8px #7F99FF;
}
a.navigate{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyhqgsMCrpnt0OeqyzmqiHNHp9luuaRxcOUjPnq9Zt0CSZPVQw9zjvVlHsVhzQH5Hk8fNoytdDl029CEusecMNN0qnO1zK7wyrXkzZA1_U7iiKr19q7j-zqaKjJ_RMl2lOLKlWvr4m2A/s1600/back03.gif);
padding:5px;width:90px;
color: #99B2FF;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0;font-family: delius;
font-size: 11px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #99B2FF;
}
a.navigate:hover{
border-bottom: 0px solid gray;
background:url(http://i.imgur.com/GCm8v.png);
color:#99B2FF;
border: 1px dashed #99B2FF;
}
#chicken {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 13px;
}
#fish {
position:fixed;
left: 20px;
top:-70px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#fish:hover {
top:8px;
}
img.icons{
width:50px;
float:right;
}
img {
-webkit-transition: 0.5s;
border-radius: 18px;
}
img:hover {
-webkit-transition-duration: 0.5s;
border-radius: 3px;
}
u {
text-decoration: none;
border-bottom: 2px solid #99B2FF;
padding: 0.1px;
}
u:hover {
background:url(http://i.imgur.com/BeBEB.gif);
color: #000000;
border-bottom: 2px solid #99B2FF;
-webkit-transition: 0.8s;
}
b {
color: #B2CCFF;
}
b:hover {
color: #B2FFFF;
}
.text {
color: #000000;
font-family: Short Stack;
font-size: 12px;
}
a.link {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyhqgsMCrpnt0OeqyzmqiHNHp9luuaRxcOUjPnq9Zt0CSZPVQw9zjvVlHsVhzQH5Hk8fNoytdDl029CEusecMNN0qnO1zK7wyrXkzZA1_U7iiKr19q7j-zqaKjJ_RMl2lOLKlWvr4m2A/s1600/back03.gif);
padding:5px;width:90px;
color: #99B2FF;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0;font-family: delius;
font-size: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #99B2FF;
}
a.link:hover{
border-bottom: 0px solid gray;
background:url(http://i.imgur.com/GCm8v.png);
color:#99B2FF;
border: 1px dashed #99B2FF;
}
</style>
<body></center>
<table style="font-size: 11px; LETTER-SPACING:1PX;color: #848484; line-height: 16px; background:#fff; border:3px solid #B2CCFF;border-top:0px;border-bottom:30px solid #B2CCFF;border-radius:0px;" width="899" align="center" border="0" cellspacing="10">
<tbody><tr>
<center><div style="background:url(http://i.imgur.com/zsFM1nR.png);padding-top:16px;padding-bottom:16px; border-radius:0px;width:900px;">
<center><a class="navigate" onClick="document.getElementById('content').innerHTML=document.getElementById('post').innerHTML" title="Entry">ENTRY</a> <span style="padding:4px;"></span>
<a class="navigate" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML" title="About">ABOUT</a> <span style="padding:4px;"></span>
<a class="navigate" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML" title="Links">LINKIES</a> <span style="padding:4px;"></span>
<a class="navigate" onClick="document.getElementById('content').innerHTML=document.getElementById('stuff').innerHTML" title="Tutorials">STUFF</a> <span style="padding:4px;"></span></center>
<tbody><tr>
<td valign="top" style="width:240px; padding:2px; border-radius:20px; background: transparent; font-size:11px;">
<div class="sidebar">
<div class="h1">Sweet Owner</div><br>
<center><img align="justify" src="https://avvesione.files.wordpress.com/2011/10/shinryaku_ika_musume_season_2-02-ika_musume-friend-happy-peaceful.jpg" width="250" height="200"</center><center><br>
<div class="text">
<center>Hai. Namaku Ika Musume</center>
<center>Kalian bisa memanggilku <b>Ika</b>.</center>
<center>Aku sangat menyukai udang. Kau punya udang?</center>
<br><br><br>
<div class="sidebar2">
<div style="word-spacing: 2px; color:#000000; "><center>
<div class="sidebar">
<div class="h1">Shout Out!</div><br>
<center><img align="justify" src="http://media.giphy.com/media/XtbWPqtcCWOJ2/giphy.gif" width="250" height="200"</center><center><br>
<div class="text">
<style type="text/css">
.box {
width: 240px;
padding: 10px;
background:url(http://i.imgur.com/qbF5PF2.png);
}
.box2 {
padding:3px;
display:block;
height:17px;
width:235px;
background:#99CCFF;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;
}
.box2:hover {
height: 150px;
}
h01{
font-family:Short Stack;padding-top:1px;
font-size:12px;color:#000;
text-align:center;
text-transform :uppercase;
background: #99FFFF;
letter-spacing:5px;
height:16px;
padding-left:6px;
display:block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
</style><br /><div class="box"><div class="box2"><h01>Hover me, please?</h01><div style="font-family:Short Stack;font-size:9px;height:130px; overflow:auto;margin-top:3px;">Put your rules here!</center></div></div></div><br />
<div class="text">
<center>PUT YOUR CBOX CODE HERE!</center>
<br><br>
<div class="sidebar">
<div class="h1">Credits!</div><br>
<center><img align="justify" src="http://media.giphy.com/media/K8YwDqJayz2Ni/giphy.gif" width="250" height="200"</center><center><br>
<div class="text">
<!----- DO NOT REMOVE THE CREDITS OR I'LL MAKE YOU SUFFER IN SHAME -----!>
<center>Template : <a href="http://jauzahanun-library.blogspot.com">Jauza'</a><br>
<center>Basecode : <a href="http://animeandmangalyric.blogspot.com">Azu</a><a href="http://little-cuteblog.blogspot.com">Nyan</a><br>
<center>Owner : <a href="http://www.blogger.com/home">Me</a><br>
Big Help From : <a href="http://nurulatiqahjaidin.blogspot.com">B</a> <a href="http://www.tumblr.com/">L</a> <a href="http://www.blogskins.com/">U</a> <a href="http://www.google.com">E</a>
<!----- DO NOT REMOVE THE CREDITS OR I'LL MAKE YOU SUFFER IN SHAME -----!>
<br>
</center>
</td>
<td valign="top" style="width:700px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;">
<div id="content">
<blogger><div class="h1"><img src="http://i.imgur.com/PQYoL.gif" /><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> . <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> word(s)</a></BlogItemCommentsEnabled> .</div>
<$blogitembody$><b></b><br><br></blogger><br><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> . <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
<div id="about" style="display:none;">
<div class="h1">This is Me!</div><br>
<center><img align="center" src="https://33.media.tumblr.com/a68bc291b67449019de3d24150c3dc10/tumblr_mq58ceIkYw1rmhu46o1_500.gif" width="500" height="250" ></center></br>
<center><a class="link" href="LINK ASK FM ANDA">ASK.FM</a>
<a class="link" href="LINK FB ANDA">FACEBOOK</a>
<a class="link" href="LINK TWITTER ANDA">TWITTER</a></center>
<br>
<blockquote>Put your profile here! :)</blockquote>
</div>
<div id="link" style="display:none;">
<div class="h1">Linkies</div><br>
<center><img src="http://26.media.tumblr.com/tumblr_lsi5m8yrS41qlwcbao1_400.gif" width="500" height="250"></center>
<br>
<center>Name:<input type="text" size="11" value="Your name" style="width:180px;font:11px Short Stack;color:#B2CCFF;border:1px solid #B2CCFF;margin-right:6px;background:url(http://i.imgur.com/siZKvUh.png);padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
URL:<input type="text" size="11" value="Your URL" style="width:180px;font:11px Short Stack;color:#B2CCFF;border:1px solid #B2CCFF;background:url(http://i.imgur.com/siZKvUh.png);padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center><a class="link" href="http://jauzahanun-library.blogspot.com/">Jauza'</a>
<a class="link" href="http://animeandmangalyric.blogspot.com/">AzuNyan</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a></center>
</div>
<br/>
<div id="stuff" style="display:none;">
<div class="h1">Stuff</div><br>
<center><img align="center" src="https://38.media.tumblr.com/7f477f2105b7970fff865be998c70112/tumblr_ni2tpbvjCJ1rmk3cyo2_400.gif" width="500" height="250" ></br></center>
<br>
<div class="h1">Tutorials</div><br>
<img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Tutorial: Coming soon</a>
<br><br>
<div class="h1">Freebies</div>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://meetweirdo.blogspot.com/"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://meetweirdo.blogspot.com/"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://meetweirdo.blogspot.com/"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Freebies: Coming soon</a>
<br><img src="http://media.tumblr.com/tumblr_m4i90hCVTq1qdlkyg.gif"> <a href="http://www.blogger.com/home"> Freebies: Coming soon</a>
</div>
<div id="post" style="display:none;">
<blogger><div class="h1"><img src="http://i.imgur.com/PQYoL.gif" /><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> . <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> word(s)</a></BlogItemCommentsEnabled> .</div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> . <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
<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, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjbtsx-wJUW7gIDqYdD9AZLyqqskVRI7rn17oe6M2NYBDmDCJiuxmmGQ3Ex2gpVqK8Y4ZK9sf6ct55lQU2kc-V6Iz52kmu_vnEX_93CpaAbu9tktSjLQcOpkVJVUSh22CEG2veqO1Ayw/s1600/blue.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:'url( http://i1196.photobucket.com/albums/aa406/tieqaonew/01.gif)'})
.attr({title:"Let's Fly High !"})
.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>
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
</td>
</table></body></head>
</html>