Zero Gravity Blogger Template
If Static Pages has an error with your browsers such as Firefox and Chrome, please attention note the updates
Free Zero Gravity Blogger Template is an elegant magazine style blogger template with rich of css3 effect. It's a 2 column blogger template with 3 column footer, automatic featured content, tabview ready, social widget ready, and more. This template compatible with most browsers but for perfect view, dont use Internet Explorer because IE doesn't support CSS3 effect
Similar Templates : Pre Live Mag Blogger Template & whitePress Blogger Template
Author and Designer : ireng_ajah - DheTemplate.com / WordPress Theme 2 Blog
Setting Zero Gravity Blogger Template
Setting Menu
Go to Design > Edit HTML and find this code below :
<div class='menu'> then
<li><a href='http://www.dhetemplate.com/'>DheTemplate</a></li>
Change the red color with your Link and Title menu. Change too for another menus
Setting Featured Content
Go to Design > Edit HTML and find this code below :
<div id='featured'>
You will see featured code like this :
<div class='contentdiv'>
<div class='thumbnailz'>
<img alt='ALT_IMG' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEK2BJsx1XrTI70XXaQqjcoISx-nazglh5GMC0VX_lU0DfMkEdLJT84I-S4MfpSaJp9vtwUqOf570iB-OP2ZSYZpfSxaLwiPXQtSIpgvbQ1ryoXiMbF9boL-qcc7kRgxbLxR2SNtvQqu_R/s1600/300.png'/>
</div>
<div class='desc'>
<h2><a href='http://www.dhetemplate.com/'>DheTemplate.com</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat <a href='#LINK'>Readmore...</a></p>
</div>
</div>
Change :
Red color with your IMG ALT and image url
Blue color with your link and title link
Green color with your short description
Setting Email feed, Facebook, Twitter and RSS Feed
Go to Design > Edit HTML and find this code below :
<div class='feed'>
You will see subscribe code like these :
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('EMAIL_SUBCRIBE_HERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == "") {this.value = "Sign up email feed...";}' onfocus='if (this.value == "Sign up email feed...") {this.value = "";}' type='text' value='Sign up email feed...'/>
<input name='uri' type='hidden' value='YOUR_FEED_NAME'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Subscribe'/></form>
Change the EMAIL_SUBCRIBE_HERE with your email feed link and YOUR_FEED_NAME with your email feed name
Then, change the :
FACEBOOK_LINK_HERE with your Facebook link
TWITTER_LINK_HERE with your Twitter link and
SUBCRIBE_RSS_FEED with your RSS Feed link
Setting Banner ad 125 x 125px
For perfect view banner ad 125 x 125px, the code look like this below :
<div class='banner'>
Your banner ad codes here
</div>
** Updates **
Go to Design > Edit HTML and find this code below
.crosscol .PageList li, .PageList li{
margin:0;
padding:0;
outline:none
}
.PageList{
padding:0;
margin:0;
float:left;
width:700px;
}
.PageList li a{
line-height:1.6;
font-size:14px;
font-weight:bold;
margin:0;
padding:8px 15px;
display:block;
color: #456773;
}
.PageList li a:hover{
color: #eee;
}
.PageList li.selected a{
color: #eee;
text-decoration:none;
}
Change that code with this one :
#PageList1{
padding:0;
margin:0;
float:left;
width:700px;
}
.crosscol .PageList li, .footer .PageList li, .crosscol .PageList ul, .footer .PageList ul {
float: left;
list-style: none;
margin: 0;
padding:0;
}
.PageList li a{
line-height:1.6;
font-size:14px;
font-weight:bold;
margin:0;
padding:8px 15px;
display:block;
color: #456773;
}
.PageList li a:hover{
color: #eee;
}
.PageList li.selected a{
color: #eee;
text-decoration:none;
}
Then add this code below to hide the PageList title
#PageList1 h2 {display:none;}
exactly before ]]></b:skin> code
**Leave a comment if you have question about this template
