<html>
<head>
<!--------------------------------------
Blogger Template Style
Name: Classic Template
Designer: Adam Faiz
URL: sibodohjangankacau.blogspot.com
Date: 31 December 2013
--------------------------------------!>
<title>no name</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background: #fffff;
font-family: 'imprima';
font-size: 13px;
color:#555;
line-height:18px;
}
@font-face {
font-family: 'Imprima';
font-style: normal;
font-weight: 400;
src: local('Imprima'), local('Imprima-Regular'), url(http://themes.googleusercontent.com/static/fonts/imprima/v1/Lw4J4XiH21tNmX0DzARuSA.woff) format('woff');
}
a:link, a:visited {
text-decoration:none;
color: #F0B4BF;
}
/* SCROLLBAR
----------------------------------------------- */
::-webkit-scrollbar {
width:8px;
height:auto;
}
::-webkit-scrollbar-thumb{
background:#F2E6DE;
}
/* UNDERLINE
----------------------------------------------- */
u{
text-decoration: none;
border-bottom: #FEBBD6 2px solid;
}
/* POST BODY
----------------------------------------------- */
#post-body{
position: absolute;
background-color:#fff;
top: 0px;
left:310px;
width: 550px;
padding:15px;
}
/* BACKSIDE
----------------------------------------------- */
.back-side{
background:#FBEFF5;
padding: 10px;
top:0px;
left:10px;
position:absolute;
width: 280px;
height:100%;
}
/* POST BLOCKQUOTE
----------------------------------------------- */
blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK-WLvVLitFFDQ3u5_OWPs88xQwitolrhRwJ4O7KAQJ03ZT1h0WXrNhr1zapeHLr0xL_xcYMOdCWsspz5tKSiYgGXBDiNtc4GCxgHlYvm0SWNYq0int1B9gshuzIuFDb2j6bEWtfMicP4/s1600/pink.jpg);
padding:10px;
border-radius:10px;
border:3px solid #fff;
box-shadow: 0px 0px 3px #aaa;
width:85%;
-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;
text-shadow: -1px 0 fff, 0 1px fff,
1px 0 fff, 0 -1px fff;
}
blockquote:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS4UEloH1E4k_XfjMApwTXWhQtxFdYGplNXdwWEcL_1t11gCcLkmzjY7h78l4guKRYMwoJYq-aE46afi8R8-y6ocm_7v2MMBygTEKdtCmM1YG4A1aC3B2hHHYQIe_YRswnoLMi3Gm7jjA/s1600/aa.png);
background-position:50% 50%;
}
/* POST TITLE
----------------------------------------------- */
.post-title{
font-family: 'Pathway Gothic One';
font-size:16px;
color:#D782A7;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:5px solid #FFE9EC;
}
/* POST BOTTOM
----------------------------------------------- */
.post-bottom{
font-size:10px;
color:#555;
letter-spacing: 1px;
text-transform:uppercase;
padding:0px;
line-height:20px;
}
/* SIDEBAR TITLE
----------------------------------------------- */
.sidebar-h2{
font-family: 'Pathway Gothic One';
text-align:left;
margin-top:10px;
font-size:16px;
color:#D782A7;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:4px solid #FFE9EC;
padding-top:5px;
}
.sidebar-h3{
font-family: calibri;
text-align:right;
margin-bottom:5px;
font-size:11px;
color:#D782A7;
text-transform:uppercase;
letter-spacing:1px;
}
@font-face {
font-family: 'Pathway Gothic One';
font-style: normal;
font-weight: 400;
src: local('Pathway Gothic One'), local('PathwayGothicOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v1/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format('woff');
}
/* NAVIGATION
----------------------------------------------- */
#pink-nav{
display:block;
color:#555;
line-height:13px;
width:100px;
margin:3px;
text-align:center;
color:#777;
font:9px consolas;
letter-spacing:1px;
text-transform:uppercase;
font-weight:bold;
padding:14px 5px 0px 5px;
height:0px;
margin-left:-13px;
background:#F8E0E0;
overflow:hidden;
text-decoration:none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#pink-nav:hover{
cursor:pointer;
background:#F6CEE3;
padding:4px 5px 10px 5px;
height:0px;
}
/* CIRCLE LINKIES
----------------------------------------------- */
.pink-circle{
width:40px;
padding:4px;
margin:2px;
background:#F8E0EC;
font:11px calibri;
line-height:1px;
text-align:center;
Text-decoration:none;
color:transparent !important;
text-transform:uppercase;
display:inline-block;
border: 1px solid pink;
height:20px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
box-shadow: 0px 0px 1px pink;
}
.pink-circle:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
box-shadow: 0px 0px 10px pink;
color:#333 !important;
}
/* BLOG ARCHIVE
----------------------------------------------- */
.archive{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:url(http://media.tumblr.com/42b2c7e69bebab576f091f5f3bc48841/tumblr_inline_mmzqosgOj11qz4rgp.gif);
border-bottom:1px solid pink;
background-size:15px;
background-repeat:no-repeat;
padding:5px;
padding-left:20px;
background-position:left;
}
.archive:hover{ background:url(http://media.tumblr.com/3fcccb540252361088d42c65c504499d/tumblr_inline_mmzqorHMLi1qz4rgp.gif);
background-size:12px;
background-repeat:no-repeat;
padding-left:37px;
background-position:left;
}
/* COMMENT
----------------------------------------------- */
.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 {
margin-top:5px !important;background-size:10px;
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 #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}
</style>
</head>
<body>
<div class="back-side">
<div style="word-spacing: 2px; color:#555;margin-bottom:0px;background:#fff;padding:10px; ">
<img style="width:130px;margin-right:7px;padding-right:5px;" align="left" src="http://data3.whicdn.com/images/93207939/large.jpg">
<span style="cursor:pointer" id="pink-nav" onClick="changeNavigation('entries')"> refresh</span>
<span style="cursor:pointer" id="pink-nav" onClick="changeNavigation('profile')"> About</span>
<span style="cursor:pointer" id="pink-nav" onClick="changeNavigation('Stuff')"> Stuff</span>
<a id="pink-nav" href="http://www.blogger.com/follow-blog.g?blogID=5109924646314494470"> follow</a>
<div style="text-transform:uppercase;font:11px; right:110px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">Follow</a> | <a href="http://blogger.com/home">dashb</a>
</div>
<br>
</div>
<div style="font-size:12px;color:#555;background:#fff;padding:10px; ">
<center>
<a class="pink-circle" href="LINK HERE">link 1</a>
<a class="pink-circle" href="LINK HERE">link 2</a>
<a class="pink-circle" href="LINK HERE">link 3</a>
<a class="pink-circle" href="LINK HERE">link 4</a>
</center>
<div class="sidebar-h2"> bonjour</div>
<div class="sidebar-h3"> welcome</div>
<img style="clear: right; float: left;border: 1px solid pink;width:80px;height:80px;padding:2px; margin-bottom: 1em; margin-right: 0.5em;" src="http://i1176.photobucket.com/albums/x333/MeloChan/Septiembre2013/S3_zpsbc977c66.png" width="50" />
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sintocc occae.excepteur sint occae.occa
<br>
<div class="sidebar-h2"> fairytale</div>
<div class="sidebar-h3"> blog archive</div>
<div style="text-align:left; padding:10px; border-radius:0px; height:100px; overflow-x:hidden; overflow-y:Scroll;margin-top:0px;">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL
gt;">
<div class="archive">
<$BlogPreviousItemTitle
gt;</div>
</a></BloggerPreviousItems></div>
<br>
<div class="sidebar-h2"> creditsection</div>
<div class="sidebar-h3"> big thanks</div>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<center>Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
Big Help : <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>
<br>
<br>
</center>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<br>
</div>
</div>
</div>
<div id="post-body">
<blogger>
<img align="left" style="width:60px;border:3px solid #FFE9EC;margin-right:4px;"src="http://data3.whicdn.com/images/93271733/large.png"><div class="post-title"><$BlogItemTitle
gt;</div>
<div class="post-bottom"><a href="<$BlogItemPermalinkURL
gt;"> {PERMALINK}</A> <img src="http://3.bp.blogspot.com/-3dlgN4e-Wgc/TwNkhtg2RGI/AAAAAAAAAt0/wd2J0eLCd6M/s1600/e2.gif"> <BlogDateHeader><$BlogDateHeaderDate
gt;</BlogDateHeader> <img src="http://1.bp.blogspot.com/-G08W9UcsHFg/TwNkiK73aPI/AAAAAAAAAuE/WJnPUy1MkKk/s1600/e4.gif"> <BlogItemCommentsEnabled><a href="https://www.blogger.com/comment.g?blogID=5109924646314494470&postID=<$BlogItemNumber
gt;&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=5109924646314494470&postID=<$BlogItemNumber
gt;&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount
gt; CHINGU {S} </a></BlogItemCommentsEnabled>
</div>
<br>
</br>
<$BlogItemBody
gt;
<br>
</br>
<div style="border-bottom: 2px solid pink;"></div>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;">
<$CommentPager
gt;
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName
gt;"><a name="<$BlogCommentAnchorName
gt;"></a>
<$I18NCommentAuthorSaid
gt;</dt>
<dd class="comment-body">
<p>
<$BlogCommentBody
gt;</p>
<$BlogCommentDeleteIcon
gt;
</dd>
</BlogItemComments>
<$CommentPager
gt;
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate
gt;
</p>
</div>
</ItemPage>
<br>
</br>
</blogger>
<center>
<div style="background:#fbfbfb;border: 1px solid pink;width:100px;text-transform:uppercase;font-family: 'Pathway Gothic One';font-size:16px;color:#D782A7 !important;">
<OlderPosts><a href=<$OlderPosts
gt;> Older</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts
gt;>Newer </a></NewerPosts>
</div>
</center>
</div></div>
<div id="entries" style="display:none">
<blogger>
<img align="left" style="width:60px;border:3px solid #FFE9EC;margin-right:4px;"src="http://data3.whicdn.com/images/93271733/large.png"><div class="post-title"><$BlogItemTitle
gt;</div>
<div class="post-bottom"><img src="http://3.bp.blogspot.com/-3dlgN4e-Wgc/TwNkhtg2RGI/AAAAAAAAAt0/wd2J0eLCd6M/s1600/e2.gif"> <BlogDateHeader><$BlogDateHeaderDate
gt;</BlogDateHeader> <img src="http://1.bp.blogspot.com/-G08W9UcsHFg/TwNkiK73aPI/AAAAAAAAAuE/WJnPUy1MkKk/s1600/e4.gif"> <BlogItemCommentsEnabled><a href="https://www.blogger.com/comment.g?blogID=5109924646314494470&postID=<$BlogItemNumber
gt;&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=5109924646314494470&postID=<$BlogItemNumber
gt;&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount
gt; CHINGU {S} </a></BlogItemCommentsEnabled>
</div>
<br>
</br>
<$BlogItemBody
gt;
<br>
</br>
<div style="border-bottom: 2px solid pink;"></div>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;">
<$CommentPager
gt;
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName
gt;"><a name="<$BlogCommentAnchorName
gt;"></a>
<$I18NCommentAuthorSaid
gt;</dt>
<dd class="comment-body">
<p>
<$BlogCommentBody
gt;</p>
<$BlogCommentDeleteIcon
gt;
</dd>
</BlogItemComments>
<$CommentPager
gt;
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate
gt;
</p>
</div>
</ItemPage>
<br>
</br>
</blogger>
<center>
<div style="background:#fbfbfb;border: 1px solid pink;width:100px;text-transform:uppercase;font-family: 'Pathway Gothic One';font-size:16px;color:#D782A7 !important;">
<OlderPosts><a href=<$OlderPosts
gt;> Older</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts
gt;>Newer </a></NewerPosts>
</div></div>
<div id="profile" style="display:none">
<img align="left" style="width:60px;border:3px solid #FFE9EC;margin-right:4px;"src="http://data3.whicdn.com/images/93271733/large.png"><div class="post-title">i'm not that mystery</div><br>
<br>
<br>
</br>
<center><img border:1px solid #CDCDCD;padding:3px;" src= "http://data3.whicdn.com/images/30858649/tumblr_m2p5jjAahU1r8fqy9o1_400_large.png"width="90%"><br>
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. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao.
<br></center>
<br><br>
</div>
</div>
<div id="Stuff" style="display:none">
<img align="left" style="width:60px;border:3px solid #FFE9EC;margin-right:4px;"src="http://data3.whicdn.com/images/93271733/large.png"><div class="post-title">Tutorial & Freebies</div><br>
<style>
a.yejuny{
background:url(http://media.tumblr.com/3ac0b6f04b25de8ed624ca16dd1cb0bf/tumblr_inline_mueodxJQer1qdlkyg.gif);
background-repeat:no-repeat;
background-size:15px;
background-position:left;
padding-left:25px;
color:#444;
margin-bottom:2px;
font:12px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
color:#999;
display:block;
line-height:18px;
}
a.yejuny:hover{
background:url(http://media.tumblr.com/tumblr_m89tkfQpHZ1qdlkyg.gif);
background-repeat:no-repeat;
background-size:15px;
}
.tuto-title{
margin-top:8px;
background:url(http://i.imgur.com/t7cKnMV.png);
text-align:right;
padding:5px;
padding-right:20px;
margin-bottom:10px;
color:#888;
width:250px;
text-transform:uppercase;
font:12px imprima;
border:4px solid #fff;
box-shadow: 0px 0px 3px #aaa;
}
</style>
<table style="width:550px;">
<tr><td>
<div class="tuto-title">
tutorial</div>
<a class="yejuny" href="LINK" >Tutorial : </a>
<a class="yejuny" href="LINK" >Tutorial : </a>
<a class="yejuny" href="LINK" >Tutorial : </a>
<a class="yejuny" href="LINK" >Tutorial : </a>
<a class="yejuny" href="LINK" >Tutorial : </a>
</td>
<td>
<div class="tuto-title">
Freebies</div>
<a class="yejuny" href="LINK" >Freebies : </a>
<a class="yejuny" href="LINK" >Freebies : </a>
<a class="yejuny" href="LINK" >Freebies : </a>
<a class="yejuny" href="LINK" >Freebies : </a>
<a class="yejuny" href="LINK" >Freebies : </a>
</td>
</tr>
</table>
<br><br>
</div>
</div>
<script> function changeNavigation(id)
{document.getElementById('post-body')
.innerHTML=document.getElementById(id).innerHTML}
</script>
</body>
</html>