'Picture this' is a famous premium theme in wordpress.Here is the blogger version for it.You can download it free.How to apply the template
1. Open your blogger account.
2. Go to designs --> Edit html
3.Now upload the bloggertemplate.html file from your hard drive which you have downloaded.
4.Now save template
5.When you do so you will be asked whether to keep or delete widgets.Click on Keep widgets(important).
Another way
1. Open your blogger account.
2. Go to designs --> Edit html
3.Now delete all the html codes there and paste the below code in it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dracoweb</title>
<script src='https://blogo.googlecode.com/svn/trunk/Picture this-blogger/jquery.js' type='text/javascript'></script>
<script src='https://blogo.googlecode.com/svn/trunk/Picture this-blogger/slido.js' type='text/javascript'></script>
<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
<script src="https://blogo.googlecode.com/svn/trunk/Picture this-blogger/Bebas_Neue_400.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('.bebas_neue', { fontFamily: 'Bebas Neue'});
</script>
<script type='text/javascript'>
Cufon.replace('.menu');
Cufon.replace('h1');
Cufon.replace('h2');
Cufon.replace('h3');
Cufon.replace('h4');
Cufon.replace('h5');
Cufon.replace('h6');
</script>
<b:skin><![CDATA[
#navbar-iframe,#navbar { display: none !important; }
]]></b:skin>
</head>
<style>
body
{
width:100%;
height:100%;
margin:0;
padding:0;
}
h3
{
color:#FFF;
font-size:45px;
margin:5px;
padding:0;
margin-left:0px;
}
#myGallery
{
}
#myGallery img{
display:none;
position:absolute;
top:0;
left:0;
position:fixed;
height:100%;
width:100%;
overflow:scroll;
margin-top:0px;
z:index:2;
}
#myGallery img.active{
display:block;
}
#myGallery img.deactive{
display:block;
}
.menu
{
!background-color:#000;
height:auto;
width:auto;
vertical-align:middle;
color:#fff;
padding:0px;
font-size:36px;
position:relative;
margin-top:7px;
margin-left:-2px;
position:fixed;
z-index:4;
}
.menu table:hover
{
padding-left:15px;
background-color:#000;
}
.menu table
{
-webkit-box-shadow: 0px 1px 5px 0px #000;
-moz-box-shadow: 0px 1px 5px 0px #000;
box-shadow: 0px 1px 5px 0px #000;
background-color:#000;
vertical-align:bottom;
}
.menu td
{
vertical-align:middle;
padding:1px 5px 1px 10px;
font-size:24px;
height:30px;
}
/*.link:hover
{
padding-left:20px;
}*/
#home
{
}
.showsub
{
background-color:#FFF;
color:#000;
padding-left:0px;
display:inline-table;
}
.showsub td
{
background-color:#FFF;
border:thin solid #ccc;
font-size:18px;
color:#000;
}
.showsub tr
{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.sub
{
display:none;
color:#000;
font-size:18px;
vertical-align:middle;
}
.sub td
{
color:#000;
font-size:18px;
vertical-align:middle;
}
#wrapper
{
width:720px;
top:0px;
z-index:2;
margin-left:230px;
position:absolute;
}
#content
{
height:auto;
background-color:#000;
z-index:2;
color:#ccc;
margin-top:40px;
margin-bottom:40px;
padding:20px;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
-webkit-box-shadow:#CCC;
-moz-box-shadow:#CCC;
box-shadow:#CCC;
line-height:15px;
}
#content-tab
{
width:100%;
height:auto;
}
#content-tab img
{
max-width:450px;
max-height:400px;
float:none;
margin:4px;
}
#widgets
{
width:200px;
vertical-align:top;
}
#matter
{
vertical-align:top;
padding-right:30px;
}
a
{
text-decoration:none;
outline:none;
color:#fff;
}
.show
{
display:block;
}
.hide
{
display:none;
}
#loading
{
position:absolute;
top:50%;
left:50%;
}
</style>
<body>
<div id='loading' class='show'>
<img src='https://blogo.googlecode.com/svn/trunk/Picture this-blogger/loading.gif'/>
</div>
<div id='myGallery'>
<img src='https://blogo.googlecode.com/svn/trunk/Picture this-blogger/yellowbikini3.jpg'/>
<img src='https://blogo.googlecode.com/svn/trunk/Picture this-blogger/sadf.jpg'/>
<img src='https://blogo.googlecode.com/svn/trunk/Picture this-blogger/nature-wallpaper-hd-nature-wallpaper-HD-861803-797684-1.jpg'/>
</div>
<div class='menu' style='margin-top:80px;'><table><tr><td style='padding:15px;'><img src='https://blogo.googlecode.com/svn/trunk/Picture this-blogger/logo.gif' style='height:46px;width:152px'/></td></tr></table></div>
<div class='menu' style='margin-top:180px;'><table cellspacing="-1"><tr><td class='link'>HOME</td></tr></table></div>
<div class='menu' style='margin-top:220px;'><table cellspacing="0" class='main'><tr><td class='link'><a href=''>SHORTCODES</a></td><td style="padding-right:0px"><table class='sub' id='0' cellspacing="-10"><tr><td>DROPDOWN</td><td>SINGLE PORTFOLIO</td><td>CONTACT</td></tr></table></td></tr></table></div>
<div class='menu' style='margin-top:260px;'><table cellspacing="-1" class='main'><tr><td class='link'>PAGE TEMPLATES</td><td style="padding-right:0px"><table class='sub' id='1' cellspacing="-10"><tr><td>DROPDOWN</td><td>SINGLE PORTFOLIO</td><td>CONTACT</td></tr></table></td></tr></table></div>
<div class='menu' style='margin-top:300px;'><table cellspacing="-1" class='main'><tr><td class='link'>PORTFOLIO</td><td style="padding-right:0px"><table class='sub' id='2' cellspacing="-10"><tr><td>DROPDOWN</td><td>SINGLE PORTFOLIO</td><td>CONTACT</td></tr></table></td></tr></table></div>
<div class='menu' style='margin-top:340px;'><table cellspacing="-1"><tr><td class='link'><a href='' class='maino'>BLOG</a></td></tr></table></div>
<div class='menu' style='margin-top:380px;'><table cellspacing="-1"><tr><td class='link'>CONTACT</td></tr></table></div>
<div id='wrapper' class='hide'>
<div id='content'>
<table id='content-tab'>
<tr>
<td id='matter'>
<b:section id='post-contents'>
</b:section>
</td>
<td id='widgets'>
<b:section id='widgets'>
</b:section>
</td>
</tr>
</table>
</div>
</div>
</body>
<script type="text/javascript"> Cufon.now(); </script>
</html>
4.Now save template
5.When you do so you will be asked whether to keep or delete widgets.Click on Keep widgets(important).
If u have any doubts please ask me through comments.
Enjoy :) :) :)
No comments:
Post a Comment