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

Plant.

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

Plant / Blogger
Plant 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.

Plant is a 100% responsive, 2 columns blogger theme for planting and gardening websites. Plant Blogger template has a featured post slider, primary and secondary navigation menus, auto post summaries, social and share buttons, right sidebar, 3 columns footer, Google web fonts, header widget area, related posts with thumbnails and more.

How To Configure Primary Navigation Menu

Primary Menu - Plant Blogger Template

Find this in “Edit HTML”:

<div class='menu-primary-container'>
<ul class='menus menu-primary'>

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

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

...

</ul>
</div>

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

How To Configure Secondary Navigation Menu

Secondary Menu - Plant Blogger Template

Find this in “Edit HTML”:

<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>

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

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

...

</ul>
</div>

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

How To Configure Featured Content Slider:

Slider - Plant Blogger Template

There are 5 slides in the slider. Each slide code is wrapped by <div class=’fp-slides-items’> and </div>. This is the code of the first slide:

<!-- Slide 1 Code Start -->
<li>
	<a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://1.bp.blogspot.com/-7mPGMqpA7r4/WFjC98iip4I/AAAAAAAAPnk/-UYHQet8bFIXMLr7P1SEWkM5C-WKZdFiACLcB/s1600/1.jpg'/></a>
	<div class='flex-slideinfo'>
		<h3><a href='ENTER-SLIDE-1-LINK-HERE'>This is default featured slide 1 title</a></h3>
		<p>Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.</p>
	</div>
</li>
<!-- Slide 1 Code End -->

Now replace,

“This is default featured slide 1 title” with your featured post title.
“ENTER-SLIDE-1-LINK-HERE”s with your featured post URL.
“Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by NewBloggerThemes.com.” with your description.
“https://1.bp.blogspot.com/-7mPGMqpA7r4/WFjC98iip4I/AAAAAAAAPnk/-UYHQet8bFIXMLr7P1SEWkM5C-WKZdFiACLcB/s1600/1.jpg” with your slider image.

There are another 4 slide codes you have to configure like this.

Plant Blogger Template Responsive View

Responsive View - Plant 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

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.