ADD ANYTHING HERE OR JUST REMOVE IT...

Sunday 23 December 2012

Apollo Blogger Template

Apollo Blogger Template
Template Name: Apollo Technology Theme
Platform: Blogger / Blogspot
Release date : 24, December 2012
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

Apollo Blogger Magazine theme is one of its kinds because it has buckets full of features. It has an elegant look which would attract your eyes like a bee to a honey. Since, it is a WordPress adapted Theme it is equipped with some wonderful features. This Template is Ideal for Niche sites i.e. Technology, Media, News Bulletin, Entertainment and etc. However, a person can also use on a Personal blog theme.

Features of Apollo Blogger Theme:

  1. Adapted From WordPress: This Blogger Template is Adapted from WordPress, so it is obvious that its features would be much better than other Blogger Themes. 

  2. One SideBar: To give it a touch of Professional Magazine Site we have included one sidebar on the right side. The sidebar has marvel features with the awe-inspiring look.

  3. Two Header Areas:  It has two areas for Header one is for the Logo and second is for placing a 468x60 advertisement. However, a person may customize it according to his needs.

  4. Floating Menu Bar: Unlike, other Blogger templates, it has full width floating navigation menu that appears at the top of the blog. It scrolls whenever we go up or down the page.

  5. Automatic Thumbnail & Read More: We have also included an automatic thumbnail script that automatically generates the Thumbnails and post summaries along with a Read More button.

  6. SEO Friendly: This theme is optimized by Skilled SEOs. Therefore, there is no need to optimize for Search engine optimization. Posts have H2 Heading tags that are vital for high SERP ranking.   

  7. Fixed Wrapper: The Layout of this theme is fixed so it would support both low and high resolution laptops, and monitors. It would also work well on Mobile devices and Tablet.

  8. Four Columns Footer: Unlike, other Blogger Templates, we have tried to come up with 4 Columns footer. It would allow users to add up to 4 Gadgets without facing any problem whatsoever. 

  9. Whitish Gray Background: It also has a background that gives an elegant touch to this template. Nowadays, we hardly see any site that is not using custom backgrounds.

  10. Threaded Commenting System:  We have added our customized Threaded commenting system, so your visitors cannot stay without leaving their precious comment. 

Customizing Floating Menu Bar:

To Customize the Floating Menu in Apollo Blogger Template a person should have a little bit knowledge about the HTML. However, following steps are curated for an ordinary guy. Consider the following Steps.
<div class='menu-main-menu-container'><ul class='main_nav' id='main_menu'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-533' id='menu-item-533'>
<a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Advertise Here</a></li>
<li><a href='#'>Contact Us</a></li></ul>
</div>
Go To Blogger.com >> Template >> Edit Html >> Search for the following code and customize it according to your desired needs. However, if you get stuck in the middle feel free to leave your comment below.

How To Add Google Adsense or Any Widget "Below Post Title":

To insert Google AdSense or any other widget  below the post title do as mentioned below. (Remember: It will only appear on Post Pages).
Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>
Once you have found the above coding Simply Replace <!--Google Adsense Ad Code (Below Post Title)--> With your Parsed Google AdSense Code or etc, according to the desire needs.

How To Add Google Adsense or Any Widget "At the End of Posts":

