Mivel rég volt kódos bejegyzés,ezért gondoltam hozok pár Teljes Designeket! :)
Az első Design kódja:
<!-----------------------------------------------
Name : Purple
Theme : Story
Full Edited by : http://meiza-maulida.blogspot.com
Edited: http://adellindaland.blogspot.com
Template by : http://anugerahsalsa.co.vu/
Basecode by : http://arrienlove.blogspot.com/
*Don't remove the credits or I'll kill you*
-----------------------------------------------!>
<br><html>
</script>
<script type="text/javascript">$('body').hide();$('body').fadeIn(10000);</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<script type="text/javascript">
//form tags to omit in NS6+:
//http://eking.in
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
<head>
<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('#ffc9f9');
// pink
/****************************
* 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 href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' type='text/css'/>
<Br><br><br>
<script type='text/javascript'>
document.ondragstart = function () { return false; }; </script>
<base target='_blank'/>
<title>Purple Bear</title>
<link rel="shortcut icon" href="http://media.tumblr.com/b8181d1118c406dbfc2e9c0a8e46b788/tumblr_inline_mkhus9Rxvy1qz4rgp.png"/>
<style type="text/css">
#navbar-iframe {
display: none;
}
.b1a4 {
margin-left: 0px;
margin-bottom: -29px;
}
img{
-webkit-user-select:none;-moz-user-select:none;
}
body {
background:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQPFvx5Jk4ro8VQCADYjlIlV35EvibD6DdtSmBy-zzLg-1fQAeu);
background-attachment: fixed;
font-family: Delius;
font-size: 12px;
text-align: left;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2nU5uQ7BGcFIkouhqKV3I_g1P6OHW5w4tnSG56DDVHEc4tfO-K7tE0CwUJikCPuRJMA00D2fGFKqmenUNBo2fX6qbrHB73w-RkeJeHyU-IhAhKyr1gILycczZbHJv6WETmkoyMEsWHQs/s1600/cur267.png),auto;
}
a:link, a:visited {
color: #ffb4fb;
text-decoration: none;
-webkit-transition:0.5s;
}
a:hover{
text-decoration: none;
color: #ccc;
-webkit-transition:0.5s;
cursor:url(http://i.imgur.com/wNAdm.png),auto;
}
.title {
background:#fff0fd;
color:#ccc;
font-family:short stack;
font-size:13px;
letter-spacing:3px;
text-transform:Capitalize Each Words;
padding:3px;
margin-bottom:0px;
}
.title1 {
margin-top:0px;
background:#fff;
border:1px solid #ffe8fb;
font-family:short stack;
font-size: 10px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
blockquote{
padding:5px;
background:url(http://i.imgur.com/tDtge.png);
border:1px solid #ffc1f7;
}
blockquote:hover {
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #ffdafd;
-webkit-box-shadow: 0 0 18px #ffdafd;
}
header {
background:#fff0fc;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}
.h1 {
padding-left:10px; color: #000; font:15px Delius; line-height: 8px; width: 600px;background:url(http://i.imgur.com/r3Yfa2N.png); text-align: center; letter-spacing:1px;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
a.myung{
display:inline-block;
width: 285px;
padding:3px;
margin:5px;
background:#fff0fc;
font:8px Delius;
text-align:left;
Text-decoration:none;
color:#b0b0b0;
text-transform:uppercase;
border:0px solid #b1b1b1;
}
a.myung:hover{
-webkit-transition-duration: 0.5s; color: #000;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
i , s, strike {
color: #ffc4f7;
}
b {
color:#ffc4f7;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #A9A9A9;
-webkit-transition-duration: 1.5s;
}
a.link {
background: #fff;
padding: 1px;
border: 2px solid #ffd2fd;
width: 100px;
display: inline-block;
color: #ccc;
-webkit-transition: 1s;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 15px;
margin-bottom: 5px;
font: 16px Delius;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #ffdffc;
-webkit-transition: 1s;
color: #fff;
}
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: ffeafd;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: #fdd9ff;
border: 1px solid #FFFFFF;
}
::selection {
background: #feefff;
color: #fff;
}
u {
text-decoration: none;
border-bottom: 2px solid #ffe3ec;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}
.comment-data {
background:url("http://static.tumblr.com/rltvkjt/Bb7lmr3na/gif20.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:3px solid #ffddfb;
margin:0em;
padding:5px;
color:#808080;
}
li { list-style-image:url(http://i.imgur.com/Gvjmp9Z.gif);
}
li:hover {
list-style-image:
url(http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/1761.gif);
}
#s-m-t-tooltip {
max-width:250px;
background: #ffecfd;/* change the background color */
font-size: 9px;/* change the font size */
line-height: 13px;
font-family: Delius;/* change the font */
letter-spacing: 2px;
text-transform: none;/* can be lowercase, uppercase, none */
color: #818081;/* change the text color */
text-align: center;
text-shadow:1px 1px 0px #feebff,-1px -1px 0px #feebff;
padding: 3px 4px 3px 6px;
display: block;
z-index: 100;
border-radius: 5px;
position: absolute;
margin-top:-22px;
-webkit-box-shadow: 2px 2px 3px #fdd5ff;
-moz-box-shadow: 2px 2px 3px #fdd5ff;
box-shadow: 2px 2px 3px #fdd5ff;
}
</style>
<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/2043iZZ.png);
border-bottom:5px solid #ffeef9;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}
a.jieun{
background:#ffeefe;
text-decoration:none;
color:#ffbbf3;
padding:5px;
font:13px Delius;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}
a.jieun:hover{background:#fcd2ff;
color:#fff;
</style>
<center>
<div style="background:#;width:900px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgARzcX2lLnpdvjE_uyHJ1wumT30TVD_6cgIO9V20k_LfI5Ms8lAdpjT7dmSwyHmmmwJn-jmem7EE-Z74YUZjLwhVJAAOK_EsP4GiKyH4jwi8mrb41AbudhqrFxPY1BNMc8eJ_jLFOCg0/s1600/freebies.png" />
<center><br>
<div style="background: #FFFFFF;"/>
<br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" >TUTOBIES</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >LINKIES</a>
<a class="jieun" href="<$NewerPosts$>">NEWER</a>
<a class="jieun" href="<$OlderPosts$>">OLDER</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=9YOURBLOGID<$BlogID$>">FOLLOW</a></div></div>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<table style="font-size: 11px; color:grey; letter-spacing:1px;line-height: 17px; background:#fff;" width="900" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;">
<div class="title">Holla</div><br>
<center>
<center>Hello Welcome To My Blog ,I Hope You Like It.<br><br><br><form action="/search" id="searchthis"
method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20"
style="background: #fff0fd; border: 1px solid #ffd2fa;" type="text" value"Search" />
<input id="search-btn" style="background: #fff0fd; border: 1px solid #ffd2fa;
color: #ffd2fa; font-weight: bold;" type="submit" value="Go" title="search something!"/><br />
</div>
</form>
</center><br>
<div class="title">Chatting</div><br>
<center>
PUT YOUR CBOX CODE HERE
</center><br>
<div class="title">Blog Archive</div><br>
<div style="border:1px dashed Pink;background:url(http://i.imgur.com/HEkJgu7.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div><br>
<div class="title">Contact Me</div><br>
<img src="http://media.tumblr.com/84ba79b7c885c2a21940a8b77044ed6f/tumblr_inline_mu8x23FTrw1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="https://www.facebook.com/" style="font-family: 'Delius'"> Your Facebook!</a><br>
<img src="http://media.tumblr.com/2921f42fc56cabd49e4ba1201b2cb4ec/tumblr_inline_mu8x25Iv941qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="https://twitter.com" style="font-family: 'Delius'" width="20"> Your Twitter</a><br>
<img src="http://media.tumblr.com/2e8603fe4cf14fe888a3fc824688d77e/tumblr_inline_mu8x26xkT71qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> :<a href="http://instagram.com/" style="font-family: 'Delius'" width="20"> Your Instagram</a><br>
<img src="http://media.tumblr.com/334bc7b18b64b7c74be3020e56561452/tumblr_inline_mu8x23i7Pk1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="http://blogspot.com/" style="font-family: 'Delius'" width="20"> My Blog</a><br>
</div>
<br>
<div class="title"> Credits</div><br>
</center>
<!------------Dont remove the credit or i kill u-------------!>
© 2013 - Full Edited by <a href="http://meiza-maulida.blogspot.com/" title=My blog">Meiza Maulida</a> Full Template by <a href="http://www.anugerahsalsa.co.vu/" title="My tutobies blog">Anugerah</a> <a href="http://www.blogskins.com/me/anugerahsalsa" title="My blogskins">Salsa</a> and the basecode from <a href="http://arrienlove.blogspot.com/" title="Arrien's blog">Arrien</a> <a href="http://www.blogskins.com/me/arrien" title="Arrien's blogskins">Amani</a> . Edited <a href="http://adellindaland.blogspot.com/" title="LINDA LAND">Adellinda Maheswari</a> And <a href="http://mybloggies-me.blogspot.com/" title="Annisa Pramudita">Annisa</a>
The Best Helping by <a href="http://mylovelyblog-fida.blogspot.com/" title=The Helper">Amatullah Mufida</a> Cute icon from Pixel. Last, the Owner is <a href="http://blogspot.com/" title=The Owner">YOU</a>
</div></div></td>
<!------------Dont remove the credit or i kill u-------------!>
<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Beauty[s]</a></BlogItemCommentsEnabled></div><$blogitembody$>
</p>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp3tmcnGEpURQ5Jkr3vAXQyKShmmYU4TSg_1dxSJzTgtAZY6lVpAo1GnSqnncXZcUKI8WFnQlYjkn0tDYY9hTxfSEGjVikBNbuMyiTnf4Srd7ChEow5Ly9UatpGkTYM6xjURoIrXzU6AY/s1600/sparkles.png); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
</td></tr></tbody>
<div id="about" style="display: none;">
<div class="title">Hey, I'm Owner</div><br>
<center><img src="http://33.media.tumblr.com/0fa49f6c0c1d71cc5575c0ebb4f678af/tumblr_mrt5074reQ1s2hir7o1_500.jpg"=="width="450"></center>
<div style="text-align: justify;">
<br />
Full Name : Human Human Human</div>
<div style="text-align: justify;">
Nickname : Human</div>
<div style="text-align: justify;">
Born : When?</div>
<div style="text-align: justify;">
Age : How much?</div>
<div style="text-align: justify;">
Address : Where?</div>
<div style="text-align: justify;">
City : Where?</div>
<div style="text-align: justify;">
Country : Indonesia</div>
<div style="text-align: justify;">
Sex : Female</div>
<div style="text-align: justify;">
Height : 154 cm</div>
<div style="text-align: justify;">
Widht : How Many?</div>
<div style="text-align: justify;">
Hobby's : What?</div>
<div style="text-align: justify;">
Fav Boyband : What?</div>
<div style="text-align: justify;">
Fandom : What?</div>
<div style="text-align: justify;">
Fav colour : What?</div>
<div style="text-align: justify;">
<br />
Own profile
</div>
</div>
</table>
<div id="journal" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Diamond[s]</a></BlogItemCommentsEnabled></div><$blogitembody$>
</br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp3tmcnGEpURQ5Jkr3vAXQyKShmmYU4TSg_1dxSJzTgtAZY6lVpAo1GnSqnncXZcUKI8WFnQlYjkn0tDYY9hTxfSEGjVikBNbuMyiTnf4Srd7ChEow5Ly9UatpGkTYM6xjURoIrXzU6AY/s1600/sparkles.png); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
<div id="stuff" style="display: none;">
<div class="title">This is My article!</div><br>
<center><img src="http://31.media.tumblr.com/601307703dc32e7b89296b86898369e2/tumblr_mjyjucgmER1r9a4g9o1_500.jpg"width="450"></center><br>
<div class="h1">My Stories ;</div><br>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<br>
<br>
<div class="h1">My Gallery ;</div><br>
<a class="myung" href=""</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<br>
<br>
<div class="h1">Fact Me ;</div><br>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<a class="myung" href="">Not yet..</a>
<br>
<br>
<br>
</div>
<div id="links" style="display: none;">
<div class="title">Exchange Links Section</div><br>
<center><img src="http://33.media.tumblr.com/e3a7e44b3d52ea350f38d5c5c1124935/tumblr_meny6lDqLx1rxmk5uo1_500.jpg"width="450"></center><br><br>
<div style="margin-center: 30px;">
<a class="link" href="http://www.anugerahsalsa.co.vu/" title="Salsa's Tutobies Blog">Salsa</a> <a class="link" href="http://meiza-maulida.blogspot.com/">Meiza</a> <a class="link" href="http://adellindaland.blogspot.com">Lindaa</a> <a class="link" href="http//mybloggies-me.blogspot.com">Annisa Pramudita</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>
</div>
</div>
<script type="text/javascript">var ACurl = "http://heyya-copycats.blogspot.com/"; //url redirect</script><script type="text/javascript" src="http://belajarislamituindah.googlecode.com/files/RV-BI3-Protect2.js"></script>
</body>
<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 byNovita Lesyani***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<BACK TO TOP BUTTON"/>',
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>
</html>
A második Design kódja:
<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, 100]},
controlHTML: '<img src="http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/up_zps4522dc8a.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 With Your Memories!"})
.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>
<!--------------------------------------
Blogger Classic Template
Name: Sweet Memories
Skin by: rahmaniarazzura.blogspot.com
*Don't remove this credit*
*Don't use this skin as basecode*
--------------------------------------!>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Ribeye+Marrow|Short+Stack|Delius+Swash+Caps' rel='stylesheet' type='text/css'/>
<link rel="shortcut icon" href="http://media.tumblr.com/4ec6834745570d29746541f3d7f87c4a/tumblr_inline_mg1712q7bh1qdlkyg.gif">
<title>Sweet Memories</title>
<center><img class="header" src="http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/SweetMemories_zpsf28ba79c.png"/></center>
<center><div style="background:#e6e6e6;width:892px;align:center;border-right: 4px solid #6c6c6c;border-left: 4px solid #6c6c6c;">
<a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Home</a>
<a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >Profile</a>
<a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Affies</a>
<a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML" >Stuff</a>
<a class="lola" onclick="document.getElementById('page').innerHTML=document.getElementById('other').innerHTML" >Empty</a>
</div></center>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
color:#333333;
background: url(http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/ichds_zps73022851.jpg);
background-attachment:fixed;
cursor: url(http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/minicursorpita_zps880f4f6a.png), auto;
font-family: short stack;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}
a:link, a:visited {
text-decoration:none;'
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border:1px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#9e9e9e;
cursor: url(http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/minicursorpita_zps880f4f6a.png), progress;
}
a:hover{
border:1px solid #7e7f80;
color:#ffffff;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 10px;
display: block;
background: #c3c3c3;
border: 1px solid #e1e2e2;
}
::-webkit-scrollbar-track-piece {
background-color: #c0c0c0;
border: 4px solid #e1e2e2;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #ffffff;
border: 3px solid #c0c0c0;
border-radius:10px;
}
.headerr {
opacity:1;
margin-top:10px;
border-radius:0px;
}
.headerr:hover {
opacity:1;}
img {
opacity:1;
-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;
}
img:hover {
opacity:0.6;
}
::-moz-selection {
background:#bebebe;
color:#ffffff;
}
::selection {
background:#bebebe;
color:#ffffff;
}
blockquote {
border-left: 20px groove #acacac;
border-right: 2px solid #acacac;
border-radius:10px;
border-top: 2px dashes #acacac;
border-bottom: 2px dashes #acacac;
background: url(http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/ojofpe_zpse5176b99.jpg);
padding :4px;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
blockquote:hover {
background: url(http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/ojofpe_zpse5176b99.jpg
) repeat right bottom ;
border-left: 20px groove #acacac;
border-right: 2px solid #acacac;
border-radius:10px;
border-top: 2px dashes #acacac;
border-bottom: 2px dashes #acacac;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding :4px;]
-webkit-box-shadow: 0px 0px 12px #c3c3c3;
-moz-box-shadow: 0px 0px 12px #c3c3c3;
box-shadow: 0px 0px 12px #c3c3c3;
}
.h1 {
font-size: 14px;
font-family: 'Ribeye Marrow', cursive;
margin-top: 15px; margin-bottom:5px;
border-radius:10px;
text-transform:uppercase;
color:#222222;
letter-spacing:2px;
padding: 5px;
line-height:15px;
text-align: center;
border-left: 25px solid #999999;
border-right: 25px solid #999999;
background: #e9e9e9;
-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-left: 50px solid #b8b9bb;
border-right: 0px solid #b8b9bb;
}
.title-b {
color:#333333;
text-align: center;
font:12px 'Delius Swash Caps';
}
u {
text-decoration:none;
color:#616161;
line-height: 10px;
border-bottom: 2px solid #afb1b2;
-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 #d9dada;
}
b {
color: #b2b2b2;
font-weight: bold;
}
strike {
text-decoration: line through;
color:#c0c1c1;
-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;
}
strike:hover {
color: transparent;
}
a.lola{
width:100px;
padding:5px;
border-radius:20px;
margin:10px;
display:inline-block;
background:#9b9b9b;
font:18px chewy !important;
text-transform:uppercase;
text-align:center;
Text-decoration:none;
color:#FFFFFF;
letter-spacing:5px;
border:none;
text-shadow: #aaa 1px 1px 2px;
-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.lola:hover{
border:none;
transform: rotate(-360deg) scale(0.6) ;
-webkit-transform: rotate(-360deg) scale(0.6);
-moz-transform: rotate(-360deg) scale(0.6);
-o-transform: rotate(-360deg) scale(0.6) ;
-ms-transform: rotate(-360deg) scale(0.6) ;
}
a.tablo{
background:#e8e8e8;
width:50px;
font-family: 'Ribeye Marrow', cursive;
padding-top:16px;
padding-bottom:16px;
display:inline-block;
border-radius: 50px;
text-align:center;
color: #555;
letter-spacing:1px;
font-size: 10px;
border:2px solid #e8e8e8;
-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.tablo:hover{
background:#e4e4e4;
border:2px solid #ffffff;
color:#000000;
}
a.linkies {
display:inline-block;
width:150px;
background:#d6b2e8;
padding: 3px;
margin: 2px;text-align:center;
color:#222222;border:none;
-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:#ffffff;
background:#afafaf;
border:none;
}
a.nav{
box-shadow: inset 9px 0 0px 0 #bebebe;
margin:2px;
padding:3px;
display:inline-block;
text-align:center;
background: #fff;
color:4d4d4d;
width:350px;
border:1px solid #9fa0a0;
border-left:20px solid #c8c8c8;
width: 350px;
-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.nav:hover{
box-shadow: inset 850px 0 0px 0 #FFFFFF;
color: #555;
}
a.uhmy {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:3px;
cursor:http://i1372.photobucket.com/albums/ag333/rahmaniar_indah/minicursorpita_zps880f4f6a.png;
text-transform:uppercase;
display:inline-block;
font:9px Tahoma;
text-align:center;
background: #fff;
width:350px;
color:#777;
padding:5px;
border:4px double #b2b2b2;
text-decoration:none;
}
a.uhmy:hover{
border:2px dashes #d2d2d2;
color:#6c8693;
}
.cutie {
background: #ffffff;
color: #6C6C6C;
font-size: 11px;
padding: 4px;
width: 250px;
border-radius: 10px;
text-align: justify;
}
.mimi {
font: 16px Delius Swash Caps;
color:#222222;
letter-spacing:4px;
padding: 3px;
margin-top:10px;
text-align: center;
border-radius:15px 5px 15px 5px;
border-left: 5px solid #c3c3c3;
border-right: 5px solid #c3c3c3;
background: #f1d7f3;
-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;
}
.mimi:hover {
border-radius:30px;
}
.old {
margin-top:10px;
background:#ebcaeb;
font:12px Delius Swash Caps;
padding:2px;
width:300px;
color:#444444;
border-radius:10px;
align:center;
text-align:center;
}
/* Comment Start
----------------------------------------------- */
#comments h4 {
text-align:center; color: #ffffff; text-shadow: 1px 1px 1px #777777;
border: 2px dashed #FFFFFF;font-weight:normal;font:20px cheri;width:400px;
-webkit-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-moz-border-radius: 15px;
padding:3px;
border-radius: 15px;
box-shadow:0px 0px 4px 3px #c5c5c5;background:#c5c5c5;
}
#comments-block {
width:480px;
margin:1.5em;
background:url(http://i.imgur.com/uNbkEBL.png);
color:#555555;text-align:left;
font:11px short stack;
padding:5px;box-shadow:0px 0px 4px 4px #a8a9aa;
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 5px 5px 5px;
background: #dfdfdf;
border-radius: 25px;
box-shadow:0px 0px 4px 4px #b4b4b4;
border:2px dashed #FFFFFF;
}
.comment-timestamp {
margin:1em;
padding:5px;margin-bottom:2em;
color:#666666;width:200px;
box-shadow:0px 0px 4px 4px #ced1d5;background:#ededed;
border:2px dashed #FFFFFF;border-radius: 25px;
}
.comment-data {
background:#FFFFFF;
box-shadow:0px 0px 4px 4px #d2d2d2;
border:2px dashed #FFFFFF;border-radius: 25px;
margin-top:5px !important;margin-bottom:5px !important;
padding:3px;width:250px;
color:#666666;text-align:center;
}
.comment-date {
background:#FFFFFF;
box-shadow:0px 0px 4px 4px #d2d2d2;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>
</head>
<!-------- MAIN WRAPPER --------!>
<table style="margin-bottom: 20px;font-size: 11px; color: #333333;line-height: 16px; background:url(http://i.imgur.com/DKomg.png); border: 4px solid #b9b9b9; border-bottom:20px solid #b9b9b9;border-top:0px solid #b9b9b9;" width="900" align="center" border="0" cellspacing="10";>
<tbody><tr>
<td valign="top" style="width:530px; padding-right:5px; border-right:1px solid #989898; padding-bottom:5px;">
<div id="page">
<blogger><div class="h1"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Memories</span></a></BlogItemCommentsEnabled></div><br><$BlogItemBody$>
<br /><br />
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$>:</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>
<center>
<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>
</center>
<!-------- SIDEBAR WRAPPER --------!>
<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-right:10px;"background:url(http://i.imgur.com/5Dy51.png);>
<div class="cutie">
<div class="mimi">Follow Me?</div><br>
<center><img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-xpf1/t1.0-9/s526x395/10616430_10152711125338254_3013493607579428267_n.jpg" width="240"height="170"><br><br>
<div style="font-size: 13px;text-align: center;font-family: 'Delius Swash Caps', cursive;border-radius: 10px;background:#fff;color:808080;"><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$> ">follow</a> | <a href="http://www.blogger.com/home" ">dash</a><br><br><span style=font-size:20px;text-align:center; padding-left:20px;display:inline-block;center;">
<div class="top">
</div></div>
<div class="cutie">
<div class="mimi">Bonjour~</div><br>
<center><img src="http://data2.whicdn.com/images/126052502/thumb.jpg";width="240"height="170"><br><br>
<div style="text-align:center;">Hello Guys! This is My Blog. Do You like it? I hope this is not your last visit. And follow me if you like to <br> Hate my blog?click <a href="javascript:window.close();">Here</a><br><br></div>
<div class="cutie">
<div class="mimi">FootPrint</div><br>
<center><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSsTtCQVrkDZsQznftAWCh6nRINBxI68yoT3x50Ymi0ECd5cmP3" ><br>
<center>Don't use harsh word<center>
<center>Put your blog url<center><br>
SHOUTBOX CODE HERE
<div class="cutie">
<div class="mimi">Applause</div><br>
<center><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRanpV5SkDXoWunhWrouFtBAQ98q08CDA6WFLjqPX77pU53Z0xF" width="230" height="150"><br><br>
<center><select style="background-color: #ddddde; color: #4D4D4D; font: 10px 'Delius Swash Caps', cursive; letter-spacing: 2px; border: 1px #a6a7a7 solid; padding: 2px; width: 230px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Sweet Memories♥</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives></select></center><br><br>
Blog Owner: <a href="YourBlogURL">Your name</a><br>
Basecode: <a href="http://kawaiilady.blogspot.com/">Kawaii</a><a href="http://www.blogskins.com/me/teddy_chimi"> Lady</a><br>
Skins By : <a href="http://rahmaniarazzura.blogspot.com/">Rahmaniar</a><br>
Big Help : <a href="http://nafaraisya.blogspot.com/">♥ </a><a href="https://www.google.com.my/">♥</a><a href="http://photobucket.com/"> ♥</a><a href="http://chiakitachikawa.blogspot.com/"> ♥</a><br>
</div>
</td>
</tr></tbody>
</table>
<div id="profile" style="display: none;">
<div class="h1">The Cute Owner</div><br>
<center><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTjM58DCkEtlMMC7M5MZl-HIyddnGiEDm3OvZVU7unOKO7Jm1pB"width="450" /></center><br>
<center><u>This is my self. This is me, not the other..</u><br><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>Short Story About Me</u><br><br>Write about yourself ;)<br><br>
<center><u>Replace the profile!<u><br><br>
<div id="links" style="display: none;">
<div class="h1">Linkies</div><br>
<center>
<img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSPEXk4mXWYmcia1Jc2U81_mgl6nwgLRF5Dz4x0QhBS68B0fpfS"width="450" /><br><br>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;"><img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif" /> Exchange link? tell me at my cbox...<br>
<img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif" /> Put mine first...<br>
<img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif" /> You delete mine, i delete yours.<br><br><br>
<center>
<a class="linkies" href="http://kawaiilady.blogspot.com/">Fiza</a>
<a class="linkies" href="rahmaniarazzura.blogspot.com">Rahmaniar</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a><br/><br/>
</div></center>
<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="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRuyR6J-kTJVQO8P_e5JtGYwofpfKHET5zCZOvzN9u6vdRiUAOoHA" width="450" /></div><br>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif" /> 1. your rules.<br>
<img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif"/> 2. your rules.<br>
<img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif" /> 3. your rules.<br>
<img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif" /> 4. blablabla.<br>
<img src="http://media.tumblr.com/tumblr_m2fvskreiT1qdlkyg.gif" /> 5. blablabla.<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="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSNzlmJLV1y6c3Qeiwvpa3qsLb_hh00RosLqQ1a7F2vxy4ok8RzUg"width="450" /></center><br>
<br><br>
<center><u>Tutorial</u><br><br>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<br><br><br><br></center>
</div>
<div id="free" style="display: none;">
<div class="h1">Free For You...</div><br>
<center><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRC-6bvczatL4ARjwT8i5eDW1ELqAYBCuQBub5nhNjviiAk5f6l"width="450" /></center><br>
<br><br>
<center><u>Freebies</u><br><br>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<br><br><br>
</div>
<div id="other" style="display: none;">
<div class="h1">Empty Here...</div><br>
<center><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTjM58DCkEtlMMC7M5MZl-HIyddnGiEDm3OvZVU7unOKO7Jm1pB"width="450" /></center><br>
<br><br>
<center><u>Anything here</u><br><br>
Put anything here like skins or anything else...
<br /><br/>
</div>
<div id="diary" style="display: none;">
<blogger><div class="h1"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Memories</span></a></BlogItemCommentsEnabled></div><br><$BlogItemBody$>
<br /><br />
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$>:</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>
<script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
</body></html></table>
