New Blogger Themes | Professional Blogspot Templates
Free Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free.
Premium Blogger Templates

LepontoMag Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Theme Categories: 1 Sidebar, 2 Columns, 3 Columns Footer, Adapted from Wordpress, Black, Featured Section, Fixed width, Grey, Magazine, Pro Version Available, Red, Right Sidebar, Slider, Top Navigation Bar, White,
Template Name:
Author / URL:
NewBloggerThemes |
Designer / URL:
SimpleWpThemes |
Published Date:
November 3, 2013
Advanced Details:

LepontoMag Free vs. Pro Versions : Features Comparison

Features Free Version PRO Version
Template Designer Compatible
(Color Options / Font Options / Background Support)
Search Engine Optimized
Remove Footer Credits
Priority Support
No Encrypted Scripts
Lifetime Theme Updates
For Unlimited Domains

LepontoMag Blogger Template is a Beautiful Business Blogger Template with 2 Columns, Right Sidebar, 3 Columns Footer, Featured Content Slider, Top Drop down Menus and Social Buttons.

How To Configure Social Buttons

Find this in "Edit HTML":

<div id='social-wrap'>
<ul id='social'>
<li><a href='#' id='facebook' title='Facebook'/></li>
<li><a href='#' id='twitter' title='Twitter'/></li>
<li><a href='#' id='rss' title='RSS'/></li>
<li><a href='#' id='youtube' title='Youtube Channel'/></li>
<li><a href='#' id='linkedin' title='Linkedin'/></li>
<li><a href='#' id='pinterest' title='Pinterest'/></li>

Add your own social links replacing "#" marks.

How To Configure Top Navigation Menu

Find this in "Edit HTML":

<div class='menu'>
<ul class='' id='menu-primary-items'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Custom work</a></li>
<li><a href='#'>WordPress</a></li>
<li><a href='#'>Themes</a>
<ul class='sub-menu'>
	<li><a href='#'>Bronze Package</a></li>
	<li><a href='#'>Silver Package</a></li>
	<li><a href='#'>Golden Package</a></li>
<li><a href='#'>Coding</a></li>
<li><a href='#'>Contact</a></li>

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

How To Configure Featured Content Slider:

Find this in "Edit HTML":

<div id='slider-wrap'>
<div id='slider'>

<!-- slide 1 code start -->
   <div class='slider-entry'>
      <h2 class='slider-entry-title'><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</p>
      <a class='more-link' href='ENTER-SLIDE-1-LINK-HERE'>Read More</a>					
   <a href='ENTER-SLIDE-1-LINK-HERE'><img height='340' src='' width='750'/></a>
<!-- slide 1 code end -->

<!-- slide 2 code start -->
   <div class='slider-entry'>
      <h2 class='slider-entry-title'><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</p>
      <a class='more-link' href='ENTER-SLIDE-2-LINK-HERE'>Read More</a>					
   <a href='ENTER-SLIDE-2-LINK-HERE'><img height='340' src='' width='750'/></a>
<!-- slide 2 code end -->

<!-- slide 3 code start -->
   <div class='slider-entry'>
      <h2 class='slider-entry-title'><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</p>
      <a class='more-link' href='ENTER-SLIDE-3-LINK-HERE'>Read More</a>					
   <a href='ENTER-SLIDE-3-LINK-HERE'><img height='340' src='' width='750'/></a>
<!-- slide 3 code end -->


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" with your real slide description,
Slide image URL,
for each slide. (X = 1 or X = 2 or X = 3)

Our Blogger templates are 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. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.


Featured Blogger Themes

These Blogger Themes are compatible with "Blogger Template Designer" (you can change the background, colors and fonts easily without editing HTML) and are optimized for search engines.

33 Responses to “LepontoMag Blogger Template”

    • find this:

      .pbtthumbimg {
      margin:0px 10px 5px 0px;
      border:1px solid #eee;

      change 120px value to change the width of post thumbnails.

  1. Is there a way to manipulate the favicon on the xml templates. Blogger won't let me change it in the edit tool. Thanks in advance for your advice!

    • Add this just before <b:skin> tag:

      <link href='YOUR-FAVICON-IMAGE-URL' rel='shortcut icon' type='image/'/>

      Remember to replace "YOUR-FAVICON-IMAGE-URL" with your real favicon image address.

    • find this:

      auto: true,
      continuous: true,
      pause: 4000

      Here "pause" is set in milliseconds and it represent the duration of each slide when plugin is set to auto sliding. you can change 4000 value to new value you need.

  2. Thank You! This template is awesome and very easy to use - especially for someone that is not html savvy!

    Some slight tweaks I made:
    1) I noticed that dates on my posts weren't being "recognized" so I went to Settings >> Formatting >>
    I then changed the Date Header Format, Timestamp Format and Comment Timestap Format to all match exactly.
    The format used was: Friday, October 17th, 2014.

    2) I added a related posts widget. It would be great to have as a default in this template though.

    3) I added a 4th slider image, based on your directions it was pretty straightforward.

    • delete code between:

      <!-- featured post slider started -->
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>



      <!-- featured post slider end -->

    • Find this to change text box color of the slides:

      .slider-entry {
      float: left;
      width: 200px;
      height: 290px;
      background: #000;
      padding: 25px;
      color: #555555;

      change values of "background" and "color" properties as you like.

      Find this to change background color of nav bar:

      #menu-primary {
      width: 1000px;
      margin: 0 auto;
      height: 45px;
      background: #a2a2a2;
      position: relative;
      z-index: 999999;

      change "#a2a2a2" value to other you like.

  3. Just tested this template. Sadly, the date in the box at isnt showing a date, just "undefined". Additional the documentation is poorly.
    Implementing a disqus comment counter seems hard, too, since the comment section strangely is way larger than in googles layout.

  4. Hi! Your website template is simply amazing! How can I remove the features such as date, time and comments from the post?

    • remove this part:

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div style='margin:10px 0px;'>
      Posted by <> on <data:post.timestamp/><b:if cond='data:post.allowComments'> with <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if>
      <div class='clear'/>

  5. Hi. Thank you for this amazing template. The comments that the readers have made does not appear at the blog. How can I fix it?

    hThank you

  6. Hi!
    Very nice template! Thank you!!

    I have some questions, it would be so nice, if you would help an an old lady across the street 😉

    1. I want to change the social buttons - I only need Facebook, LinkedIn, RSS, Twitter and - XING (Germany). What is your advice for the best approach? I tried to change them on Photoshop, but the results were not goot and the mouseover was disguisting, because something went totally wrong. Do you have an psd or something like that? Or a tip?

    2. I want to show the pages without the sidebar. Is there a possibility to do this?

    3. I have problems with showing pictures in pages - I cannot change the size, it's the same size in every page - even, when I choose the right size in the editor. I want to show them bigger.

    Thank you so much in advance and nice regards from Germany!
    Hope you understand my broken english 🙂

  7. hi, i love your design so much i use it to my website. If it's possible, how to add image to the header? Thank you so much!

Leave a Reply