Your shortlist

A little collection of possibilities. Saved in this browser.

Tap the heart on a theme to save it here.

Find your next look.

Type at least 2 characters to search.

The Blogger collection

Baskerville.

A fresh design for your stories. Preview it, download it, make it yours.

Baskerville / Blogger
Baskerville Blogger template preview
A closer look at your next chapter.Enlarge preview (opens image preview)

Get to know the design

The details. The possibilities.

Explore the theme information and any setup notes below.

Baskerville is a beautiful, SEO ready, responsive and retina-ready Blogger theme for your blog. Baskerville Blogger Template has auto post summaries, drop-down navigation menu, share buttons, right Sidebar, 3 columns footer, Google fonts, custom search box and more.

How To Change Header Background Image

Header Image - Baskerville Blogger Template

Find this in “Edit HTML”:

<div class='headernbt sectionnbt small-paddingnbt bg-darknbt bg-imagenbt' style='background-image: url(http://1.bp.blogspot.com/-kcHSrRkri8U/VBj9oY6C47I/AAAAAAAAOI8/Je4voW8_HcE/s1600/header.jpg);'>

Replace this image address:

http://1.bp.blogspot.com/-kcHSrRkri8U/VBj9oY6C47I/AAAAAAAAOI8/Je4voW8_HcE/s1600/header.jpg

with your header image address.

How To Add Links Main Navigation Menu

Main Navigation Menu- Baskerville Blogger Template

Find this in “Edit HTML”:

<!-- main menu started -->
<ul class='main-menunbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>
<!-- main menu end -->

Replace “#” marks with real URLs and change anchor texts as you like.

How To Add Links to Mobile Navigation Menu

Mobile Navigation Menu- Baskerville Blogger Template

Find this in “Edit HTML”:

<!-- mobile menu started -->
<ul class='mobile-menunbt'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>

</ul>
<!-- mobile menu end -->

Replace “#” marks with real URLs and change anchor texts as you like.

Baskerville Blogger Template Responsive View:

Responsive Baskerville Blogger Template

A little help getting started?

Follow our installation guide or get in touch with your theme name and blog URL.

Installation guide →Ask a question →

Keep exploring

More to fall in love with.

Browse the collection

The conversation

17 thoughts on “Baskerville Blogger Template”

  1. Hi! I’m setting up a new blog using your theme, thanks you very much btw, i love it! <3
    I have a question – i'm trying to place a light header image, but it looks darker than it is and the quality is much worse! How can i resolve that? Thanks in advance and have a great day, you did a great job!

  2. Hi!
    How can I remove blog title and blog description from header? Or make it invisible?
    Or how to add a little logo (.jpg image with transparent background) as a blog title?

  3. Hi!

    How can I change 'displayed posts number' on main page? I try to all the changes that are described on the Internet but it's not changing and It always display only 4 posts. (I apologize for my bad english)

Leave a Reply

Your email address will not be published. Required fields are marked *

 

This site uses Akismet to reduce spam. Learn how your comment data is processed.