Sunday 23 December 2012

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.

This page is Maintained by , Last Updated on: 09:10

39 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. Syed bro, I really Appreciate your hardwork, I liked your template and also used on my blog.. Thumbs up to you brother you are awesome.. Believe me these words are not to make comment lengthy or to get backlink etc. These are my real for you! May God bless you.

    ReplyDelete
  3. Great Template Faizan! Thanks a lot

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

    ReplyDelete
  5. 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
  6. The files in the download are not complete. Please check.

    ReplyDelete
    Replies
    1. All The Files are Complete. You need to Upload This File i.e. (Apollo-Theme-By-Templateism1.xml) On your Blogger Site. Everything is fine at our end!

      Delete
  7. amazing. . very beutifull. thanks for share


    www.sarofudin.com

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

    ReplyDelete
    Replies
    1. That Only Happens, When you Remove Credits From the Theme.

      IF you want to remove credits then you have to buy the Licence

      If you keep the credit links intact it would not redirect to anywhere else.

      Hope That answers your question.

      Delete
  9. This comment has been removed by the author.

    ReplyDelete
  10. hi Syed Faizan Ali.
    i need a help.
    how i change hyper link color on posting in this template ?
    check this http://www.all2-tkj.tk/2013/01/buku-bahasa-indonesia-kelas-xi.html
    thank you :D

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

      Add This CSS in your Template. Peace

      Delete
  11. Add this CSS in your StyleSheet

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

    ReplyDelete
  12. Hey Brother, How Do I Increase the Width??

    ReplyDelete
  13. how to change background picture?

    ReplyDelete
    Replies
    1. In the template search for this code

      body{
      background: #f9f9f9 url(http://4.bp.blogspot.com/-w19VBzwqFxE/UMUxWLm_bYI/AAAAAAAAJUQ/xv9AOlPPTc4/s1600/bg.png) ;
      }


      And Replace the Image With your Background Picture.

      Delete
  14. 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
  15. I've overcome on READ MORE problem ..

    ReplyDelete
  16. 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
  17. Hey Bro, you have still not replied to my question. I am using this template on my blog and i wanted to increase the blog width as there is too much of empty space on both sides of the main bar and side bar. please help me!! my blog is www.epiblog.in

    ReplyDelete
    Replies
    1. 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!

      Delete
    2. 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?

      Delete
    3. Everything else is just Awesome. I just wish to increase my post width. Please check my blog www.epiblog.in . The text ends before the page. Is there anything you can do?

      Delete
  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
    Replies
    1. background: #333 url('http://2.bp.blogspot.com/-WWXJpE-pZqk/UMt1vuAk1pI/AAAAAAAAJkA/-ZZCzwJDBlg/s1600/right_strip_pattern.png');

      Replace it from the template!

      Delete
  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
  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
    Replies
    1. 1. You cannot change the automatic Thumb option. the first thumb which you use in your article is automatically fetched by the scripts.

      2. Sorry we don't support customization, you can try our other themes which only displays Images without summaries. Here are few links

      http://www.templateism.com/2013/04/timeline-magazine-blogger-template.html

      http://www.templateism.com/2013/03/creative-gallery-blogger-template.html

      Delete