//test blog

<html>
<head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<base target='_blank'/>

<!------------------------------------------------
Blogger Classic Template
Name: Blogskin Gallery ♥
Skin by: kawaiilady.blogspot.com
*Don't remove this*
*Don't remove credit section*
*Don't use this skin as basecode*
------------------------------------------------!>

<script language="JavaScript">
/*
script edited by David Gardner (toolmandav@geocities.com)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/

//put your text here
var theText = "Blogskin Gallery ♥";

function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (52*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}

function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}

function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>

<title>//Blogskin</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m7eta8Mozk1qb1380.gif">
<style type="text/css">
#navbar-iframe {display: none;
}
</style>
<style>
body {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhmaJiJALAGBw3kbd0IyaLlRv4O0U4NkMej-3Z0Oxw2sSIqtUbo43cf8hyphenhyphen9FLwwZ9WljefePW7hqGC8fY9gzNg5xC019Li-CSU2Yu5MNIdAgZHDJ2IO4JGS_QzjHL2n4h5znK4TAxqbzs/s1600/polkadpur.gif);
background-attachment:fixed;
font:12px century gothic;
color:#A99884;
}
body, a, a:hover {
cursor: url(http://media.tumblr.com/tumblr_m2wivnHUdG1qfamg6.gif), auto;
}
::-moz-selection {
background:#F4E0C9;
color:#ffffff;
}
::selection {
background:#F4E0C9;
color:#ffffff;
}

a:link, a:visited {
text-decoration:none;
color:#444444;
}
a:hover{
text-decoration:none;
}
::-webkit-scrollbar {
width: 11px;
height: auto;
}
::-webkit-scrollbar-track-piece {
background:#F4E0C9;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#A99884;
}
.main {
background-color:white;
background-image:url(http://24.media.tumblr.com/tumblr_lq9n070Lqb1qjex46o7_250.jpg);
border-radius:20px;
box-shadow:0px -2px 3px #CCCCCC,0px 3px 3px #CCCCCC;
border:5px solid #FFFFFF;
padding:5px;align:center;
width:800px;margin-bottom:25px;
text-align:justify;
}
.domain {
background-color:white;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqEKPxpnRjgsIT6ssZY823jB84ag9NRLNwv8d4CE4pNfEQMbl9P-wh8NQZlatsmD4D7xlRAjujROG0fYFYNz2Ur84YYFmc3GHG20czwRKjoWAEuqzNRkYevEXAdRmrzuARRRRQiIDt-CHT/s1600/polkadotbrown.gif);
border-radius:20px; margin-bottom:20px;
box-shadow:0px -2px 3px #CCCCCC,0px 3px 3px #CCCCCC;
border:5px solid #FFFFFF;
padding:5px;align:center;
width:800px;
text-align:justify;
}
.gal {
width:340px;height:230px;
margin: 10px;
display:inline-block;
background:#F8E8D1;
border:5px solid #F0DDC5;
overflow: hidden;
position: relative;
text-align: center;
}
.gal .mask,.gal .content {
width: 340px;
height: 230px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.gal img {
width:350px;height:230px;
display: block;
position: relative;
}
.gal h2 {
text-transform: uppercase;
color: #111111;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px; box-shadow:0px 2px 2px 2px #F3CEFF;
background:url(http://24.media.tumblr.com/tumblr_lq9n9b4Ded1qjex46o3_250.gif);
margin: 20px 0 0 0;
}
.gal p {
background:#DFCCB0;
font-style: italic;
font-size: 13px;
position: relative;
color: #FFFFFF;
padding: 10px 20px 20px;
text-align: center;
}
.gal a.info {
width:130px;
display: inline-block;
text-decoration: none;
padding: 6px 4px;
background: #C9AA82;
color: #fff; margin:3px;
font-size:15px;
text-transform: uppercase;
border-bottom:5px solid #B59366;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.gal a.info:hover {
box-shadow:inset 0px 27px 0px #E6D6BD;
}
.gal-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.gal-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: #EBCAFF;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.gal-first h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-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;
}
.gal-first p {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.gal-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.gal-first a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-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;
}
.gal-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.gal-first:hover h2,
.gal-first:hover p,
.gal-first:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.gal-first:hover p {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.gal-first:hover a.info {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.footer {
background-color:white;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border:5px solid #FFFFFF;
text-align:center;
padding:5px;
width:95%; margin-bottom:5px;
}
</style>
<td valign="top" width:950px;">
<center>
<div class="main">
<blogger>
<body onload="doWave(0)"><div ID="theDiv" align="center">
</div></center></body>
<center>
<div class="domain">
<center>
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<br />
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<br />
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<br />
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<br />
<div class="gal gal-first">
<img src="IMAGEURL" />
<div class="mask">
<h2>TITLE</h2>
<p>DESCRIPTION</p>
<a href="PREVIEWURL" class="info">Preview</a>
<a href="POSTURL" class="info">Read More</a>
</div>
</div>
<div class="gal gal-first">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFpgEq7WLQNnUJOq8abhwZigz8pZt3OYZnlFgfgo2R4F9vmIbSZLAG3pDAKamuCLthDmlh_y0b12R93eK64jcs3ggCG6ZT1YlJG_ZgSRE18mQ8SbXesgIJVsqo_6FdEgl8iEPGH7E8F1k/s1600/csoon.gif" />
<div class="mask">
<h2>Stay Tuned</h2>
<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</p>
<a href="#" class="info">Preview</a>
<a href="#" class="info">Read More</a>
</div>
</div>
<!-------- Don't remove credit section --------!>
<div class="footer">Skin By <a href="http://kawaiilady.blogspot.com/">Kawaii Lady</a> Title Effect from <a href="http://www.dynamicdrive.com/">This Blog</a> Image Effect from <a href="http://tympanus.net/codrops/">This Blog</a> Edited By <a href="http://YourURL.com/">Me</a>
</div>
</div>
</center></blogger>
</body></html></table></head>