Zathura blogskin

September 23, 2014

Not so important thing .Actually,I've made this 6 months ~~years~~ ago.So long,yet!?~~HAHAHAHAHA~~.~~His~~ named Zathura.I'm taking this name from movie.Yes.Zathura movie.You know it.Even this blogskin named Zathura but no one 'Zathura things'there HAHAHAHA.I don't know.This name just sounds catchy.

Is this blogskin look messy?I think yes.No header.~~Unlimited widget?~~ I mean no various there like no calendar,clock,header widget etc.~~Too~~ simple.Yeah I'm just let you customize it.Whatever you want.I don't put various or much features? I don't want make people 'headache' cause too much codes everywhere.I don't care.But,the point is .. I finally share this blogskin.

<html><head><title>Zathura</title>
<link href='http://weloveiconfonts.com/api/?family=entypo|typicons|fontawesome|brandico|zocial|iconicfill' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>

body {background:#F7F7F7;background-attachment: fixed;font:corbel;font-size:5pt;color:#000;text-align:justify;}
td {font-family:corbel;font-size:9pt;color:#666;text-align:justify;line-height: 18px;letter-spacing:1px;}

a:link, a:visited, a:active {color:#000000;text-decoration:none;}  a:hover {color:#000000;text-decoration:none;}
b, strong  {color:#000;cursor:pointer;}
i, em      {color:#000;}
s, strike  {color:#000;}
blockquote        {background: #f5f5f5; color: #000000; border: 1px solid #eee; padding: 6px; font-size: 10px; }
img               {max-width:500px;margin-bottom:3px;cursor:pointer;}

.dila {
background:#fff;
padding:10px;
margin-top:10px;
margin-bottom:50px;
position:relative;
width="850"
}

.box   {width:850px;font-family:Corbel, cambria;font-size:8pt;color:#6f6f6f;}
.box1       {background:#fff;border:0px solid #f4f4f4;margin-bottom:25px;padding:15px;}
.post  {padding:10px;text-align:justify;width:570px;line-height:110%;margin-bottom:-18px;}
.title {color: #000;margin:5px 0 10px 0;border-bottom: 1px solid #f0f0f0;text-transform:uppercase;font-family: quicksand;transition: all 2s ease;font-size: 10px;padding-bottom:10px;margin-top:-17px;margin-left:17px;}

.title1 {
color: #000;margin:5px 0 10px 0;border-bottom: 1px solid #f0f0f0;text-transform:uppercase;font-family: quicksand;transition: all 2s ease;font-size: 30px;padding-bottom:10px;}

a h1{
color:#bbbbbb;
}

a h1:hover{
color:#7FDBCC;
}
.date  {
border-bottom: 0px solid #eee;
letter-spacing: 1px;
font:10px corbel ;
text-align:left;
font-style: italic;
padding-bottom: 6px;
margin-bottom:10px;
margin-top:2px;
color:#777;
}
.sidebar   {width:245px;padding:10px;border-right:0px solid #efeef3;background:#none;}

.s, .l, .is {display:inline-block;font:normal 10px "Corbel";padding:3px;cursor:pointer;margin-left:5px;}
.s {background:#C3C3C3;width:5px;color:#fff;text-align:center;margin-right:-3px;}
.l {background:#C3C3C3;color:#FFFFFF;width:200px;text-transform:uppercase;text-align:center;}
.is { background:#C3C3C3;width:10px;color:#fff;text-align:center;margin-left:2px;}

#archives {background:#F7F7F7;color:#bbb;font:normal 10px "Corbel";padding:2px;margin:1px;border:1px solid #f5f5f5;display:block;border-radius:2px;}
#archives a {background:#TRANSPARENT;border:1px solid #fafafa;color:#555;}

@font-face{
font-family:iwaslike;
src:url('http://static.tumblr.com/5xin63e/TWAmg7gn1/gtown.ttf');}

#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
.post ul {list-style:none;
}

.h2 {border:1px solid #eee;background:#fff;padding:3px;border-bottom:1px solid #eee;text-transform:uppercase;margin-bottom:30px;font:9px cambria;letter-spacing:1px;color:#000;margin-top:-7px;}

.h7{text-transform:uppercase;color:#000;border-bottom:0px solid #f3f3f3;}

.blog, a.blog{ font-family: cambria; font-size: 27px; line-height: 36px; letter-spacing: 7px; color: #AEAEAE; text-transform: uppercase; text-align: center; padding-top: 10px;}

.blog:hover, a.blog:hover {color: #777777; background-color: transparent; text-decoration: none; }

.click { background:#fcfcfc;color:#C3C3C3;display:inline-block;width:102px;padding:1px;margin:1px;text-align:center;border:1px solid #fafafa;width:auto;}

.click:hover { color: #000000; text-decoration: none; background-color: #f6f6f6; cursor: pointer;}

a.ila        {background:#fcfcfc;color:#5D5D5D;display:block;padding:1px;margin:1px;text-transform:uppercase;font-family:arial narrow;margin-top:5px;}

a.ila:hover  {background:#f2f2f2;}

a.ila:before {content:' ';}   a.stf:hover:before {content:'✔ ';}

#credit{
    position:fixed;
    z-index:999;
    bottom:5px;
    right:10px;
    width:36px;
    height:10px;
    padding-bottom:1px;
    overflow:hidden;
    text-align:center;
    font-size:8px;
    letter-spacing:0px;
    background:#fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#credit a{
    color:#999;
}

.credit_u{
    line-height:10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
   
#credit a:hover .credit_u{
    margin-top:-13px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
 
.credit_h{
    line-height:16px;
}

.headings { background:#none;border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;color:#9E9E9E;font-family:'Cambria';font-size:9px;letter-spacing:0px;text-transform:uppercase;text-shadow:0px 0px 0px #877aad;padding:3px;margin-top:20px;cursor:pointer;}

a.navheadings, .navheadings, a.sidelink, .sidelink { font-family: calibri; font-size: 9px; color: #999999; background-color: #F0F0F0; text-transform: uppercase; text-align: center; display: block; padding: 1px; margin-bottom: 2px; }

a.navheadings:hover, .navheadings:hover, a.sidelink:hover, .sidelink:hover {color: #FFFFFF; background-color: #EC6179;cursor:pointer;}

h1{
font-family: 'Corbel';
font-size:20px;
line-height:17px;
margin-left:300px;
background:#fff;
padding:8px 30px;
color:#C9C9C9;
border-radius:5px 5px 0 0;
font-weight:200; 
font-style:normal;
margin-top:-37px;
margin-left:620px;
position:absolute;
letter-spacing:-1px;
text-transform:uppercase;
-webkit-transform-origin: 0 0;
-moz-transform-origin:0 0;
-ms-transform-origin: 0 0;
-o-transform-origin:0 0;
-webkit-transform: rotate(90deg); 
-moz-transform:rotate(90deg); 
-ms-transform: rotate(90deg); 
-o-transform:rotate(90deg);
}

h1:first-letter{
color:#848484;
}

.bl {width:100px;height:100px;margin:2px;padding:7px;}

.sfm input {
    background-color: #fafafa; 
    font-size: 8px; 
    border: 1px solid #ddd; 
    text-transform: uppercase; 
    top: 100px; 
    margin-bottom:8-px;
margin-left:1px;
    color: #666; 
    font-weight:bold;
    letter-spacing: 1px; 
    padding: 4px 9px 4px 10px;
    font-family: calibri, helvetica, arial;}

ul{list-style-type:katakana-iroha;}

#s-m-t-tooltip {
border: 1px solid #ddd;
    background: #fff;
    font-size: 7px;
    line-height: 12px;
    font-family: calibri;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
    text-align: center;
    padding: 4px;
    display: block;
    
    margin: 24px 14px 7px 12px;
    
}

#nava {
background-color: #fff;
overflow: hidden;
float: left;
margin-right: -50px;
font-size: 12px;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 0px;
margin-left:70px;
border:1px solid #f2f2f2;
cursor:pointer;
}

.navicon {
    position: absolute;
    width: 25px;
    
    text-align: center;
    }

#nava:hover .navicon {
    color: #93AABC;
}
#nava:hover .navicon {}

.shield1, .shield2, .shield3 {
    background-color: #868686;
    margin-top: -25px;
    width: 25px;
    height: 25px;
    
}
.shield2 { background-color: #868686; }
.shield3 { background-color: #868686; }
#nava:hover .shield1, #nava:hover .shield2, #nava:hover .shield3 {margin-top: 0;}

.navt {
    background-color: #868686;
    color: #ffffff;
    z-index: 1;
    font-family: consolas;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
   
    text-align: center;
    line-height: 14px;
    opacity: 0;
    font-size: 0;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
}

#nava:hover .navt {
    font-size: 8px;
    opacity: 1;
    width: 50px;
    margin: -55px -10px;
}

.tri { 
    color: #868686;
    z-index: 1;
    font-size: 0px;
    position: absolute;
    margin-top:-50px;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
margin-left:7px;
}

#nava:hover .tri { 
    
    font-size: 16px;
}

.t1 {color:#FFFFFF;font-family:calibri;font-size:20px;text-transform:uppercase;padding:5px;cursor:pointer;-webkit-transition-duration:1s;}

.pic {width:75px;padding:6px;margin-top:-10px;}

#blogtitle {background:#C3C3C3;height:57px;margin-top:-20px;}

.A {color:#FFFFFF;font-size:7px;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;margin-left:7px;}

.bio {background:#f7f7f7;padding:10px;margin-bottom:30px;color:#868686;}

</style>

<br />
<div id="div-fe5sfov6mkkj" style="width: 100%;">
</div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "240";
    skin['TITLE'] = "Followers";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#999999";
    skin['ENDCAP_LINK_COLOR'] = "#2288bb";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#AACFC8";
    skin['CONTENT_TEXT_COLOR'] = "#999999";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#999999";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#ffffff";
    skin['CONTENT_HEADLINE_COLOR'] = "#999999";
    skin['FONT_FACE'] = "normal  10px corbel";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-fe5sfov6mkkj",
     height: 260,
     
     
     
     site: "16545010595050963169",
     
     locale: 'en' },
     skin);
  </script>

</div>
<body>

<div id="credit">
<a href="http://dilafaf.blogspot.com/"><div class="credit_u">
CREDIT</div>
<div class="credit_h">
DILA</div>
</a></div>
<div class="s">
></div>
<div class="l">
Navigation</div>
<div class="is">
<</div>
<br /><br />
<div style="margin-bottom: 77px; margin-left: -50px; margin-top: 27px;">
<div id="nava" onclick="document.getElementById('main').innerHTML=document.getElementById('a').innerHTML">
<div class="shield1">
</div>
<span class="navt">PROFILE</span>
<span class="tri">▼</span>
<div class="navicon">
</div>
</div>
</div>
</div>
</td></table>
</center>
</body>

<br />
<div id="nava" onclick="document.getElementById('main').innerHTML=document.getElementById('c').innerHTML">
<div class="shield2">
</div>
<span class="navt">F.A.Q</span>
<span class="tri">▼</span>
<br />
<div class="navicon">
</div>
</div>
<div id="nava" onclick="document.getElementById('main').innerHTML=document.getElementById('d').innerHTML">
<div class="shield3">
</div>
<span class="navt">ARTS</span>
<span class="tri">▼</span>
<br />
<div class="navicon">
</div>
</div>
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOGID"></a><br />
<div id="nava">
<div class="shield1">
</div>
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOGID"><span class="navt">FOLLOW</span>
<span class="tri">▼</span>
</a><br />
<div class="navicon">
</div>
</div>
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOGID">
</a>

<br />
<div id="nava" onclick="document.getElementById('main').innerHTML=document.getElementById('f').innerHTML">
<div class="shield2">
</div>
<span class="navt">BLOGROLL</span>
<span class="tri">▼</span>
<br />
<div class="navicon">
</div>
</div>
<div class="s">
></div>
<div class="l">
Profile</div>
<div class="is">
<</div>
<br />
<div style="background: #f7f7f7; color: black; font-size: 7pt; font-style: italic; margin-top: 5px; padding: 5px; text-align: justify;">
<img src="http://data.whicdn.com/images/58820906/tumblr_mlffq4fIG21rwc2w5o1_500_large.jpg" style="float: left; margin-right: 6px; width: 65px;" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris.
<span class="click" onclick="document.getElementById('main').innerHTML=document.getElementById('a').innerHTML">read more</span></div>
<br />
<div class="s">
></div>
<div class="l">
Chatbox</div>
<div class="is">
<</div>
<br />
<br />
<center>
Your Chatbox codes here</center>
<br />
<div class="s">
></div>
<div class="l">
Archive</div>
<div class="is">
<</div>
<div id="archives">
<bloggerpreviousitems><a href="https://www.blogger.com/%3C$BlogItemPermalinkURL$%3E"><$BlogPreviousItemTitle$></a></bloggerpreviousitems></div>
<br />
<div class="s">
></div>
<div class="l">
Twitter</div>
<div class="is">
<</div>
<br />
<br />
<center>
Put whatever content you want</center>
<br />
<div class="post">
<div id="main">
<blogger>
</blogger>
<br />
<div class="title1">
<blogitemtitle><$BlogItemTitle$></blogitemtitle></div>
<h1>
POST</h1>
<div class="date">
By <$BlogItemAuthor$> on <blogdateheader><$BlogDateHeaderDate$></blogdateheader>  <$BlogItemDateTime$> | <blogitemcommentsenabled><a class="comments" href="https://www.blogger.com/comment.g?blogID=1708134094803270801&postID=%3C$BlogItemNumber$%3E&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=1708134094803270801&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> comments</a></blogitemcommentsenabled></div>
<div style="margin: 10px;">
<$blogitembody$></div>
<br />
<center>
<a a="" href="https://www.blogger.com/%3C$OlderPosts$%3E" style="float: left; font-size: 15px;" title="older"><span class="iconicfill-first"></span></a><a a="" href="https://www.blogger.com/%3C$NewerPosts$%3E" style="float: right; font-size: 15px;" title="newer"><span class="iconicfill-last"></span></a>

</center>
</div>
</div>
<br />
<div id="z" style="display: none;">
<blogger>
</blogger>
<br />
<div class="title1">
<blogitemtitle><$BlogItemTitle$></blogitemtitle></div>
<h1>
POST</h1>
<div class="date">
By <$BlogItemAuthor$> on <blogdateheader><$BlogDateHeaderDate$></blogdateheader>  <$BlogItemDateTime$> | <blogitemcommentsenabled><a class="comments" href="https://www.blogger.com/comment.g?blogID=1708134094803270801&postID=%3C$BlogItemNumber$%3E&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=1708134094803270801&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> comments</a></blogitemcommentsenabled></div>
<div style="margin: 10px;">
<$blogitembody$></div>
<br />
<center>
<a a="" href="https://www.blogger.com/%3C$OlderPosts$%3E" style="float: left; font-size: 15px;" title="older"><span class="iconicfill-first"></span></a> <a a="" href="https://www.blogger.com/%3C$NewerPosts$%3E" style="float: right; font-size: 15px;" title="newer"><span class="iconicfill-last"></span></a>
</center>
</div>
<div id="a" style="display: none;">
<div id="blogtitle">
<div class="T1 ">
profile</div>
<div class="A">
BLA BLA BLA BLA BLA BLA BLA</div>
<h1>
PROFILE</h1>
<div class="bio">
<img class="pic" src="http://24.media.tumblr.com/ca824204d18ffd081ebb2f4fa2ace19c/tumblr_mjoy802uqt1qkxij5o1_500.jpg" style="float: right;" />   Manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct.Manarie li que vaqeriao |at vver eos dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. At harumd dereud facilis est er expedit distinct.</div>
<div class="bio">
<img class="pic" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQENo1hk7qrly-erBUFdF_DbReizIzkLQBC32sDcMwCMv14WpkGzw" style="float: left;" />   Manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct.Manarie li que vaqeriao |at vver eos dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. At harumd dereud facilis est er expedit distinct.</div>
</div>
<br />
<br />
<div style="margin-top: 270px; text-align: right;">
<span class="click" onclick="document.getElementById('main').innerHTML=document.getElementById('z').innerHTML"> Back</span></div>
</div>
<div id="c" style="display: none;">
<div id="main">
<div id="blogtitle">
<div class="T1 ">
FREQUENTLY ASKED QUESTIONS</div>
<div class="A">
BLA BLA BLA BLA BLA BLA BLA</div>
<h1>
F.A.Q</h1>
<br />
<b>Question</b><br />
Answer<br />
<br />
<b>Question</b><br />
Answer<br />
<br />
<b>Question</b><br />
Answer<br />
<br />
<b>Question</b><br />
Answerbr><br />
<b>Question</b><br />
Answer<br />
<br />
<b>Question</b><br />
Answer<br />
<br />
<center>
<b>Ask me anything</b></center>
<center>
You can put ask fm or tumblr question widget</center>
<br />
<div style="margin-top: 70px; text-align: right;">
<span class="click" onclick="document.getElementById('main').innerHTML=document.getElementById('z').innerHTML"> Back</span></div>
</div>
</div>
</div>
<div id="d" style="display: none;">
<div id="blogtitle">
<div class="T1 ">
ARTS</div>
<div class="A">
BLA BLA BLA BLA BLA BLA BLA</div>
<h1>
arts</h1>
<br />
<br />
<div style="border-right: 1px dashed #fdfdfd; float: left; margin-bottom: 70px; width: 49%;">
<center>
Put your own 'finger made' like posters,fan fictions etc then customize the lists whatever you want</center>
</div>
<br />
<div style="margin-bottom: 70px; text-align: right;">
<span class="goto" onclick="document.getElementById('main').innerHTML=document.getElementById('z').innerHTML"> Back</span></div>
</div>
</div>
<div id="f" style="display: none;">
<div id="main">
<div id="blogtitle">
<div class="T1 ">
BLOGROLL</div>
<div class="A">
BLA BLA BLA BLA BLA BLA BLA</div>
<br />
<h1>
blogroll</h1>
<center>
<a href="http://.com/"><img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" /></a><a href="http://.com/"><img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" />
<img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" /><br />
<img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" />
<img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" />
<img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" /><br />
<img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" />
<img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" />
<img class="bl" src="http://25.media.tumblr.com/6b1131e9f5aa1bb74ec9997ddd24cbd3/tumblr_mxidtdSpiA1rx13o5o1_500.png" /></a></center>
<br />
<div style="margin-bottom: 70px; text-align: right;">
<span class="goto" onclick="document.getElementById('main').innerHTML=document.getElementById('z').innerHTML"> Back</span></div>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js" type="text/javascript"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>

<br />
   Ohyeah,..I forgot my tumblr password so...I don't make a preview there.Sorry...But you can use <a href="http://htmledit.squarefree.com/" target="_blank"><b>this</b></a> to see the preview or edit it.<br />
<span style="font-size: x-small;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-size: xx-small;">Note: Don't remove the credit HAHAHAHA </span></blockquote>
</div>

Dila

Hello, thank you for stopping by! I'd like to share about anything on my blog<3

Zathura blogskin

0 comments

ABOUT ME

SUBSCRIBE & FOLLOW

POPULAR POSTS

Categories

Advertisement

Contact Form

Blog Archive

Latest Posts

Oddthemes

Blogger templates

Zathura blogskin

Related Articles

0 comments

ABOUT ME

SUBSCRIBE & FOLLOW

POPULAR POSTS

Categories

Advertisement

Contact Form

Blog Archive

Latest Posts

Oddthemes

Blogger templates