▲Goodgame Disco Blog๑۩ﺴ۩๑ : Újabb teljes designek :))

Hoztam újabb pár designet :33.Remélem majd ezeket is hasznára tudjátok venni :3.Ha viszed akko szólj a chatan *-*.És azt is remélem,hogy elnyeri tetszéseteket.

1.Hello Kitty:

<!-------- BASIC CODE --------!>
<html><head>
<center>
<img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8hfAWtW4IfgtuLyuWwSrnqZaKkoTe5wuJJ-Nc4G1656DmegzWh-QGr9IZ7LDYJDvuiinNCVUPQaa_mxw9jqNN_2HtYwKFFBibXqfxrbnr_FeNslPLat29Fhp1J1VchxHG4Sqegc43uzeB/s1600/HeaderHKLoversByTia.png"/></center>
<link rel="shortcut icon" href="http://media.tumblr.com/b66ea2a89c408469152ec210abe647a1/tumblr_inline_mley5urCxe1rxsw83.gif" />
<title>Hello Kitty Lovers</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' rel='stylesheet' type='text/css'>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background: url(http://img294.imageshack.us/img294/1909/background14oq6.gif);
background-attachment: fixed;
font-family: delius; 
font-size:13px;color:#000;
cursor: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodHzi9na9OhOEu-cGIDKwUmxD0kb6admkhlJHQhYzHq_Y4H-Xkt62oPDoV-dh6QNdm415Yj2nF5AabIkhkrnRz0rLy5xmJuM_JEcY0-WSA1CKmzb6kafPs69W9-JTiq9BW4xMZToNqJFi/s1600/cursorcomelumbrella.png), progress;
}
a:link,a:visited{
text-decoration:none;
color:Pink;-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;
font-family: delius;
}
a:hover{
color:#000;
background:#fff;
}
.title-a {
font: 25px delius;
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#000;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
line-height:15px;
text-align: center;
border-left: 4px solid #FFB1B1;
border-right: 4px solid #FFB1B1;
border-top: 1px solid #FFD2D2;
border-bottom: 1px solid #FFD2D2;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WpHKGLv2_GAnWU1USWXTHez-3fqZemcU83zokbxEkkt0kxcmKlSwNvZN35LjzKO5GcmK2dGc6fO4EsV-zblBId7WDO6Sd_QFiPzMDnNE1rOX7SOkPSYHoHDISEeQ8SAweTrS1DqsG0hj/s1600/backgroundbody%25283%2529.png);
}

