MonoMagazine Blogger Template

MonoMagazine is 3 Columns Beautiful Blogger Template for Blogger Blogs. MonoMagazine Blogger Template has a jQuery Slider, Top Navigation, Ad Banners, 4 Columns Footer and Social Buttons.

How to Configure MonoMagazine Blogger Template

Read instructions given below to configure MonoMagazine Blogger Template.

How To Configure Meta tags:

Go to "Template" --> "Edit HTML" of your blog. Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE,KEYWORDS HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

How To Add Links Top Navigation Menu

Go to "Layout". Click on "Edit" link of "Edit This Menu" widget.

Now add your links to that link list widget.

How To Configure Social Buttons

Find this in "Edit HTML":

<!-- twitter, facebook, email buttons start -->
<div class='side-widget'>
   <h3>Follow Us</h3>
   <ul id='topsoc'>
      <li class='first'>
         <a href='#' id='email'>Subscribe via Email</a>
      </li>
      <li class='second'>
         <a href='#' id='socrss'>Subscribe via RSS</a>
      </li>
      <li class='third'>
         <a href='#' id='twitter'>Follow my Tweets</a>
      </li>
   </ul>
</div>
<!-- twitter, facebook, email buttons end -->

Add your own social links replacing "#" marks.

How To Configure Featured Content Slider:

Find this in "Edit HTML":

<div id='slider'>

<ul id='sliderContent'>

   <!-- slide 1 code start -->
   <li class='sliderImage'>
      <a href='ENTER-SLIDE-1-LINK-HERE'><img height='288' src='https://2.bp.blogspot.com/-i0Fi8h1zBq8/UoQqZVhChqI/AAAAAAAALxw/Zcrn2jedfZo/s1600/slide-image-1.jpg' width='465'/></a>
      <span class='bottom'>
         <h2><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h2>
         <p>This is slide 1 description. You can replace this with your own words. Blogger template by PremiumBloggerTemplates.com...</p>
      </span>
   </li>
   <!-- slide 1 code end -->
   
   <!-- slide 2 code start -->
   <li class='sliderImage'>
      <a href='ENTER-SLIDE-2-LINK-HERE'><img height='288' src='https://2.bp.blogspot.com/-zkNA2mDYzaE/UoQqabO7RpI/AAAAAAAALx4/XPBWs0dluR8/s1600/slide-image-2.jpg' width='465'/></a>
      <span class='bottom'>
         <h2><a href='ENTER-SLIDE-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2>
         <p>This is slide 2 description. You can replace this with your own words. Blogger template by PremiumBloggerTemplates.com...</p>
      </span>
   </li>
   <!-- slide 2 code end -->
   
   <!-- slide 3 code start -->
   <li class='sliderImage'>
      <a href='ENTER-SLIDE-3-LINK-HERE'><img height='288' src='https://4.bp.blogspot.com/-PbPf1_ndAzY/UoQqa0q2hEI/AAAAAAAALx8/oGBwRn1WYzg/s1600/slide-image-3.jpg' width='465'/></a>
      <span class='bottom'>
         <h2><a href='ENTER-SLIDE-3-LINK-HERE'>Enter Slide 3 Title Here</a></h2>
         <p>This is slide 3 description. You can replace this with your own words. Blogger template by PremiumBloggerTemplates.com...</p>
      </span>
   </li>
   <!-- slide 3 code end -->
   
   <div class='clear sliderImage'/>
</ul>

</div>

There are 3 slides in the slider. You can add a remove more slides if you want.

Now replace,
"ENTER-SLIDE-X-LINK-HERE"s with your real slide link,
"Enter Slide X Title Here" with your real slide title,
"This is slide X description. You can replace this with your own words. Blogger template by PremiumBloggerTemplates.com..." with your real slide description,
Slide image URL,
for each slide. (X = 1 or X = 2 or X = 3)

Important !!!:

Do not remove the footer credits. This MonoMagazine Blogger template is free for both personal and commercial use. However, you are required to keep the footer links intact which provides due credit to its designers and authors.