PAGE CODES
arrien

Hi,this site is for my skin code. Pleasa dont stole anything and please be nice here! Comment first before take the code :)

<!-------- THE BASIC CODE --------!>
<html>
<div style="display:scroll; position:fixed; top:5px; right:85px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=4259633660096732610" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7uPqzhSmXdy-NfOSTkrlPQhly_04zjTwWzDWHDrFawnE_fi_ZI6L7LIxt_hUYfJOWxBvOgsVa8n32VzJHL02nj09lvXqcqEIlH39YkOy2-CwWqh-R7V2XZ2wdNrDjQ1B2JcEVTV_hNLA/s1600/follow+pink.png" /></a><br />
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5Ryz7uDWW6dFXWLAV6-1dxr7ylems9zNNzMFq_NQgTwiBS9Yu0MNjaRNXaOeZg0AJtEl_QPMa75eorUhGec_1Uo0gHkVPda2TBB7nnoEmCpmM6KytTqa2iAdILeWm-DBBnjrYCkKLIU/s1600/d'board+pink.png" /></a></div></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/AVvXsEhK8tc4mYDIu1qXWzP2v9qTeE4LRQOH9bXChaFo6kgLx1hAwIfh0n-iLVUNXOKn3Qwup8cQDODXeb5t41qyyP1ZYNk_LWtuBkqJ51SJ4dChanapteorDix4_apBM-6Z1Yxvl_cc6XOKlg/s1600/softpink.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:"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><head>

<script language=JavaScript>
<!--//Disable right mouse click Script
//By Dynamicdrive (renigade@nsimail.com)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE4(){
if (event.button==2){return false;}}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("return false")// -->
</script>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#000000'; // blue-ish snow!?
snowStorm.flakesMaxActive = 999; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view

</script>
<center><img class="headerr" src="http://i.imgur.com/tCjkw.png"/></center>
<link rel="shortcut icon" href="http://kuma.dollskingdom.com/kumas/kuma_icon26.gif" />
<title>ShinEE</title>
</head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' 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:10px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#fff;
border: 1px solid #FFD3D3;
}
::-webkit-scrollbar-track-piece  {
background-color:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
border: 1px solid #FFD3D3;
}

.header {
margin-left: 2px;
margin-bottom: -50px;
-webkit-transition:2s
}

body {
background: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/polkapink.png);
background-attachment: inherit;
font-family:Short Stack;
cursor: url( http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), auto;
}

a:link, a:visited {
color: #CCC;
text-decoration: none;
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/12.gif), progress;
}
a:hover {
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/12.gif), progress;
color: #FF5DAB;
text-decoration: none;
}

.title {
font-family: calibri;
font-size: 15pt;
color: #ffc6c6;
letter-spacing: 1pt;
text-align: center;
border-top: 1px solid  #FFD7EB;
border-bottom: 1px solid #FFD7EB;
background: url(http://i.imgur.com/v4Sl9.gif);
border-left: 8px double #ffc6c6;
border-right: 8px double #ffc6c6;
margin:1em;
padding:5px;
font: 12px 'Short Stack';
color: #515151;
font-weight: bold;
line-height: 100%;
padding: 5px;
margin: 0px;
}
text-align:left;
}

.side {
color: #696969;
font-family: verdana;
font-size:11px;
margin-bottom:2em;
}

::-moz-selection {
background:#FFD3D3;
color:black;}
::selection {
background:#FFD3D3;
color:black;}

.old {
background:#FBEFEF;
font:12px trebuchet ms;
padding:2px;
text-align:center;
}
.header {
margin-left: 2px;
margin-bottom: -40px;
-webkit-transition:2s
}