.title-b {
text-align: center;
font:11px delius;
}
.headerr {
margin-top:0px;
margin-left:0px;
-webkit-transition:1s
}
blockquote{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WpHKGLv2_GAnWU1USWXTHez-3fqZemcU83zokbxEkkt0kxcmKlSwNvZN35LjzKO5GcmK2dGc6fO4EsV-zblBId7WDO6Sd_QFiPzMDnNE1rOX7SOkPSYHoHDISEeQ8SAweTrS1DqsG0hj/s1600/backgroundbody%25283%2529.png);
padding:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
border-left:20px solid #FFDDDD;
color:#9C9C9C;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
border-left:20px solid #eee;
}
::-webkit-scrollbar{width:6px;height:6px;background:#fff}
::-webkit-scrollbar-thumb{background:#FEE3D2;}

b, strong {
color: #FFD3D3;
font-weight:bold;
}
i , s, strike {
color: #F7BE81;
}
u, underline {
color: #FFD3D3;
border-bottom: 2px #F7F2E0 solid;
text-decoration: none;
}
.adv2 ul{background:url(http://data.whicdn.com/images/12114158/fundo-lacinhos_thumb.jpg);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555}

.adv2 p{padding:5px;text-align:left;width:250px;color:#555;}

a.tablo{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;
background:MistyRose;
width:45px;
font:12px delius;
padding:3px;
text-decoration:none;
color:#000; 
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#FF7171;color:#fff;}

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

a.linkies {
display:inline-block;
background:#fff;
border:1px solid Pink;
padding: 3px;
border-radius:5px;
margin: 2px;text-align:center;
color:#000;
font:11px delius;
text-transform:uppercase;
-webkit-transition: 0.4s;}

a.linkies:hover {
-webkit-transition: 0.5s;
border-radius:5px;
border:1px dashed Pink;
color:Pink;
}
.old {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBEn2RiSyJw-xiiCHi09pBCoqUjk7MrYkxfIIznlgTVymx2S8p46Py5ZHrsBhUORDE0npi85tB8uLrw8W5EYkkdUSW2kcsPtDQsqkrgnxQB5Th-JD_qgKVZ82Ht-QFzdmvSGSlry6_5vHa/s1600/gadsd.png); 
font:12px Short Stack;
padding:2px;
text-align:center;
}
a.chan {
letter-spacing:px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:10px delius;
text-align:center;
background: #fff;
width:210px;
color:#000;
padding:2px;
border:1px solid Pink;
border-left:20px solid Pink;
text-decoration:none;
}
a.chan:hover{
border-left:1px solid Pink;
border:1px solid Pink;
border-right:20px solid Pink;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.cutie {
background: #ffffff;
color: #666;
font-size: 11px;
padding: 4px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
</style> 
<div style="display:scroll; position:fixed; top:50px; right:95px;">
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID !" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffCC37IMRsrx1ARbDflrrhJhekML6SYe4mrx175WuAvCSn5s8XWq01D3bLCV7-X_b8Hvxw_7P6jEhdIIBvqXqRO_OkW3aSn9YWEaGhHRFSOMF7Tt0M73rZ0hQUuGmRHhfk2rSbRkBwO0/s1600/fpink.png" /></a> <div style="display:scroll; position:fixed; top:50px; right:2px;">
<a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEDtFHM0GC5iR2csHUVlUcg7iUoS7m-Pv1l2gNy_Pi-vs7v1UO1oyxlKrh_tm7q-yUMh7VUCnA0vbnPpz4s9Pwi2T9gN8UdBiCxEvd9g_8tmmKvEn-HZzHxw_NKAcWJRXiH0_6gxPdkI/s1600/dpink.png" /></a></div>
</div>
<body>
<!-------- MAIN WRAPPER --------!>

<table style="margin-bottom: 10px;font-size: 11px; color: #666; line-height: 16px; background-color: #FFF; border: 1px solid #eee; border-radius:10px;" width="800" align="center" border="0" cellspacing="10">
<tbody>
<tr>
<td valign="top" style="width:530px; padding-left:5px; border-right:1px solid #eee; padding-bottom:5px;; padding-right:15px; ">
<div id="page">
<blogger><div class="title-a">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title-b">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<br>
<$BlogItemBody$></br>
</blogger>
<div class="old">
<newerposts><a href="<$NewerPosts$>" target="_blank">? Newer Posts</a> ? </NewerPosts>  <olderposts> <a href="<$OlderPosts$>" target="_blank">Older Posts ?</a></OlderPosts></center>
</div>
<!-------- SIDEBAR WRAPPER --------!>

<div class="title-a">
Blog's Owner</div>
<br>
<center>
Hello Everybody! Welcome To My Blog! Follow me, ok? Thanks for visit!<br><br>
</style>
<center>
</div>
<center>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Story</a> 
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >Me</a> 
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Links</a> 
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML" >Stuff</a>
</center>
<br><br>
</div>
<div class="title-a">
Kakao Talk</div>
<br>Put Your Cbox Code Here!<br><br>

<!---- DON'T REMOVE THE CREDITS-----!>
<div class="title-a">
Credit</div>
<br>
Template by : <a href="http://julipitulas51.blogspot.com/">Salma</a><br>
Basecode by : <a href="http://umihumairayusof.blogspot.com/">Mayra</a>, <a href="http://wanaseoby.blogspot.com/">Wana</a>, <a href="http://everything-sweety.blogspot.com/">Jesslyn</a> and <a href="http://nafaraisya.blogspot.com/">Azzahra Nafaraisya</a><br>
Header by : <a href="http://tiasweetnotes-kumpulanceritatia.blogspot.com/">Muthiah</a><br>
Owner is : <a href="YOUR BLOG URL">YOUR NAME</a><br></center>
</div>
<br><br>

</td>
</tr>
</tbody>
</table>
<div id="profile" style="display: none;">
<div class="title-a">
Owner's Profile</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqcpr6sI3TTmf_8rZp9n42XN-Pgx3WXIHBg_5aDANybtvQobh63bznFANExD3sOOh7WGCW9cIi5KbKD9oWpgKTGrXCmY5439XO_wC7KNcfd-2a6ARELfDjZgbJEkcfpk0xIZRkmDPrXg/s400/kitty+pink038.jpg"width="450" /></center>
<br>
Hello, my name is (Your Long Name), you can call me (Your Nick Name). I love and like Hello Kitty Cartoon. Thanks for visit my blog, don't open my page source! Follow me, ok?<br><br><br>

</div>
<div id="links" style="display: none;">
<div class="title-a">
Linkies</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj46EbKPEnshaYzwHHgCpNAQD42WSUr0vHuwZZjUFYhiHJ3fOrWkJ4rgvWSWggRbNDOW0HeWVYz-MC9UjIit4RJQxvg4PBU-O6BoERdl0B9GN7jRoJEwfNMb_22m6jDU92VG8MhQzwIiN8/s400/kitty+pink030.jpg"width="450" /><br><br>
<a class="linkies" href="http://julipitulas51.blogspot.com/">Salma</a>
<a class="linkies" href="http://everything-sweety.blogspot.com/">Jesslyn</a>
<a class="linkies" href="http://umihumairayusof.blogspot.com/">Mayra</a>
<a class="linkies" href="http://wanaseoby.blogspot.com/">Wana</a>
<a class="linkies" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="linkies" href="http://URL BLOG.blogspot.com/">You</a>
<a class="linkies" href="http://URL BLOG.blogspot.com/">You</a><br/><br/>
</div>
<div id="stuff" style="display: none;">
<div class="title-a">
Read My Post!</div>
<br>
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOXPSC5jHQ5d1ZI40_rdQFfUBZNP7zTSfFAtnMczobjyy7UMZQl9HEkzQjEsna5C1eol4YNs1VqW-V7hEW9qBTR61CdtXKroyrj9MTowkbpGPPx_e-VgpHK-3J4yaTCLlrYvOzyQEq_OY/s400/kitty+pink027.jpg"width="450" /></center>
<br>
<br>
<div class="h1">
TUTORIAL </div>
<br>
<li><a href="http://URL BLOG.blogspot.com/"> Tutorial</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Tutorial</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Tutorial</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Tutorial</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Tutorial</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Tutorial</a></li>
<br>

<div class="h1">
FREEBIES </div>
<br>
<li><a href="http://URL BLOG.blogspot.com/"> Freebies</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Freebies</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Freebies</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Freebies</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Freebies</a></li>
<li><a href="http://URL BLOG.blogspot.com/"> Freebies</a></li>
<br />

</div>
<div id="diary" style="display: none;">
<blogger><div class="title-a">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title-b">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<br>
<$BlogItemBody$></br>
</blogger>
<div class="old">
<newerposts><a href="<$NewerPosts$>" target="_blank"> Newer Posts</a> or </NewerPosts>  <olderposts> <a href="<$OlderPosts$>" target="_blank">Older Posts </a></OlderPosts></center>
</div>
</body></html></table>

2.I love Pink:

</script>

a:link, a:visited {
-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:#ffa1bc;
padding:0px;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB4CMZdkH4Nki0U4veleLF5ecNmtASpUyfaXF-rmADhBp-fzAaO3c7D7qcryRLY2ELiu4e5HMmcwWR4Qa1-nBhGVd8tZ21Quy3A9latBZhqhzUDzFiRspt6nRO17ULii2M0-VLEgOhC04a/s1600/mousetache.png),auto;
}
a:link hover {
border-bottom:1px dashed #999999;
color:#999999;
}

.sidebar {
padding-right:21px;
width: 260px;
font-size:12px;
text-align:normal;
}

.title {
text-align: center;
font-size: 30px;
color: #ff8fc1;
font-family: 'Dancing Script', cursive;
letter-spacing: 1px;
padding: 3px;
background:url(http://i.imgur.com/DsmJo.gif);
background:url(http://i.imgur.com/bkyn3fY.png);
border-left:20px double #FFB0C2;
border-right:20px double #FFB0C2;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}

blockquote {
padding: 10px 10px 10px 26px;
border-left:1px dotted #000;
}
h1 {
margin-top:10px;
color: #999999;
font-size:16px;
font-family: 'Dancing Script', cursive;
text-align:center;
letter-spacing: 1px;
background:#eee;
line-height:2pt;
}
u {
text-decoration:none;
border-bottom: 1px solid #AC58FA;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 8px;
height: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #ffd1d1;
}
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:60px;
background:url(http://bglabs.evade.netdna-cdn.com/wp-content/uploads/2013/05/pink-and-white-small-polka-dot.png) ;
border:2px dashed #F0047A;
text-decoration:none;
font-family:short stack;
font-size:12px;
text-transform:uppercase;
font-style:bold; 
color: #F0047A;
text-align:center;
cursor:vertical-text;
opacity: 0.6 ;
}
a.navi:hover{
background: #F0047A;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 50 50px 8px #fff;
}
#t3 {
text-align: center;
font-size: 20x;
color: #F0047A;
font-family:Pacifico;
letter-spacing: 3px;
padding: 5px;
background:url(http://media.tumblr.com/tumblr_lny21qLbuW1qepbs7.png);
border:2px solid #F0047A;
border-radius:9px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}

h2 {
text-align: left; 
font: 11px 'tahoma';
 line-height: 120%; }
.h2{background: #fff; padding: 6px} 
</style>
<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>
<body oncontextmenu='return false;'>

<!-------- HEADER KOTAK END --------!>

<!-------- KOTAK NAVI --------!>

<!-------- KOTAK NAVI END --------!>

<!-------- FOLLDASH --------!>
<div style="position: fixed; top: 5px; right: 9px;">
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=(YOUR BLOG ID)" target="_blank" rel="nofollow" title="Follow me!" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGHusEkLGFKgThGkMeudjkqzQXzY5NiH9ca1L1-v7YpQpgla2dmgqFreUWWtrxSMZPqtqQTNbO37DA3AVp-wQHL1TR6ydh76WxdcYW9tn-Vg4bwIEu20y8xzpXIsuDqhypP4RsMC_zNdea/s1600/pink+1.png " border="0" /></a>
<div style="display:scroll; position:fixed; top:3px; right:90px;">
<a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3LALd1i6xoWp1g0dYtXekWIY6MBTD5H7Ett-YMgDjmHCOy15qTlAK3ciRTXS7krZmuf_B9yZioPiwdcUePyGV6EgbnUpBSK9Xhca4IP6uDTZjL87Nhmb6wzZ4N6bcdu7eKvoDlXU06ml/s1600/pink2.png " /></a></div>
</div>
<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">Owner</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">Sites</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">Stuff</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID HERE">Updates</a></div>
</div>
</div>
<!-------- TIANG --------!>
<div style="background:none;border-left:40px solid #ff8fc1;border-right:40px solid #ff8fc1;width:600px;height:50px;">
</div>
<!-------- TIANG END --------!>

<!-------- FOOTER --------!>
<table style="margin-bottom:20px;border-radius:30px 30px 30px 30px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:5px solid #ff8fc1;" width="910" border="0" align="center" cellspacing="5">
<tbody>
<tr>
<!-------- FOOTER END --------!>

<td valign="top"><div class="sidebar">
<div id="t3">
Little Note</div>
<center>
<center>
<img src="http://www.lovethispic.com/uploaded_images/thumbs/85769-Blossoms-Gently-Falling.gif" width="230" height="150"><br>
<center>
Assalamu'alaikum and Annyeong...Welcome to my pinky blog. I hope you all enjoy here.Don't forget to comment and follow me..Gomawo^^<center>
<br>

<div id="t3">
Shout Our Voice</div>
<center>
<center>
<img src="http://s1.favim.com/orig/23/cute-flowers-photography-pink-Favim.com-215366.jpg" width="230" height="150"><br><br>
CBOX CODE HERE. MAX: 270px.</center>
<div id="t3">
Time Machine</div>
<center>
<div style="border:3px solid #ffd1d1;background:#fff; width:200px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
<div id="t3">
Credits</div>
<center>
<img src="http://styleshak.files.wordpress.com/2013/02/beautiful-cute-fashion-flower-girl-favim-com-355661.jpg?w=550" width="230" height="150"><br>
<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 17px; width: 20px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /></div>
<center>
Template by <a href="http://myfirstjune96.blogspot.com">Putri Z</a> <br> Basecodes by <a href="http://aqila-farah.blogspot.com">Aqila Farah </a> <br> 
Owner by <a href="http://YOURURLBLOG.blogspot.com">your name</a>
<br>Other Help: <a href="http://cutesecrets.tumblr.com/">♥ </a><a href="https://www.google.com.my/">♥<br></div>
</br>

<blogger><div class="title">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<h2>
<span class="h2">
<span style="text-transform: uppercase">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b><$BlogItemCommentCount$></b> Twinkle[s]</a></BlogItemCommentsEnabled> 
 | <a href="javascript:scroll(0,0)">Scroll up </a></span></h2>
<$blogitembody$><br>
</blogger>
</div>
</td>

<div id="profile" style="display:none;">
<div class="title">
Know Me More?</div>
<br>
<center>
<img src="http://37.media.tumblr.com/tumblr_m0manwwJ0C1qe49wpo1_500.jpg"><br><br>
<div style="text-align: left; padding-left: 30px;">
</div>
<b>Name</b> : Putri Z<br>
<b>Nick name</b> : Putri, Zay<br>
<b>Birth Date</b> : 09 June 1996<br>
<b>Birth Place</b> : Aceh<br>
<b>Age</b> : 18 years old<br>
<b>From</b> : Aceh, Indonesia<br>
<b>Religion</b> : Muslim<br>
<b>Language</b> : Indonesian Languange, English, Aceh.<br>
<b>Ambition</b> : Goes to Makkah, South Korea, and Japan<br>
<b>Fav Foods</b> : Nasi Putih<br>
<b>Fav Drinks</b> : Mineral Water (Air Putih)<br>
<b>Fav Colors</b> : Pink, Black, White, Ocean Blue<br>
<b>Fan of</b> : FT. Island, EXO, Luhan, SNSD, & Support for Kpop<br><br>
<b>REPLACE WITH YOUR PROFILE<br>

<div id="link" style="display:none;">
<div class="title">
Exchange Link </div>
<br>
<div class="comment">
</div>
<center>
<img src="http://confidentialness.com/wp-content/uploads/2014/01/chanel-cute-nail-polish-graphy-pink-image-favim-78161.jpg"width="500" height="300"><br><br>
<a href='http://LINK.blogspot.com'/>Friends</a>| <a href='http://LINK.blogspot.com'/>Friends</a>| <a href='http://LINK.blogspot.com'/>Friends</a>| <a href='http://LINK.blogspot.com'/>Friends</a>| <a href='http://LINK.blogspot.com'/>Friends</a>| <a href='http://LINK.blogspot.com'/>Friends</a>| Nugu?</div>
<div id="stuff" style="display:none;">
<div class="title">
Tutorial & Freebies</div>
<br>
<center>
<img src="http://vaniajapri.files.wordpress.com/2012/12/eiffel-tower-envelope-paris-photography-pink-favim-com-77998_large.jpg?w=490&h=325"width="500" height="300">
<br><br>
<center>
<b>Tutorial<b><center>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<br><br>
<center>
<b>Freebies<b><center>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
<li> <a href="url.blogspot.com">Coming Soon</a>
</div>
</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>
</table>
<div style="background:none;border-left:80px solid #ff8fc1;border-right:80px solid #ff8fc1;width:600px;height:80px;margin-top: -20px;margin-bottom: 0px;">

</body></html>

3.Carnation:

<!DOCTYPE html>
<html>
<head>
<title>Carnation ;</title>
<link rel="shortcut icon" href="http://ih2.redbubble.net/image.14548892.7802/sticker,375x360.u3.png" /> 
 
 
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
 <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
 
(function($){
 
$(document).ready(function(){
 
$("a[title]").style_my_tooltips({
 
tip_follows_cursor:true,
 
tip_delay_time:30,
 
tip_fade_speed:300,
 
attribute:"title"
 
});
 
});
 
})(jQuery);
 
</script>
 
 
 
 
 
 
 
 
 
 
<style type="text/css">
 
 
/*----HOVER LINKS----*/
 
 #s-m-t-tooltip{
 max-width:300px;
    padding:2px;
    margin:10px 0px 0px 10px;
    background-color:#424242; /*background color */
    font-family:tahoma; /*font */
    font-size:9px; /*font size */
    font-style:italic; /* can be italic, normal, etc. */
    letter-spacing:2px; /*letter spacing */
    text-transform:none; /* can be uppercase, lowercase, none*/
    color:#fff; /*text color */
    padding: 2px 4px 2px 4px;
    display: block;
    border-radius: 3px;
border:#585858 1px solid;
    margin: 24px 24px 7px 12px;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
    z-index:999999999999999999999999999999999999;
    }

/*-----SCROLLBAR----*/
 
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
height:0px;width:0px;display:block;background:#6E6E6E;border:0px solid #eee}
::-webkit-scrollbar-track-piece{background-color:#fff}
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal{background-color:#6E6E6E;border:0px solid #eee}#navbar-iframe {display: none;}

/*-----MAIN BODY-----*/
 
body {text-align:justify;font-family:cambria;font-size:11px;letter-spacing:1px;line-height:14px;color:#555;cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;background:#fff;}

blockquote {background:#fff;border-top: #ddd 1px solid;border-bottom: #ddd 1px solid; padding: 5px;}

img:hover, a:hover img { 
opacity: 1; 
filter: alpha(opacity=100); 
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
filter: alpha(opacity=100); 
-webkit-filter: grayscale(.1);
}

img, a img {
opacity:0.9;
filter:alpha(opacity=80);  
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-filter: grayscale(0.7);
cursor:url(http://i53.tinypic.com/zycxmw.png),auto; padding: 3px; border: 1px solid #e2e2e2;
}

a.link1 {
cursor: url(http://i.imgur.com/x9x1x.png), auto;
background: #fff;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:4px;
cursor:pointer;
display:inline-block;
font:10px georgia italic;
letter-spacing: 1px;
text-align:right;
width:150px;
color:#111;
padding:5px;
border-bottom:1px #e6e6e6 solid;
text-decoration:none;
height: 12px;
opacity:.9;
}

a.link1:hover{
font:11px courier new italic;
cursor: url(http://i.imgur.com/x9x1x.png), auto;color:#C7AB9E;
opacity: 0.9;
background: transparent;
color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
letter-spacing: 2px;
text-align:right;
}

.blogger-labels {
border-top: 1px solid #eee;
padding: 1px;
}

/*---TEXT---*/

c {
font-family:'georgia';
letter-spacing: 1px;
font-size: 10px;
padding: 5px;
padding-left: 6px;
padding-right: 6px;
font-style:italic;
color: #666;
}
b {
font-style:bold;
color: #111;
}
u {

padding: 3px;
padding: 7x 7px 7px 7px;
}
u:hover {
text-decoration: none;
background: #424242;
color: #FFFFFF;
padding: 7x 7px 7px 7px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

}

a:link, a:visited {
color: #111;
font-weight: bold;
cursor: url(http://i.imgur.com/x9x1x.png), auto;
text-decoration:none;
-webkit-transition: 1s;
}

a:hover{
-webkit-transition-duration:.2s;
}
 
/*----SIDEBAR----*/
 
#sidebar {
    background: url('http://www.oncewed.com/wp-content/uploads/2012/06/black-urban-earthy-saipua-flowers-wedding-ideas-inspiration.jpg');
    background-color: #fff;
    background-position: top right;
    position:fixed;
    background-repeat: no-repeat;
    width:500px;
    height:100%;
    margin-top:-8px;
    margin-left:-8px;
    text-align:left;
    padding:0px;
    opacity:.7;
    }
 
   
    #sidebar .title {

font-size: 24px;
      text-align: center;
      font-family:baskerville;
      text-transform:uppercase;
      width:210px;
      margin-top:130px;
      margin-left:120px;
      margin-bottom:5px;
      padding-left:22px;
      padding-right:22px;
      padding-top:20px;
      padding-bottom:20px;
      background: transparent;
     color: #fff;
border:  #fff 2px solid;
}
 
    #sidebar .title a{
        color: white;
        text-decoration:none;
    }
   
    #sidebar .links{
        font-size:9px;
        font-family:baskerville;
        text-align:center;
        width:210px;
        margin-left:150px;
        margin-bottom:13px;
        margin-top:13px;
        text-transform:uppercase;
        opacity:.9;
        word-spacing:6px;}
       
        #sidebar .links a{
            background:white;
            color:black;
            text-decoration:none;
            padding-left:7px;
            padding-right:7px;
            padding-top:5px;
            padding-bottom:5px;}
           
        #sidebar .links a:hover{
            background:black;
            color:white;
        }
       
   
    #sidebar .description{
        margin-left:150px;
        font-size: 10px;
        text-align: justify;
        line-height:12px;
        width:170px;
        height:auto;
        padding:12px;
        color: black;
        background:white;
        opacity:.9;
    }
   
    #sidebar .description a{
        color:black;
        text-decoration:none;
    }
   
   
#sidebar .pagination {
      width: 160px;
      text-align: center;
      padding: 10px;
      margin-left:164px;
      font-size:16px;
      opacity:.9;
      font-family:baskerville;
      word-spacing:5px;
}
 
#sidebar .pagination a {
        background:white;
        color:black;
        text-decoration:none;
        padding:2px 7px 3px 7px;
}
 
#sidebar .pagination a:hover {
        background:black;
        color:white;
}
 
 
/*---------------POSTS-----------------*/
 
#content {
      width: 550px;
      background-color: #fff;
      color: #111;
      margin: 0px 0 0px 600px;
      padding: 50px 0;
line-height: 20px;
position: absolute;
background-color:#FFFFFf;

}
 
 .main-title{margin-top:10px;text-align:left;font:italic 19px 'georgia'; color: #333; letter-spacing:1px;  background-color: #fff;margin-bottom: -2px; border-bottom: #ddd 3px double;
}

.sec-title{text-align:left;letter-spacing: 3px;font:9px century gothic;text-transform: uppercase;padding: 2px;margin-bottom:-25px;margin-top:3px;background:white;color:#aaa;}

.a1{
font: italic 11px 'georgia'; 
padding: 5px;
color: #fff; 
display: inline-block;
letter-spacing:1px;  
background-color: #424242;
letter-spacing:2px;  
margin-left: 0px;
padding-bottom: -4px;
}

.a2{

letter-spacing: 1px;
font: italic 11px print;
text-align:right;
padding-top: 5px;
padding-right: 20px;
margin-bottom:5px;
margin-top:0px;
color:#666;
}
 
/*---biases---*/

.pic {
  
    width: 250px;
   
    display:inline-block;
    }
 
.pics {
    display:inline-block;
    
   
    width: 110px;
    padding:12px 12px 1px 12px;
    background: #fff;
    -webkit-transition-duration:0.8s;
    -moz-transition-duration: 0.8s;}
 
.pics:hover .hover{
    opacity:1;
    -webkit-transition-duration:0.8s;
    -moz-transition-duration: 0.8s;}
 
.pics img {
padding: 0px; border: 0px solid #e2e2e2;
   
   filter: alpha(opacity=100); 
-webkit-filter: grayscale(0.9);
    width: 120px;
    height: 120px;
    text-align: center;}
 
.hover {
z-index: 99;
    position:absolute;
    background:#f5f5f5;
    width:120px;
    height:120px;
    font-size: 9px;
    font-family: calibri;
    color: #111;
    line-height: 100%;
    opacity:0;
    -webkit-transition-duration:0.8s;
    -moz-transition-duration: 0.8s;
border-radius:0px;
}

</style>
 
 
</head>
<body>
 
<div id="sidebar">
    <div class="title">
carnation</div>
<br>
<center>
<img style=" border-radius: 500px; width:90px; background: #fff; border:1px solid #fff; padding:3px; opacity: 1; filter: alpha(opacity=100); 
-webkit-filter: grayscale(0.1) " src="http://a1.s6img.com/cdn/0007/p/1442616_3325093_b.jpg" ><br><br></center>
<div class="description">
Travel far and wide. Meet new people and start a new life.
</div>
<br>

<center>
    <a class="link1" onClick="changeNavigation('profile')">Profile<a> <br>
<a class="link1" onClick="changeNavigation('tuto')">Beloved<a> <br>
 <a class="link1" onClick="changeNavigation('stuff')">Story<a> <br>
<a class="link1" style="font-weight: normal;" href="javascript:void(0);" onclick="window.open('http://CBOXNAME.cbox.ws','ratting','width=500,height=540')">Message</a> <br>
<a class="link1" style="font-weight: normal;" href="http://www.blogger.com/follow-blog.g?blogID=URBLOGID">+ Follow</a>
</center>
<br>
    <div class="pagination">
<olderposts><a href="<$OlderPosts$>">«</a></olderposts>
<newerposts><a href="<$NewerPosts$>">»</a></newerposts>
</div>
</div>
<div id="content">

<$BlogItemBody$>
</div>
</div>
</div>
</blogger>

<div id="profile" style="display:none">
<div class="main-title">
 The Author </div>
<div class="a2">
trapped in her own thoughts</div>
<br>
<center>
<img src="http://25.media.tumblr.com/84f6aadb5d3c6fe72cb018c68d26b02c/tumblr_mx7z1r2fQz1rv4mfto1_400.jpg" align="center" style="width: 350px; padding: 3px; border: 0px solid #e2e2e2; opacity:1;"></center>
<br>
<br><br>
In Korea, the carnation takes on very serious symbolism. There, a young girl may put three carnations in her hair to tell her fortune. If the top flower dies first, the girl knows that her last years of life will be difficult. If the middle flower dies first, her youth will be difficult. But, if the bottom flower should die first, the girl is told that her whole life will be miserable.
<blockquote>
Change this with yours.
</blockquote>
<br><br><br></div>
<div id="stuff" style="display:none">
<blogger>
<div class="main-title">
 <$BlogItemTitle$> </div>
<div class="sec-title">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
<br><br>

<$BlogItemBody$>
</div>
</div>
</div>
</blogger>
</div>
<div id="tuto" style="display:none">
<div class="main-title">
Friends</div>
<div class="a2">
if humans are flowers then this life is a garden</div>
<br>

a.moe {
border-bottom:0px solid #eee;
font-size: 11px;
font-family: Trebuchet Ms;
display:inline-block;
text-align:center;
width: 110px;
color: #fff;
background: #424242;
padding:5px;
margin:3px;
text-align:center;
text-decoration: none;
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
a.moe:hover          {
border-bottom:0px solid #D8D8D8;
display:inline-block;
text-align:center;
color: #111;
background:#ffffff;
-webkit-transition-duration:.5s;
}

</style>

<div class="separator" style="clear: both; text-align: center;">
</div>
<center>
<a class="moe" href="http://www.masqued.tk">ILLI</a> 
<a class="moe" href="http://LINK.blogspot.com/">ROSES</a> 
<a class="moe" href="http://LINK.blogspot.com/">DAISIES</a> 
<a class="moe" href="http://LINK.blogspot.com/">TULIPS</a>

<a class="moe" href="http://LINK.blogspot.com/">LILIES</a> 
<a class="moe" href="http://LINK.blogspot.com/">ROSES</a> 
<a class="moe" href="http://LINK.blogspot.com/">DAISIES</a> 
<a class="moe" href="http://LINK.blogspot.com/">TULIPS</a> 
</center>
<center>
</p>
<i><a href="http://whykhantheme04.tumblr.com/">Inspired</a></i>. Skin by <a href="http://www.blogskins.com/me/illishuhada">Illi</a> <a href="http://www.masqued.tk/">Shuhada</a>. Do not open page source!

</div>
</div>
<script> function changeNavigation(id)
{document.getElementById('content')
.innerHTML=document.getElementById(id).innerHTML}
</script>

4.Photography Attack

html>
<head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC|Imprima|Delius' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cookies|Gochi+Hand' rel='stylesheet' type='text/css'>

<center>
<img class="header" src="http://i.imgur.com/bNwcZOC.png" /></center>
<title>Photography Attack ;</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m89w0thStZ1qdlkyg.gif" />

::-webkit-scrollbar {
width: 7px;
height: 7px;
}

::-webkit-scrollbar-track-piece {
background:#CBFAFF;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#57FFB1;
border-top: 8px solid #FFFFFF;
border-bottom: 8px solid #FFFFFF;
border-radius: 35px;
}

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

body {
color: #2E2E2E;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFZXsnzu4OXgvZI9oSi188klashBoliJLJLtb2Jx5guTCImV-dJQASW2VPl0OeNDJ4DDtfQcWBybbyBuM4Tvg8_yrq5fm50syTzKFLkFDh5UCCnWu7r_9BzekdvYXusdPBKmYItXA8Tes/s1600/dd.png);
background-attachment:inherit;
cursor: url(http://static.tumblr.com/xjqjg7j/dYsmxtrw3/19.png), auto;
font-family:Delius;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

a:link, a:visited {
color:#757575;
font-family: Annie Use Your Telescope;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://media.tumblr.com/aef9d1b64368dfa201b95c94b2eccb10/tumblr_inline_mki7y38y3U1qz4rgp.png), progress;
}

a:hover{
cursor: url(http://media.tumblr.com/aef9d1b64368dfa201b95c94b2eccb10/tumblr_inline_mki7y38y3U1qz4rgp.png), progress;
color: #FFFFFF;
text-decoration: none;
background: #BFFFE8;
}

.navi{
padding: 3px;
display: inline-block;
text-transform: uppercase;
font: 8.5px Short stack;
letter-spacing: 2px;
width: 120px;
text-align:center;
margin:2px ;
border-left:10px solid #57FFB1;
border-right:1px solid #57FFB1;
border-bottom:1px solid #57FFB1;
border-top:1px solid #57FFB1;
background:#CBFAFF;
box-shadow:inset 0px 0px 0px #bdbdbd;
}
.navi:hover{
color:white;
box-shadow:inset 135px 0px 0px #57FFB1;
border-left:1px solid #F2FFFF;
border-right:10px solid #F2FFFF;
border-bottom:1px solid #F2FFFF;
border-top:1px solid #F2FFFF;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
border-radius: 20px;
}

a.navigatee {
box-shadow: inset 0px 0 0px 0 #fff;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
margin:5px;
text-decoration:none;
color:#555;
background:#57FFB1;
display:inline-block;
width:200px;
padding:2px;
text-align:center;
border:1px solid #57FFB1;}

a.navigatee:hover{
box-shadow: inset 850px 0 0px 0 #57FFB1;}

.date-header {
background-repeat: no-repeat;
background-position:left center;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: #EBFEFF;
text-align: center;
margin: 0;
padding: 0;
font-family: Gochi Hand;
color: #74A19A;
}

.tit {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFZXsnzu4OXgvZI9oSi188klashBoliJLJLtb2Jx5guTCImV-dJQASW2VPl0OeNDJ4DDtfQcWBybbyBuM4Tvg8_yrq5fm50syTzKFLkFDh5UCCnWu7r_9BzekdvYXusdPBKmYItXA8Tes/s1600/dd.png);
border: 1px dashed #C6EFFF;
font-family:Amatic SC;
font-size: 15px;
text-align:center;
text-shadow: 2px 1px 2px #F2F2F2;
border-bottom:2px solid #B3FFDF;
border-left:2px solid #B3FFDF;
border-right:2px solid #B3FFDF;
font-weight:normal;
color: #7A9CA5;
}

.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: Amatic SC;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPK8s0upTespr3cMwHcfIcL-91UnV5kRzvGwKxVYg5KhSzqzHoQ5yr70bKt_x77_32sK_Qs3_zX2wVvGuVPnRN_VGdKgjorfpvQPBirGyh627sU8JmyvYuj10DMJ5XKvnVdE2t3kwIPEo/s1600/ee.png);
}

::selection {
background-color: #57FFDE;
color: #fff;
}
::-moz-selection {
background-color: #ECFAFF;
color: #666;
}

.footer {
margin-top: 2px;
margin-bottom: 15px;
background: #ACE5FF;
text-align: center;
border-bottom: 1px dashed #80BAAF;
}

blockquote{
background:url(http://i.imgur.com/ODE79sh.jpg);
padding:10px;
color:#000;
letter-spacing:1px;
border-radius:10px;
border:2px solid #ccc;
-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(http://i.imgur.com/ODE79sh.jpg);
background-position:50% 50%;
}

u {
text-decoration:none;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVFk0pD4tmn6_hlrb3KE-J06SPgq_4-uU2zfh6QTpypeg6MBm_yNYPV_-GZpZat9HuzfqCUvGu7y0EUmKF652EJOZ4FfzvnTjCA7Tau66YfMD390c_dTMbT-VyDFJAYW5pMUvJqg35y00/s1600/dashedborder.png);
padding-top:8px;
padding-bottom:12px;
}

b {
color: #CEE3F6;
}

i {
color:#A9FFDA;
}
s, strike {color: #f2f2f2;}
#ck{ 
background:#f0eeeb; 
color:#000;
width:230px; 
height:142px; 
margin-top:-147px; 
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1; 
-webkit-transition:all .5s ease-in-out; }
#ck:hover{opacity:.7}
strike {
text-decoration: line through;
color:#99CAF7;
-webkit-transition: .5s;
}
strike:hover {
color: transparent;
-webkit-transition: .5s;
}
li {
list-style-image:url(http://media.tumblr.com/tumblr_m89ss5TCAd1qdlkyg.gif);
}
li:hover {
list-style-image:url(http://media.tumblr.com/tumblr_m89sseEF6h1qdlkyg.gif);
}
a.navvv{
box-shadow: inset 0px 0 0px 0 #fff;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
margin:5px;
text-decoration:none;
color:#555;
background:#FFF7E9;
display:inline-block;
width:100px;
padding:2px;
text-align:center;
border-top:1px solid #C2FFDD;
border-bottom:1px solid #C2FFDD;
border-radius:20px;
}

a.navvv:hover{
box-shadow: inset 850px 0 0px 0 #FFF7E9;
}

/* Comments
----------------------------------------------- */
#comments h4 {margin:1.8em 0; font-family: Delius; font-size:10px; text-transform:uppercase; color: #B0BBB7; line-height:10px; border-bottom: 1px dashed #46FFBC; background:url(http://i.imgur.com/PgnlS.png) ; font-weight:normal;}
#comments h4 strong {font-size:8pt Short Stack;}
#comments-block {background: ; font:normal 8pt Short Stack; line-height:1.2em; padding:4px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt Imprima; text-align:left; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p {margin:0 0 .75em; padding:4px; background:url(http://i.imgur.com/PgnlS.png); border:1px solid #A1E2FF; border-radius:2px; border-radius:10px;}
.deleted-comment { font-style:italic; color:gray;}
.paging-control-container { float: left; margin: 0px 0px 0px 0px; font-size: 80%;}
.unneeded-paging-control { visibility: hidden;}

</style>
</head>
<body oncontextmenu='return false;'>
<br>

<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">Owner</a>

<a class="navi"  onClick="document.getElementById('entry').innerHTML=document.getElementById('freebies').innerHTML" title="">Freebies</a>

<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('tutorial').innerHTML" title="">Tutorials</a>

<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" title="">Linkies</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('all').innerHTML" title="">Other</a>
</center>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:200px; padding-right:0px;">

<div class="tit">
Welcome!</div>
<br>
<center>
Hover the image<br></center>
<style type="text/css">
.navs {
width:100%;
height:120px;
padding-top:3px;
padding-bottom:3px;
margin-top:0px;
font-size:11px;
font-family:short stack;
text-align:center;
opacity:0;color:#777;
background-color:#FFFEB8;
-webkit-transition: opacity 1s linear;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;}

.navs a {
color:pink;}

.outside:hover .navs {
opacity:1;}

.outside {
float:left;
margin-right:2px;
height:126px;
width:97%;}

#outside1 {
border:2px dashed #A8E5F0;
background-image:url('https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/v/t34.0-12/10264918_635750923174643_2051466583_n.jpg?oh=57815f8a47418aa4f3280f0b97a44bfd&oe=535C7280&__gda__=1398561093_6054b5609233eaa64405267a62561d82');
background-color:#555;} </style>

<div class="outside" id="outside1">
<div class="navs">
Assalammualaikum. Welcome here. Please do not open my pagesource. hate me? <a href="javascript:window.close();">here</a>
<center>
<a class="navigatee"<a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID"target="_blank" title="follow?">Follow</a> <a class="navigatee "<a href="http://www.blogger.com/home"target="_blank" title="Come again:)">Dashboard</a></div>
<br><br>
</center>
</center>
</div>
</div>
<br>

<div class="separator" style="clear: both; text-align: center;">
<br>
<div class="tit">
Tagboard!</div>
<br>
<center>
<img src="http://i.imgur.com/oqBqcRU.png"/></center>
</div>
<center>
Put Your Own!!</center>
<br>

<div class="tit">
Credits!</div>
<br>
<center>
<img height="142" src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-prn2/v/t34.0-12/10268401_635750916507977_30271699_n.jpg?oh=67c3a0fccdd1bbb76502816f4f0b4856&oe=535C845C&__gda__=1398557617_e85bbb18bb4e6f7b68d3a965a3d9387c" width="230" /></center>
</div>
<br>
<img src="http://i798.photobucket.com/albums/yy265/chumaniac/pix/bulletkann1.gif" style="text-align: left;" /> Template: <a href="http://nyimasamaliablog.blogspot.com/">Nyimas </a>and <a href="http://raihaniputrihidayati.blogspot.com/">Ani</a><br>
<img src="http://i798.photobucket.com/albums/yy265/chumaniac/pix/bulletkann1.gif" style="text-align: left;" /> Basecode: <a href="http://elmoblaster.blogspot.com/">Dilla </a> <a href="http://www.blogskins.com/me/adillashahirah">Eyra</a><br>
<img src="http://i798.photobucket.com/albums/yy265/chumaniac/pix/bulletkann1.gif" style="text-align: left;" /> Some help: <a href="http://nurulatiqahjaidin.blogspot.com">â™¥</a> <a href="http://chocollyheart.blogspot.com/">â™¥</a><a href="http://wanaseoby.blogspot.com/"> â™¥</a> <a href="http://www.tumblr.com/dashboard">â™¥</a> <a href="https://www.google.com.my/">â™¥</a>
<!----- DONT REMOVE THE CREDITS -------!>
</div>
<br><br>

<div class="sidefooter">
<center>
<olderposts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <newerposts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div>
<br>
</div>
<td valign="top" style="width:600px; padding-left:5px; border-left:1px solid #ccc; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="date-header">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> <$BlogItemDateTime$></div>
<div class="tit">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<br>
<$BlogItemBody$></br>
<div class="footer">
Written by me @ <$BlogItemDateTime$> | <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;"></b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Photographer (s)</a></BlogItemCommentsEnabled></div>
<div style="text-align:left;" ">

<itempage>
<div id="comments">
<blogitemcommentsenabled><a name="comments"></a>
<h4>
<$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>

</blogger>
</div>
</td></tr>
</tbody>
</table>
<div id="all" style="display: none;">
<div class="date-header">
Other</div>
<div class="tit">
All I Want Is Everything</div>
<br>
<center>
<img src="http://ourshutterjourney.files.wordpress.com/2012/12/img_5109.png?w=496&h=279"</center>
<br />
<center>
Put Everything You Wan't Here!</center>
</div>
<div id="about" style="display: none;">
<div class="date-header">
Profile</div>
<div class="tit">
This is me!</div>
<br>
<center>
<img src="http://davidsmcnamara.typepad.com/.a/6a0115703e9441970c01761702865b970c-pi" width="400" height="330"></center>
<br>
<div style="text-align: center;">
This is my mini bio. Everything behnd the screen.</div>
<br><br>

<b>Name</b> - ???<br>
<b>Know as </b> - ???<br>
<b>Age</b> - ??? Years Old<br>
<b>Location</b> - ???<br>
<b>Birthday</b> - ???<br>
<b>Bestfriends</b> - ???<br>
<b>Likes</b> - ???<br>
<b>Hate</b> - ???<br><br>
<center>
Replace with your OWN profile!!</center>
<br>
<br>

<div id="diary" style="display: none;">
<blogger><div class="date-header">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> <$BlogItemDateTime$></div>
<div class="tit">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">
Written by me at <$BlogItemDateTime$> | <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;"></b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Photographer(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="links" style="display: none;">
<div class="date-header">
Affiliates</div>
<div class="tit">
Exchange Link With Me?!</div>
<br>

<center>
<img src="http://jenstersmusings.files.wordpress.com/2011/09/photography-love.jpg" width="497"></center>
<br>
Exchange links with me? Tell me on ... . Put my name <b>...</b> You delete me, I delete you.deal? <br><br>
<center>
<a class="navvv" href="http://elmoblaster.blogspot.com//">Nuradilla</a>
<a class="navvv" href="http://nyimasamaliablog.blogspot.com//">Li</a>
<a class="navvv" href="http://raihaniputrihidayati.blogspot.com//">Ani</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a>
<a class="navvv" href="http://.blogspot.com//">Friends</a><br><br/></center>
<br>
</div>
<div id="tutorial" style="display: none;">
<div class="date-header">
Tutorials</div>
<div class="tit">
This is For You</div>
<br>
<center>
<img src="http://i.imgur.com/BZnTRYb.png" width="400" height="200"></center>
<br>
<center style="text-align: left;">
<u>Tutors</u></center>
<br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Tutorials : <a href="http://.blogspot.com/">Coming soon..</a><br>
<br><br></div>
<div id="freebies" style="display: none;">
<div class="date-header">
Stuffs</div>
<div class="tit">
The Best Things</div>
<br>
<center>
<img src="http://i.imgur.com/BZnTRYb.png" width="400" height="200"></center>
<br>
<center style="text-align: left;">
<u>Freebies</u></center>
<br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<img src="https://31.media.tumblr.com/94e70f3d9ed2a72c83cdc28157bd499b/tumblr_inline_n2pi8fUD4h1qdlkyg.gif"/> Freebies : <a href="http://.blogspot.com/">Coming soon..</a><br>
<br>
<br>
</div>
</body>
</html>

2014. június 23., hétfő

Újabb teljes designek :))

1 megjegyzés:

▲Disco lista▲

Megne próbáld!