To insert any widget or any advertisements at the end of the post pages do as mentioned below. (Don't worry it will only display on Post Pages).
Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (At the End of Posts)-->
</b:if>
After finding the above coding, Replace <!--Google Adsense Ad Code (At the End of Posts)--> with the coding of your widget and save the template.

How To Change Post Author URL?

Go To Blogger.com >> Template >> Edit HTML >> Proceed >> in the template coding Search for the Following Link and replace it with your About us Page.
http://www.mybloggerlab.com/2012/05/some-thing-about-author-syed-faizan-ali.html

From The Designer’s Desk:

This is our first attempt to let the whole blogging community know that blogger is also a robust blogging platform. We bet that Blogger is much better than WordPress in every field and department. However, it also lacks in SEO. What are your thoughts about the Theme? Suggestions would be more then welcome.

The Designer Team of Templateism consists of a group of Professional Designers and Web Developers, led by .

31 comments:

  1. I guess I'm the first to download :)

    ReplyDelete
    Replies
    1. @raheem: I guess You don't know when I downloaded this :D

      Delete
  2. Great Template Faizan! Thanks a lot

    ReplyDelete
  3. Great Template Specially Floating Menu Bar Is Awesome :)

    ReplyDelete
  4. I just love your present template on this blog and the template you designed in that post
    i do not use Blogger Platform but this work is really worth appreciating

    ReplyDelete
  5. The files in the download are not complete. Please check.

    ReplyDelete
  6. amazing. . very beutifull. thanks for share


    www.sarofudin.com

    ReplyDelete
  7. Hey Faizan i have a problem......Template Redirecting to templateism.
    WHat i do..?

    ReplyDelete
  8. a:hover {
    color:#125489!important;
    text-decoration:none!important;}

    Add This CSS in your Template. Peace

    ReplyDelete
  9. Go Trouble When adding widget *(768x60) http://3.bp.blogspot.com/-CoWc8gAQ0Mk/URZHBoS8RoI/AAAAAAAADSM/LYIfl8Hk3Sg/s320/asasasasassde.jpg please help!

    ReplyDelete
    Replies
    1. Add this CSS in your StyleSheet

      #crosscol-wrapper .widget-content {
      border: none;
      }

      Delete
  10. Hey Brother, How Do I Increase the Width??

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. how to change background picture?

    ReplyDelete
  13. I wanted to decrease PADDING in Sidebar title but when i does that the border above it also decreases in width :/

    ReplyDelete
    Replies
    1. To decrease the padding in Sidebar title add this code in CSS

      .sidebar h2 {
      padding-top: 10px!important;
      padding-bottom: 10px!important;
      }

      Delete
  14. I've overcome on READ MORE problem ..

    ReplyDelete
  15. Here is the solution.

    1st: Paste the Following Coding in the CSS Stylesheet

    #copyright {margin-top: 30px!important;}

    2nd: The Script you are using is outdated and even its jQuery file is deleted.

    3rd :To increase the summery Search for this code

    summary_noimg = 250;
    summary_img = 250;

    And Increase the numbers according to your needs.

    4th: You must have done some editing because by default pagers are shown at the bottom of the homepage.

    Hope that answers your questions!

    ReplyDelete
  16. In the Template Coding Search For This CSS Code.

    #wrap1 {
    margin: -40px auto 0;
    margin-top: -12px;
    width: 960px;
    height: 100%;
    }

    Increase the width According to your needs!

    ReplyDelete
  17. Well, This would happen because you are tackling our Coding. You have to change a lot of coding to increase its width.

    Is their anything else which we can do for you?

    ReplyDelete
  18. I am afraid. We cannot solve that. You should contact the Widget developer.

    ReplyDelete
  19. please how can i change the background footer ?

    ReplyDelete
  20. and how can i change color red more ?

    ReplyDelete
    Replies
    1. .readmore {
      float: left;
      padding: 10px 12px 10px 15px;
      background: #1BC4DE;
      margin-top: 10px;
      color: white;
      font-size: 14px;
      text-transform: uppercase;
      font-family: 'Patua One';
      }

      Sarch in the template and Customize it as you Like

      Delete
  21. My designer removed the credits,but i want redirect to stop,how shall i do it?

    ReplyDelete
  22. I want to make add css sprites to make my page load faster. Images such as clock, author and right strip bar were being requested from different locations. Could you please help me add them to one single image?

    ReplyDelete
    Replies
    1. See this tutorial

      http://www.mybloggerlab.com/2012/11/how-to-combine-images-into-css-sprites.html

      Delete
  23. Hi, i'm beginner and i use ur awesome template in my blog.
    Could u teach me on how:
    1. To change the image automatic tumbnail?
    2. To show only an image. I dont want the post summary

    ReplyDelete

Renovate Your Blogger Blog with Awesomness