blockquote {
border: 1px dashed #FFD3D3;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid#FFD3D3;
border-right: 15px solid #FFD3D3;
border-left: 15px solid #FFD3D3;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}

b, strong {
color:#CCC;
font-weight:bold;
}
i , s, strike {
color: #FFD3D3;
}
u {
text-decoration:none;
color:#CCC;
padding: 1px;
line-height: 10px;
border-bottom: 3px solid #FFE1EF;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
.arrien {
font: 12px Consolas;
background: #FFD3D3;
border: 1px solid #fff;
padding: 3px;
-webkit-transition: 0.5s;
}
.arrien:hover {
background:#FFFFFF;
color:#FFBED8;
text-decoration: none;
-webkit-transition: 0.5s;
}

</style>
<body>
<!-------- MAIN WRAPPER --------!>

<table style="border-top: 30px solid #FFDEEB;
border-left: 3px solid #FFDEEB;
border-right: 3px solid #FFDEEB;
border-bottom: 30px solid #FFDEEB;
background: #FFFFFF;
border-radius:10px;margin-bottom: 10px;font-size: 11px; color: #666; line-height: 16px; background-color: #FFF;" width="850" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="width:530px; padding-left:5px; border-right:1px solid #eee; padding-bottom:5px;; padding-right:15px; ">
<div id="page">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="side"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Cutey</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<hr/><center><b>Thanks for reading,do comment and Like :)</b></center><hr/></blogger>
<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank"> Newer Posts</a>  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts </a></OlderPosts></center></div>

<!-------- SIDEBAR WRAPPER --------!>

<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-left:10px;">

<div class="title">D'teks</div><br>
<center><img src="http://www.hawaiikawaii.net/wp-content/uploads/2011/11/Korilakkuma-iPhone-Case-With-Ears-Rilakkuma-San-X-Kawaii-Blog.jpg" width="200"/><br>
selamat datang ke blog Arrien Amani.15 years young :D. SABK MTI.Follow Me oke.i will follow you back..Do follow <a href="http://princesstwin.blogspot.com/">My Twin</a> also right ;)<br><Ayat anda sendiri!!><br><br>
<div class="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML">Diary</div>
<div class ="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML">Profile</div>
<div class ="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML">Links</div>
<div class ="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML">Stuff</span><br></div><br><br>


<div class="title">Tagboard</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_lrsrpm1eAx1qe9afuo1_400.jpg" width="200"/><br><center>
<div>Put your own cbox code at here!</div>
</div>
<!-- END CBOX --><center><br><br>


<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>
<div class="title">Credits</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_lqz9h7vrNX1qe9afuo1_400.jpg" width="200" height="100" /><br></center>
Template By: <a href="http://arrienlove.blogspot.com/">Arrien Amani</a>| <a href="http://princesstwin.blogspot.com/">Princess</a><br>
Icon: <a href="http://chocollyheart.blogspot.com/">Winkle</a> | <a href="http://nurulatiqahjaidin.blogspot.com/">The tutorial</a><br>
Edit By:<a href="http://Ur URL blog">Your name!</a>
<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>

</td>
</tr></tbody>
</table>

<div id="profile" style="display: none;">
<div class="title">The Owner</div><br>
<center><img src="http://s3.favim.com/orig/39/cute-fashion-kawaii-photography-pink-Favim.com-323386.jpg"width="450" /></center><br>
<center>Put your own Profile!<center>

</div>

<div id="links" style="display: none;">
<div class="title">MY fRIEND</div><br>
<center>
<img src="http://static.tumblr.com/fsscafk/DZklqvjpq/tumblr_lg29195k0r1qeo03no1_500.jpg"width="450" /><br>
<a href="http://arrienlove.blogspot.com/">Arrien</a> | <a href="http://arrienlove.blogspot.com/">Amani</a> | <a href="http://arrienlove.blogspot.com/">My love</a> | <a href="http://arrienlove.blogspot.com/">Chingu</a> | <a href="http://arrienlove.blogspot.com/">Lovely</a> | <a href="http://arrienlove.blogspot.com/">Friend</a> | <a href="http://www.princesstwin.blogspot.com/">Princess</a> | <a href="http://www.princesstwin.blogspot.com/">Twin</a> | <a href="http://www.princesstwin.blogspot.com/">Chingu</a> | <a href="http://princesstwin.blogspot.com/">Chingu</a> | <a href="http://princesstwin.blogspot.com/">Chingu</a> | <a href="http://princesstwin.blogspot.com/">Chingu</a> | Next?
</center><br><center>Change with ur own friend name!<center></div>

<div id="stuff" style="display: none;">
<div class="title">Anything here</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_lski2ith0J1qe9afuo1_400.jpg"width="450" /></center><br>
<center style="text-align:left;"><u>Tutorials for newbies</u><br><br><img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Find Blog id.</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Private Blog.</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com/">coming soon..</a><br><br>

<u>Tutorials</u></center><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Cara Buat Bubble Cursor pada Blog.</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial cute blockqquotes.</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Background yang comel</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Letak Home Button Dalam Blog.</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Like Facebook Pada Sidebar.</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Button Dashbord Dan Follow.</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Cara Letak Bacground Comel Di Blog</a><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Link and Cursor Hover.</a><br><img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Imeges Membesar Bila Cursor Sentuh.</a><br><img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial letak cute icon di Blog Archive.</a><br><img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Cara buat Senarai Wishlist.
<br><br>
<u>Tutorials For Blogskin</u></center><br><br>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/novo011.png" /> <a href="http://arrienlove.blogspot.com">Tutorial Disable Right Click.</a><br><center>Put ur own Stuff!!<center>


</div>


<div id="diary" style="display: none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="side"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> cutey</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<hr/><center><b>Thanks for reading,do comment and Like :)</b></center><hr/></blogger>
<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts</a>  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts </a></OlderPosts></center></div>

</body></html></table>
kaiwufvn