Zero Gravity

Zero Gravity blogger template. magazine style blogger template. featured content blogger template 3 column footer blogger template

demo Zero Gravity blogger template. template blog magazine style. template blog with featured content. template blog 3 column footer

download Zero Gravity blogger template. blog template magazine style. blog template with featured content. blog template 3 column footer

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(&apos;EMAIL_SUBCRIBE_HERE&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Sign up email feed...&quot;;}' onfocus='if (this.value == &quot;Sign up email feed...&quot;) {this.value = &quot;&quot;;}' 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
Related:Socimag
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;
Related:Fashion Girl
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;
Related:Reventon
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

Related Posts

ADBLOCK DETECTED!

You are running an AdBlock extension in your browser!
If you wish to continue please disable AdBlock for this website.
Subscribe Our Newsletter