Zahra's Page Codes

<script type="text/javascript">
snowStorm.snowColor = '#d1f6ff'; // 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>

<style type="text/css">

#navbar-iframe{
display: none;
}
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDnyvizRLyuA-1FOrrDCry5wWOPab32l79rPFxzW9xQJXDrgKMKGTUqVxb-eKF0r3TLknYrdM2nFsKjeURBzvrg06wUKKHCtkXQG_x2e7cFnNq4Q7l8xpEPw6wmXm02ygmaSugJXyvI9TF/s1600/Blue.png);
background-attachment: fixed;
font-family:verdana;
letter-spacing:0px;
color:#000;
padding:1px;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZrhcsZrAXul_YAZ1JQrF5bwDDyvemudTZXfC5pTljyQhCwr9CsjUkRBrv06yYi2iOli8gMtSFKiDzZsfP2ObcEsRAlYVLSUC7rOqa8r-nxgtL3xjmc6HaTo_wx5xEkfhCNXrj1Uuqy8Y/s1600/cur266.png),auto;
}

a:link, a:visited {
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPR2Mg8kA1SJcxjJs4iSL0oYoqYF2zXwn4E5P0BJ4r2S3XIVlJQWEIucW7TNX4gr2LUQiIwjG_dugupZ3wP1ORE4jQEYauFRPwjDMnSy7FCXE7UL7qdqkTxTANORSKGe-3OZLdThIMnI/s1600/cur267.png),auto;
-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;
text-decoration:none;
color:#B0E0E6;
padding:1px;
}
a:hover {
-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;
color:#000;
}
img{
border-radius:2px;
-webkit-transition:1s;
}
.sidebar {
border-radius:10px;
background:fff;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
width: 220px;
font-size:11px;
text-align:left;
border:1px solid #B0E0E6;
margin-left:10px;
}
.title {
padding:5px 5px 5px 30px;
background:url(http://media.tumblr.com/tumblr_mdnsjwdq5a1qdlkyg.gif) left center;
background-repeat:no-repeat;
font:15px verdana;
font-style:normal;
text-align:left;
letter-spacing: 1px;
color:black;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.title:first-letter {
font-size: 25px;
font-family: 'Rum Raisin', sans-serif;
text-align: center;
color: #B0E0E6;
}
.comment {
background:#E0FFFF;
margin-bottom:10px;
font-size:11px;
text-align:right;
letter-spacing:1px;
}
.ch-grid {
margin: 20px 0 0 0;
padding: 2px;
list-style: none;
display: block;
text-align: center;
width: 100%;
}

blockquote {
padding: 10px 10px 10px 26px;
border-top:1px dashed #B0E0E6;
border-bottom:1px solid #B0E0E6;
border-right:1px solid #B0E0E6;
border-left:1px dashed #B0E0E6;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAyIopECmwzxyf9PV_UW4cAkuAwbzj_-F1jFdBwElZo0uW3tRBMvou-PvxaSkNuugT7ZxSc3u4SehTfnBlG39o_wyme4NRY-WetOfM3DT0IFXccuIRpazDAnAq0epE8c5LLS9SKgKQ3MB/s1600/jYOLycD.gif);
-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;
}

u {
text-decoration:none;
border-bottom: 1px solid #B0E0E6;
-webkit-transition: 1s;
}
i {
font-family:Verdana;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
background:url(http://snow-white.lolipop.jp/sozai/wall/dot/25_05.gif);
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #B0E0E6;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
height:10px;
width:10px;
display:block;
background:#fff;
border:1px solid #B0E0E6;
}

::selection {
background: #E0FFFF;
color: #000;
}

::-moz-selection {
background: #E0FFFF;
color: #000;
}

a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:70px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #B0E0E6;
text-align:center;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZrhcsZrAXul_YAZ1JQrF5bwDDyvemudTZXfC5pTljyQhCwr9CsjUkRBrv06yYi2iOli8gMtSFKiDzZsfP2ObcEsRAlYVLSUC7rOqa8r-nxgtL3xjmc6HaTo_wx5xEkfhCNXrj1Uuqy8Y/s1600/cur266.png),auto;
}
a.navi:hover{
-moz-box-shadow:inset -100px 0px -200px -0.5px #87CEEB;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #87CEEB;
color: #fff;
border-bottom:0px;
}
a.tablo{
margin-bottom:10px;
background:#fff;
width:45px;
text-decoration:none;
border:1px dotted ##B0E0E6;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}

.h1 {
background:url(http://pastelpatterns.com/small/smallpattern-4.png);
padding:2px;
text-transform:uppercase;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-bottom:5px;
margin:10px;
font-family: 'Rum Raisin', sans-serif;
font-size:12px;
line-height:18px;
text-align:center;
}
a.chan {
background:url(http://media.tumblr.com/136806c52eca5aa83ba2a2f092488327/tumblr_inline_mmzqor9FZB1qz4rgp.gif);
background-repeat:no-repeat;
background-size:13px;
padding-left:25px;
color:#666;
display:inline-block;
font:11px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}

a.chan:hover{
background:url(http://media.tumblr.com/0ab6c1ee473f07d27351b07804867141/tumblr_inline_mmzqosDrIx1qz4rgp.gif);
background-repeat:no-repeat;
background-size:13px;
color: #B0E0E6;
}
</style>
<center>
<div style="margin-top:15px;">
<div style="display:inline-block;width:900px;padding:8px;border-radius:0px 0px 0px 0px;border:2px solid #AFEEEE;background: url(http://pastelpatterns.com/small/smallpattern-7.png);">

<div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #B0E0E6;border-bottom:none;background-repeat:no-repeat;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGOihr5O2700kT1OFjfpqG3BVyYYvRXMZJRcJPqbhE9cPOugpviaw71wvdKJJ1eV5BjUIukF4LephUturQPc1f5B_6okP-7Hm634RsWapstkr34rM-GjGlj6R3lngD6UiIBZx_AOqIKAJT/s1600/iApmaXI+copy.png);"></div><br>

</center>
<center>
<div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:600px;height:50px;display:inline-block;-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);box-shadow: 0 1px 5px rgba(191,191,191,0.88);">
</div>

<div style="display:inline-block;width:900px;padding:10px;border-radius:10px 10px 10px 10px;border:2px solid #B0E0E6;background: url(http://pastelpatterns.com/small/smallpattern-1.png);">

<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">HOME</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">FRIENDS</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">TUTOBIES</a>
<a class="navi" href="http://www.facebook.com">FACEBOOK</a>
<a class="navi" href="twitter.com">TWITTER</a>
<a class="navi" href="ask.fm">ASK.FM</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
</div></div></div>

<table style="border-radius:0px 0px 0px 0px;line-height: 17px; padding-left:0px; padding-right:0px; padding-bottom:18px; padding-top:20px; background:none; border:0px solid #efefef;" width="960" border="0" align="center" cellspacing="15"-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
box-shadow: 0 1px 5px rgba(191,191,191,0.88); >
<tbody><tr>

<td valign="top"><div class="sidebar">
<div class="title">About Me</div>
<div class="comment">Welcome Here Q v Q //</div>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjtwF5r1xhaQc2T4dSTd_Z5goFH31QRBmaa-3DNHjhA90QaLzz_8_klQ4DwYIrt5D8ACCv7j7H0RTam7D1xJMQhN145DX4XjWmRyrDw_O4fOee0Zr9z6cBNYMDDBTJYKQXZhV7EpqcA/s1600/blue.png) repeat; border:1px solid #B0E0E6;padding:4px;width:130px;">
<img style="width:130px;height:80px;" src="https://lh5.googleusercontent.com/-GskHvhGlVqs/TiPUpzGSsEI/AAAAAAAABbM/Xbw-NzusS2Q/w500-h281/tumblr_ll71kg0oXb1qjeepdo1_500.gif">
</div>

<br>
Replace With Yours<br><br>

Your <a href="http://www.whatsmyip.us" style="color:blue;"><b>IP</b></a> is: <script type="text/javascript" src="http://www.whatsmyip.us/showipsimple.php"> </script>
 Thats Your IP !?! True ? I Can See Your IP... So ,Dont OPEN MY PAGE SOURCE ... I CAN SE YOUR IP !?!?!
</center></div>

<center><div style="background:none;margin-bottom:-3px;border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebar"><div class="title">Menu</div>
<div class="comment">Choose One for See</div>

<center>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >POST</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >CHAT</a>
<br>

<div id="wnsb" style="padding:3px;border:1px dashed #B0E0E6;border-radius:3px;background:#fff; width:200px;height:100px;background-position:bottom center;background-repeat:no-repeat;background-image: url(http://media.tumblr.com/51f98be361ebfbff44021153cca34f11/tumblr_inline_mg2m4bUdXB1qdlkyg.gif);"><br>

<center>Click "POST" to See Related Post<br><br>
Click "Chat" To Sending Something<br>
</center>

</div>

<div id="1" style="display: none;">
<div style="text-align:left;height:100px; overflow-x:hidden; overflow-y:scroll;">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div>

<div id="2" style="display: none;">
<center>
Put Your Own CBox Width="200"
</center>
</div>
</div></div></div></div>

<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebar"><div class="title">Follow</div>
<div class="comment">Besties Q v Q//</div>
<center>
Replace With Your Follower Gadget
</div>
</center></div>

<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #B0E0E6;border-right:20px solid #B0E0E6;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebar"><div class="title">Credits</div>
<div class="comment">Thankyou ^.^</div>
<center>
Template By <a href="http://zahra-tiffany101.blogspot.com/">Zahra</a><a href="http://www.blogskins.com/me/zahratiffany101">Tiffany</a><br>
Basecode By <a href="http://fatinhalid.blogspot.com/">Atin</a><a href="http://www.blogskins.com/me/atintory">Tory</a><br>
Help by <a href="http://nrulysmn.blogspot.com">F </a> <br>
<a href="http://pastelpatterns.com">R</a>
<a href="http://xiolu.tumblr.com/pixels">U</a>
<a href="http://nafaraisya.blogspot.com/">I</a>

<a href="http://weheartit.com/atin95">T</a>.

</div></br>

<td valign="top" style="padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;width:950px; border:1px solid #B0E0E6; background:white; font-size:11px;border-radius:10px;"><div id="blog">

<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table>

<div id="profile" style="display:none;">
<div class="title">About Me</div>
<div class="comment">Meet The Owner</div>
<center>
<blockquote>Replace With Your Own Profile Q v Q //</blockquote></center><br><br>

</div>

<div id="link" style="display:none;">
<div class="title">Exchange Links</div>
<div class="comment">Let’s Exchange ^^</div>
<style type="text/css">

@font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)}
a.link2 {
cursor: url(http://media.tumblr.com/tumblr_m2wj6vg4YT1qfamg6.gif), progress;
background:#fff;
border:1px solid #B0E0E6;
display:inline-block;
padding:2px;
width:70px;
margin:2px;
color:#666;
font-family: pixel;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
box-shadow:inset 0px 0px 0px #B0E0E6,inset 0px 0px 0px #B0E0E6;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

a.link2:hover {
padding:2px;
width:70px;
margin:2px;
color:#fff;
display:inline-block;
box-shadow:inset 0px 14px 0px #B0E0E6,inset 0px -14px 0px #B0E0E6;
}

</style>
<body oncontextmenu='return false;'>
<center><table cellpadding="2" cellspacing="2" width="180">
<tr>
<td><input type="text" size="11" value="Azzahra Nafaraisya" style="width:170px;color:#000;border:1px dotted #B0E0E6;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>

<td><input type="text" size="11" value="http://nafaraisya.blogspot.com/" style="width:170px;color:#000;border:1px dotted #B0E0E6;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"><tr>
</table></center>
<br>
<center><a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<br>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
<a class="link2" href="http://zahra-tiffany101.blogspot.com/">FRUIT</a>
</div>
</div>

<div id="stuff" style="display:none;">
<div class="title">Free Stuff</div>
<div class="comment">This Is My Tuto And My Free</div>

<div class="h1">TUTO</div>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Tuto</a>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Tuto</a>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Tuto</a>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Tuto</a>

<br><br><br>

<div class="h1">FREE</div>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Free</a>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Free</a>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Free</a>
<a class="chan" href="http://zahra-tiffany101.blogspot.com /"> Free</a>

<br><br><br>
</div>

<div id="entry" style="display:none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table></html>

Arrien