Sunday, December 23, 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: 12/23/2012

45 comments:

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

    ReplyDelete
  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. sorry syed faizen ali but i want just tell you that the the template is infected with malware cause when i added the template in my blog and then i scanned my blog in http://sucuri.net it told me that my blog is having malware when i again changed the template it said there is no malware in my blog please fix the template.

    ReplyDelete
    Replies
    1. It was Not a malware. We were using a Script for the Floating Sticky Menu. Once, We moved it to a .js (jQuery) file. The Sucuri.net Stopped showing the Error.

      We have Uploaded a Fresh Copy, You can Feel Free to Download it. There is no Malware, or any kind of Virus in it. Peace

      Delete
  9. 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
  10. This comment has been removed by the author.

    ReplyDelete
  11. 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
  12. Add this CSS in your StyleSheet

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

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

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

    ReplyDelete
  15. 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
  16. Assalam O Alaikum ,

    i am using this template and i am having a number of problems .

    1st : Comment Box is showing over footer Check Here .

    2nd : i want to add Numbered page navigation but when i add the code it is not working but its showing OLDER POST , NEWER POST and HOME double instead of showing Numbered Page Navigation. ( i am using this script for Numbered Page Navigation Check Here

    3rd : I want to increase the word lenght of Posts Showing on the HOME page.

    4th : Pager are showing after every post on Home Page.

    Also have a look on READ MORE on HOME PAGE , it is showing an Extra READ MORE in text below some posts.

    Hoping for a favorable response.Thanks :)

    ReplyDelete
    Replies
    1. I've overcome on READ MORE problem ..

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

      Delete
  17. 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
    2. Padding problem is still not solved.The default padding was " 20px " when i replace with this it happened again the Top Border of sidebar is also decreased See Here.

      I just tried Numbered page Navigation but they didn't work so i removed them and bring back older setting but i did something today after Numbered Page NAv. experiment.

      Okey so is there any thing you suggest me about Numbered Page Nav. ?

      Thanks for the help :)

      Delete
  18. 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. Hello Syed, thank you for replying. I tried your solution and made a few changes as well. However, i am getting this error. (http://s13.postimage.org/9wbnpal13/error.png). The text are not appearing properly. please help!!

      Delete
    3. 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
    4. 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
  19. Please a have problem in my web site.
    I invite you to visit my site from this link
    www.infoswebes.blogspot.com
    The problem is you do not see all the articles in the Home page
    the probleme appeared after the addition of page numbering to my site.
    Please help me.

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

      Delete
  20. 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
  21. 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
  22. My designer removed the credits,but i want redirect to stop,how shall i do it?

    ReplyDelete
  23. 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
  24. 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