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='http://3.bp.blogspot.com/_aAjcAMHOGT4/TBJAAEI-O7I/AAAAAAAACtQ/6Vt_-2LIRL4/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
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

26 Person has expressed his thoughts, Now you turn guys!

  1. Very nice template and that is why, i've added this theme to the featured theme of my site...Check it out....

  2. really cool theme thanks for sharing but is there any version for wordpress i have a site with WP based and want to use this cool theme.how can i?thnks

  3. @okky : Im sorry, it's just Blogger template but if you can convert it to WP, i really appreciate

  4. @Sangram Nandkhile : Hi.. Please check you email

    Thankyou

  5. my recent comments doesnt show...

  6. @24youra : Hi.. You can use this code
    <script style="text/javascript" src="http://freetemplate.googlecode.com/files/javascriptcodes.js"></script><script style="text/javascript">var a_rc=3;var m_rc=false;var n_rc=false;var o_rc=20;</script><script src="http://www.dhetemplate.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

    Change http://www.dhetemplate.com with your blog

  7. Hi and thank you for this amazing template.
    I have a question.
    I have a new blog and I'd love to display both videos and images.
    If I write a post with a video, you cannot see it in thumbnails.
    Is there a way or a code I can add to the html to see the video in the main page?
    Thank you so much for your kind help

  8. @Cri : Hi.. I created new post both video and images and it's work but if only video, doesn't work cos this template built not for videos blog. So, you should post with image too :)

  9. my Configure Blog Posts frame and other frames are changed. What can I do ?
    Watch picture bellow:
    link:http://4.bp.blogspot.com/-GnByB3FIQdc/TpO5sNav0yI/AAAAAAAABmw/2BxXJsPp95I/s1600/Untitled.jpg

  10. @jurkido : Hi.. I have checked with Chrome and Firefox and everything i fine. You can see the screenshot below :
    http://2.bp.blogspot.com/-dW67CUEy4uI/TpPIG2QhhXI/AAAAAAAALkM/wMh-kvfzBrk/s1600/layout.png

    Maybe there is something wrong with your browser

  11. hi !

    recent comments are not showing neither... i tried to use the code you gave 24youra but i don´t know where to place it... help !

    great template !

  12. @ gigi krein : Just copy and paste that code and put into widget section. You can placed in sidebar or footer widget.

    Dont forget to change the URL with yours

  13. @gigi krein : You can place it in sidebar or footer widget.

  14. well... here´s the error i get

    ---------------------------------------
    The reference to entity "callback" must end with the ';' delimiter.
    ---------------------------------------

    inside this code...






    <-h2 class='title'>//<-/h2>

    <-div class='widget-content'>
    ***
    <-/div>


    (i´m changing h2 to -h2 to post this comment)

    where the *** is, i´m trying to put the script... what´s wrong??

    thaks for the rapid response

  15. @gigi krein : I dont understand what you mean with that

    I repeat step by step here :
    Go to Design > Page Element > Add a Gadget > Choose HTML/Javascript

    Then, copy and paste this code below :
    <script style="text/javascript" src="http://freetemplate.googlecode.com/files/javascriptcodes.js"></script><script style="text/javascript">var a_rc=3;var m_rc=false;var n_rc=false;var o_rc=20;</script><script src="http://www.dhetemplate.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

    Change the bold with your URL blog

  16. I love the theme, but I want to have the date of my posts showing along with the "Posted by" and time. How do I add dates to my posts?

  17. @Marcos : You can change the words Posted by and time from Page Elements > click the Edit on Blog Post widget (you will get pop up dialog). You can make a change there for Posted by and Time

    **This step use old dashboard

  18. @ireng ajah: I've tried using the widget, and I'm ok with posts saying "Posted by" and the time, but I wanted the date included. I've checked the date box on the widget but it still doesn't show up on my posts.

  19. @Marcos : Hi Marcos.. I think it's a Date Header. Go to edit html and find this code

    .date-header{
    display:none;
    margin:0;
    }

    Replace with this one

    .date-header{
    margin:0;
    }

  20. hi.., i used this tamplate for my blog, but i tray to insert meta tag but still not working. iam always have error message if i save the tamplate. can u help me? :(

  21. Hi.. Make sure write correctly

    For more effective meta, find this code
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>

    and replace with this one

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <meta expr:content='data:blog.pageName + &quot; YOUR_DESCRIPTION_HERE&quot;' name='description'/>
    <meta expr:content='data:blog.pageName + &quot; YOUR_KEYWORD_HERE&quot;' name='keywords'/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.title/></title>
    <meta content='YOUR_DESCRIPTION_HERE' name='description'/>
    <meta content='YOUR_KEYWORD_HERE&quot;' name='keywords'/>
    </b:if>
    </b:if>

    You can check your meta result here :
    http://www.seocentro.com/tools/search-engines/metatag-analyzer.html

  22. thanks, thats working now. its very helpfull for me, because this is awesome tamplate. i give you +1, thnks :D

  23. Hey, loved the template. Is there any way to remove the slider wrapper or to have it automatically update with the 5 latest posts? Feel free to e-mail ([email protected]). Thanks!!

  24. i m not able to put my facebook page , twitter link ..
    pls help me..

    my blog url : www.wangduinfotech.co.cc

  25. It looks like something's glitchy with the fonts being used for this template (example, my title's cut in half), and it looks like the same problems I'm having are affecting the demo as well. I just wanted to let someone know to see if it can be looked at. Thanks.

+ Add Your Comment

Do not waste your time with irrelevant comments or leave a link for backlink will be removed