Landing Page Details

Oliver is a feature rich responsive blogger template. It has a responsive homepage slider with touch support and a separate blog page for sharing your thoughts. The horizontal multi level menu is compatible with touch devices. Another cool feature of this template is the infinite scroll support. You keep on scrolling down and the next set of posts will keep loading on the same page. The images on label and archive pages arrange themselves gracefully with change in screen size.












Some other features –

  • 2 in 1 – Fixed Height and Auto Height.
  • Infinite Scrolling for label and archive pages.
  • Easy Setup with detailed guide including screenshots.
  • Support full customization including social media icons.
  • The Instagram widget can be replaced with Flickr and Pinterest.
  • On click Sidebar on small screen.
  • Pinterest social sharing button on pictures.
  • Related posts widget on postpages.
  • Customized comments section.
  • And Dedicated Supports.
  • bmoonjes

    2016-02-26 10:16:59
    Purchased Reply

    how do i remove instagram? it does not show up in layout as a widget to remove. Thanks!

  • RajaBeo

    2016-06-26 18:13:23
    Purchased Reply

    I see "live preview". Oh my... Youre template so beautiful, I'll buy later. Best Regard, Lipul El Pupaka, Im From Jakarta-Indonesia.

  • NaByDark

    2016-04-03 21:56:59
    Purchased Reply

    Hello, I have a question , I want to put this template to a page with ning and wanted to know if it is compatible and if you can

  • TemplatesZoo

    2016-04-04 04:51:52
    Purchased Reply

    No, its not compatible with Ning

  • coachlam

    2018-09-28 03:09:27
    Purchased Reply

    Menu is not showing up on mobile device. How do I fix this? http://superchesskids.blogspot.com

  • coachlam

    2018-09-28 03:32:10
    Purchased Reply

    problem fixed. Please ignore this.

  • bmoonjes

    2016-02-27 04:49:49
    Purchased Reply

    this is what it looks like in chrome i am guessing / assuming that your template is cross browser. yes? https://1.bp.blogspot.com/-rJcc8-RtqkI/VtCQJh0NJCI/AAAAAAAAKt0/kcjUzNCQiZs/s1600/my%2Bspain%2Bmenu.png

  • kellyena

    2016-12-25 18:29:36
    Purchased Reply

    http://www.kellyannmusic.com/p/tour.html All embed codes that I have used for years (on that page and my Bio page) are malfunctioning in this new template. Take a look at the mobile view and how the block quote is unreadable on my bio and how the tour dates embed code is responding. Any ideas on how I can fix this? Thank you Kelly Ann

  • TemplatesZoo

    2016-12-26 04:55:55
    Purchased Reply

    You can remove the spacing and quote icon, it will then look fine on mobile template. Go to Template > Customize > Advanced > Add CSS. In the white box, paste the below code.

    body blockquote { background: none; margin: 15px 0; padding-left: 0; padding-right: 0; }

    Dates on tour page seems fine to me. Look - https://cdn.pbrd.co/images/e8IDV56dI.png
    Did i miss something?
    And feel to contact me if problem persist. :)

  • kellyena

    2016-12-26 05:35:36
    Purchased Reply

    You are wonderful! I fixed the blockquote, but I still am not seeing quite what you are seeing on the Tour page. Also, do you notice how the "U" is huge and cut off? Also on my Bio page, the S for my newsletter sign up is huge and set apart from the rest of the word. I had to turn off Blogger's automatic custom mobile because the nav was blank when I did, but these embed codes looks fine when it is turned on...I'm so confused as to why my embed codes are acting so strange. I must say, however, that I am absolutely loving the look of your template!

  • TemplatesZoo

    2016-12-26 07:35:46
    Purchased Reply

    For big 'S' in newsletter and the tour page issue, go to Template > Customize > Advanced > Add CSS. Paste the below code.
    .post .post-body div:first-child:first-letter { float: none; font-size: inherit !important; font-weight: normal; margin-right: 0; margin-top: 0; } html body { overflow-wrap: normal; word-break: normal; word-wrap: normal; }
    Then click 'Apply to Blog'.

  • kellyena

    2016-12-26 12:52:56
    Purchased Reply

    You fixed it! You are amazingly wonderful to help me with this! I hope you have been having a wonderful holiday weekend!

  • TemplatesZoo

    2016-12-28 22:36:31
    Purchased Reply

    Hey, if you liked our template. Rating the template will help us.
    If you are new to themeforest, here's how you can rate the template -
    http://fc07.deviantart.net/fs71/i/2012/038/8/5/how_to_rate_a_file_template_by_cooledition-d4oxno5.jpg

  • kellyena

    2017-02-16 10:05:02
    Purchased Reply

    One more question. The responsive template aligns the images in the slider center on a mobile device. How do I make it align it right? I can't find it in the coding. Thank you

  • TemplatesZoo

    2017-02-18 01:21:44
    Purchased Reply

    These are the options available - http://fotorama.io/customize/fit/
    But it will apply on all screen sizes.

  • pabaslide

    2017-01-14 22:02:39
    Purchased Reply

    Hi there. Thanks for your great template. I would like to remove the cookie question banner from Google. Any help is extremely appreciated. Thanks for your time. Panos :)

  • TemplatesZoo

    2017-01-15 02:05:12
    Purchased Reply

    Please provide your blog address. :)

  • pabaslide

    2017-01-15 05:10:37
    Purchased Reply

    www.bluestrackers.gr

  • TemplatesZoo

    2017-01-15 07:06:03
    Purchased Reply

    Go to Template > Customize > Advanced > Add CSS. In the box, paste the below code -
    body .cookie-choices-info { display: none !important; }
    Then simply click 'Apply to Blog' button.
    :)

  • pabaslide

    2017-01-15 12:17:48
    Purchased Reply

    Thank you my friend. I have also purchased your template called Lara. Will it work there with the same way?

  • TemplatesZoo

    2017-01-16 04:15:47
    Purchased Reply

    Yes, it will.

  • pabaslide

    2017-01-16 06:36:29
    Purchased Reply

    Thank you TemplatesZoo! Your support is truly awesome and lightning fast :) Two more things: a) In blog posts (not in pages) when you click a photo to open in larger resolution the opacity drops when mouse is not over the image. How can I stop this and have a 100% opacity? b) In small screen resolution (probably mobile phones) the sidebar and logo image is not visible and it appears the blog title in a grey background which falls on the main menu button making it hardly visible. Can we have the logo on this area instead of blog title? (like the sidebar) Thanks again for your precious time :) Panos

  • TemplatesZoo

    2017-01-17 05:36:38
    Purchased Reply

    a) Go to Template > Customize > Advanced > Add CSS. In the box, paste the below code –
    .CSS_LIGHTBOX .goog-inline-block { opacity: 1; }
    Then click ‘Apply to Blog’ button.

    b) Go to Template > Edit HTML > Press CTRL+F > In the Search box type "mobheader" without quotes and keep hitting Enter, till you find this -
    <h1 class='mobheader'><data:blog.title/></h1>
    Replace it with
    <h1 class="mobheader"><img src="http://4.bp.blogspot.com/-GK1HGkVaVjU/WHjAiLnpRjI/AAAAAAAAAJ8/5MqRruceemAVpi_l1_d1xR6FoW_LB_vyACK4B/s1600/blues_trackers_logo.png"></h1>
    Then Save the Template.
    If you want to decrease it height replace http://4.bp.blogspot.com/-GK1HGkVaVjU/WHjAiLnpRjI/AAAAAAAAAJ8/5MqRruceemAVpi_l1_d1xR6FoW_LB_vyACK4B/s1600/blues_trackers_logo.png with smaller size image.
    :) Good luck

  • pabaslide

    2017-01-17 05:56:50
    Purchased Reply

    I suppose the second code needs a slash [ / ] after the file name (..logo.png"/>...)

  • TemplatesZoo

    2017-01-17 06:03:58
    Purchased Reply

    Yes. Definitely

  • pabaslide

    2017-01-17 06:13:15
    Purchased Reply

    Sorry for posting here but the Lara template needs a small fix at these small screen resolutions. Even your demo page needs a few changes. Check it out :) Thanks again my friend.

  • pabaslide

    2017-02-21 08:26:29
    Purchased Reply

    Is it possible to add one more field/question at the contact form?

  • TemplatesZoo

    2017-02-21 09:02:53
    Purchased Reply

    No. Contact form is a prebuilt blogger widget. You cannot add any field to it.

  • TemplatesZoo

    2017-02-21 09:10:26
    Purchased Reply

    Try Google Docs Contact Form -
    http://www.mybloggertricks.com/2013/12/create-contact-forms-with-google-docs.html
    Or this - https://www.pishandposh.com/tutorials/how-to-add-a-contact-form-in-blogger/

  • mohammadahsanulm

    2016-10-05 22:57:42
    Purchased Reply

    i purchased oliver template, but how i can change home to latest post not slider. thanks

  • TemplatesZoo

    2016-10-06 22:39:16
    Purchased Reply

    Contact me on email. I will give you a solution. :)

  • mohammadahsanulm

    2016-10-07 01:09:19
    Purchased Reply

    check your email!

  • cathypentonatelier

    2016-11-03 19:59:18
    Purchased Reply

    Hi there! How can I add a Mailchimp newsletter signup? An embedded form code? I tried to create a new gadget but it separates from the Menu, which I don't want it to do, I'd like for it to sit within the sidebar underneath the navigation, above or below the instagram feed. Could you please help? Thank you! Also, how do I change the colour of the time stamp on the blog? At the moment it's a yucky red colour. The only way I know how to change it is to remove the date completely, but I'd really like to show it on my blog ...

  • TemplatesZoo

    2016-11-04 02:53:21
    Purchased Reply

    Click 'Add a Gadget' in the Sidebar section. Choose 'HTML/JavaScript' widget. Add your code there. Then you can simply click and drag it to anywhere you want in the layout.


    For Date Stamp -
    Go to Template > Edit HTML > Press CTRL+F > In the search box, type ".loadtext" without quotes and Hit Enter. You will find this -
    .loadtext { font-family: Balthazar; font-size: 15px;
    Now, just above it, paste the below code -
    .post #mydate span { background: #252525; color: #656565; } .post #mydate .dyear { background: #696969; color: #ffffff !important; }
    Here, #252525 is month and date text color.
    #656565 is month and date background color.
    #696969 is year background color.
    #ffffff is year text color.

    Find color codes here - http://www.computerhope.com/htmcolor.htm
    :)

  • cathypentonatelier

    2016-11-04 08:23:40
    Purchased Reply

    Thank you! Although now the date won't show up after I removed it in the "Add CSS" section in the customize section ... I've removed the code that hid the dates, and now the dates won't show up at all! This was the code I used, which I have now removed: "Go to Template > Customize > Advanced > Add CSS. In the white box paste the below code. .post #mydate { display: none; } .leftcontent .post { padding-left: 0px; } Then click “Apply to Blog” button at the top." Is there a way to get the dates back? Also, the dropdown menu doesn't work on mobile. And I can't seem to edit the header on mobile either - it is still in the Lobster font rather than my logo. Could you please help?

  • TemplatesZoo

    2016-11-05 03:38:07
    Purchased Reply

    Go to Template > Customize > Advanced > Add CSS. In the white box paste the below code.
    .mainwrap .post #mydate { display: none; } .mainwrap .leftcontent .post { padding-left: 0px; }
    Once you have your dates back. Follow the first tutorial.

    Because on mobile there is no hover effect. So, instead of drop down, you will see flat expanded menu.

    For Header -
    Go to Template > Edit HTML > Search "mobheader" without quotes. You will find -
    <h1 class='mobheader'><data:blog.title/></h1>
    Replace <data:blog.title/>
    with
    <img src='http://something.com/yourimage.jpg'/>

    Save the Template.

  • cathypentonatelier

    2016-11-07 10:36:47
    Purchased Reply

    Could you please assist with the dropdown menu on mobile? It's not working at all and none of the links show up.

  • TemplatesZoo

    2016-11-07 21:46:35
    Purchased Reply

    Provide me your blog address.

  • cathypentonatelier

    2016-11-08 08:23:19
    Purchased Reply

    https://cathypentonatelier.blogspot.com

  • TemplatesZoo

    2016-11-08 23:06:10
    Purchased Reply

    Everything seems to be working fine. What do you mean by "dropdown" menu? Could you provide a screenshot?

  • Ebookdesignor

    2017-04-06 08:30:32
    Purchased Reply

    i want to add Image slider with each 4 menus. Like Home Slider. Please check darkcoderx.blogspot.com

  • TemplatesZoo

    2017-04-07 04:13:49
    Purchased Reply

    Create posts for each of those menus. Add relevant images to them.

    Then, Invite me to join your blog. Once i accept your invitation, make me admin. I will try to change them into slider. But don't expect it to be same as homepage slider. Post pages have titles and you must not remove them. :)

  • Ebookdesignor

    2017-05-10 17:47:17
    Purchased Reply

    I have 3 Menus : 1 : Ebook 2: Children Book 3: EPUB I just need same as i setup the first menu EBOOK. please add same slider the other 2 menus Children book and EPUB. ( I just replaced HOME > Ebook ) URL : https://darkcoderx.blogspot.com/ I had already sent you invitation for editing. pelase accept.

  • TemplatesZoo

    2017-05-11 04:22:39
    Purchased Reply

    ok

  • Ebookdesignor

    2017-05-11 05:15:24
    Purchased Reply

    You have now admin rights.

  • TemplatesZoo

    2017-05-12 05:20:59
    Purchased Reply

    Done :)

  • Ebookdesignor

    2017-05-12 08:33:58
    Purchased Reply

    is it possible to show other menu same as ebook (Homepage slider) ? if you can i than i can pay you for your extra work?

  • TemplatesZoo

    2017-05-13 13:23:53
    Purchased Reply

    That will be bad for search engine. They will not rank you and could even remove you from their search index. Post Title is required.

  • kaptendop

    2017-08-06 03:09:55
    Purchased Reply

    Hi, Could you help this, how to fix blank section in https://#/search/label/blog

  • kaptendop

    2017-08-06 03:22:22
    Purchased Reply

    http://www.udaradisekitar.com/search/label/blog

  • TemplatesZoo

    2017-08-07 06:59:30
    Purchased Reply

    Simply label the posts you want in '/search/label/blog' with blog. But, remember that labels in blogger are case sensitive, so blog and Blog are two different labels. Use 'blog' as the only label for the post that you want to show at '/search/label/blog' :)

  • kaptendop

    2017-08-07 11:58:33
    Purchased Reply

    Oh I see, thank you. I have more question, how to adjust height of the header, it seem automatically cut the long description.

  • TemplatesZoo

    2017-08-08 22:06:51
    Purchased Reply

    Check your email.

  • cherylkohlman

    2015-12-24 05:43:57
    Purchased Reply

    I am trying to upload this theme into wordpress. I downloaded the zip file and began the upload process, but I'm getting this error: The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed. Is there any way around this? Thanks!

  • TemplatesZoo

    2015-12-24 22:35:18
    Purchased Reply

    This is a blogger template. It will not work on Wordpress. If you are interested in installing it to Blogger.com, feel free to contact me. :)

  • cherylkohlman

    2015-12-25 03:06:17
    Purchased Reply

    awesome. Thank you!

  • toddandersondesign

    2016-10-08 06:54:27
    Purchased Reply

    Great template. My blog is looking great. One quick question. I have changed the font used on the name of my blog to Roboto, however, when the site is viewed on a cell phone, the main name next to the index icon is still in the original font and larger than I need it. Can you please let me know how I change this... Such a great template though and thanks for all the great support!

  • TemplatesZoo

    2016-10-08 21:06:06
    Purchased Reply

    Please provide your blog address. :)

  • toddandersondesign

    2017-03-16 02:42:39
    Purchased Reply

    My site address is: toddanderson.co.uk Thank you for your response and my apologies for only returning now but I would still be very keen to understand if I am able to change the font to my site in the mobile window setting. It always goes to the same font and size and I would be very keen to be able to change this font if possible. I realize that I can change the font in the web version, but it always defaults in mobile. Any help is much appreciated.

  • TemplatesZoo

    2017-03-18 18:24:07
    Purchased Reply

    Go to Template > Edit HTML > Press CTRL+F > In the Search box type "#layout .kickme" without quotes and Hit Enter. Now, just before this line, add the below code.
    .tbody .mobheader { font-size: 20px; font-family: Roboto; }
    You also need to add that font to your blog if you haven't already. Follow this - https://www.technologyhint.com/add-google-fonts-blogger/

    Another way is to show an image logo on mobile screens too. Go to Template > Edit HTML > Search for "mobheader" without quotes and keep hitting Enter, till you find this code (around line no. 3495) -


    Replace it with this -


    Save the Template.

  • anne-paul

    2017-04-20 19:53:34
    Purchased Reply

    Hi, in what way do you provide copyright-protetction-options to pictures?

  • TemplatesZoo

    2017-04-21 07:34:07
    Purchased Reply

    If you don't want visitors to download your images, you can disable right click. There are many tutorials on the internet for that. I can help you with that. But i'm not sure what you mean by "provide copyright-protetction-options" ??

  • RayThemes

    2016-01-29 17:26:57
    Purchased Reply

    Nice work

  • romeliorivera

    2016-03-06 18:42:21
    Purchased Reply

    I am having an issue when trying to disable the labels gadget on the header section of the Oliver template. I don't see the option or button to remove the gadget. I was able to remove all of the other ones as per your instructions. I also left a previous message about not being able to change the slider images. I have included samples and a link to the image on my google drive but it will not load on the slider. The image works fine if you enter the link on an address bar of any browser. Example https://drive.google.com/open?id=0B16DmfErRJisM2l1OHR5X0EyY1E

  • TemplatesZoo

    2016-03-06 19:41:20
    Purchased Reply

    To Remove Labels widget-
    Go to Template > Customize > click 'Advanced' on the top panel > Add CSS > In the white box that appears paste the below code. And then click 'Apply To Blog' button at the top.
    #Label99 { display: none; }
    :)

  • romeliorivera

    2016-03-08 16:04:23
    Purchased Reply

    You're on point with all these questions.... very precise answers that work... thank you! I am asking one more on next post.

  • thenoobest

    2018-05-15 13:43:55
    Purchased Reply

    Hi there, Does Oliver template work for blogger? or it only works on wordpress? Thanks

  • TemplatesZoo

    2018-05-18 22:19:48
    Purchased Reply

    It only works for blogger. Simply upload the template to blogger, change menu items and start posting. :)

  • tegandover

    2017-07-10 10:01:55
    Purchased Reply

    Hi! Am I able to remove the text "Home" from the home page layout?

  • TemplatesZoo

    2017-07-10 17:19:49
    Purchased Reply

    Yes. Contact me after purchasing the template. :)

  • mayankmrug

    2017-11-12 18:51:44
    Purchased Reply

    Hi, love your template, I'm using the Fixed Height one with new effect here: http://www.mayankmrug.com/search/label/nature , I have two questions so far:

    • 1. How can I make it Auto-Height?
    • 2. How can I add my profile picture like you have in other templates, e.g. "Lara"?

  • mayankmrug

    2017-11-14 22:34:08
    Purchased Reply

    Managed to get it working the way I want, with auto-height, zoom button (lightbox) on the image, other fonts etc. It's somewhat a combination of this template plus your other one (Studio) which I also purchased. If you have an easy way to make the Lightbox load all the images instead of just one (so that you can click right / left on one image to move to the next one, similar to the Photorama) and to add a small margin between the images on grid view, that would be super! Site is at http://www.mayankmrug.com/

  • mayankmrug

    2017-11-14 22:34:08
    Purchased Reply

    Edit: duplicate comment.

  • TemplatesZoo

    2017-11-20 03:03:04
    Purchased Reply

    In grid view, lightbox won't be able to load more than one images b/c others are from different posts. Blogger doesn't gives us the same flexibility like wordpress.

    To add a margin, go to Theme > Customize > Advanced > Add CSS. In the box, paste the below code.
    .blog-posts .post-outer { padding: 6px; }
    Change the number 6 to get desired margin.
    Now, click 'Apply to Blog' button.

    Do you still want to add a profile picture? Let me know. Would you to help you. :)

  • mayankmrug

    2017-11-21 09:02:00
    Purchased Reply

    Thank you, I changed the theme XML and added the code with the padding size I wanted, and yes a circular profile pic like the one you've added in 'Lara' would be great!

  • TemplatesZoo

    2017-12-01 00:32:31
    Purchased Reply

    You need to invite me to join your blog and then make me admin. Also send me the profile pic or it's url. :)

  • pabloacosta

    2015-11-05 13:55:33
    Purchased Reply

    Hi! This is one of the best templates Ive used in blogger. I was setting up my blog, but i have a question: Where can I do the about me? because unable to add widgets I have been confused. I wait your answer! Cheers, Pablo

  • TemplatesZoo

    2015-11-06 00:47:56
    Purchased Reply

    There is no need of widget for about me page. In your blog Dashboard, there is a 'Pages' option below 'Posts'. Simply create a page and give it any title you want. Then go to Menu widget and replace /p/about-us.html with your page link. :)