Gallery Zone

                                                              

 

DOWNLOAD   DEMO-BLOG

Lineaments:

-Gallery Zone  is 3 Column  Blogger Template ,

- Right sidebar,  posts thumbnails, tabs

- It's Free and Gallery Blogger Template Template.

-Compatible with All Major Browsers

-Best for Website Blog , For Tech Blog

-Designer Of Template Given Inside XML file.


-----------------------------------------------------------------------------------

here you can change body style dimensions of template

body {
background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0raj9iuWm95zyqxFCsy6W-vxRV5R6PyVMmyzwugfohiofwMnGOoyOaIHJvPuSaEG_6Mrrs8X8xfX4GxOtFAT5PntttDEKLyalcqzZdZfW1NsFzcwY-DH9umUzw7Y1ZVJjrt2aAgNUF32p/s0/body_bg.png);
color: #191919;
font: 12px Verdana;
margin:0;
text-align:center;
}
a {
color: #a72d10;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #e27f3c;
}

----------------------------------------------------------------------------------------

This is header style of template

#navbar-iframe {
display:none;
}
#header-wrapper {
height:180px;
margin:0 auto;
width:970px;
}
#header {
color:#FFFFFF;
text-align:left;
width:420px;
float:left;
height:105px;
overflow:hidden;
}
#header h1 {
margin:5px 5px 0;
padding:15px 0px .25em;
line-height:1.2em;
text-transform:Normal;
font-size:2.8em;
color:#ffffff;
}
#header a {
text-decoration:none;
color:#ffffff;
}
#header .description {
margin:0 5px 5px;
line-height: 1.4em;
color: #cc6633;
font-size: 12px;
font-weight:bold;
text-transform: Normal;
padding-left:10px;
}
#header img {
margin-left:auto;
margin-right:auto;
}
--------------------------------------------------------------------------------------


top banner ad design code

.ad {
margin:0;
padding:0;
text-align:center;
}
#top-widget {
float:right;
margin-top:30px;
width:468px;
height:60px;
background:#000;
border:1px solid #454545;
padding:3px;
}


-------------------------------------------------------------------------------------


Wrapper style dimensions


#outer-wrapper {
width: 970px;
margin: 0 auto;
text-align:left;
}
#cwrapper {
width: 970px;
margin-top:20px;
background:#000;
}
#main-wrapper {
width: 640px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 330px;
float: right;
word-wrap: break-word;
overflow: hidden;
}


-----------------------------------------------------------------------------------

Post are look and style

.post {
width: 250px;
height:198px;
float: left;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
background:none;
margin-bottom: 20px;
margin-right:20px;
margin-left:10px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipwsjdJwpRKw3m-3-Se-3WL9JY_PEHalnvyVDhZLUcuPjbzQixHHnT_Xuwpb8jQEjH7uoM7pyatQArjLL1m0MH8dgTgRLC60vMWTYv3SvaZrm3ydjUB5729btBfu7VuvYRI0JI-bKuPSNQ/s0/post_bg.png);
border:1px solid #363636;
border-radius:10px;
}