We have designed over 200 free Blogger themes so far. Our Blogger templates are unique, responsive, easy to use and have many features. If you found any problem in our themes please inform us. We will try to fix it or give you a solution for that.

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 Column Footer, Adapted from Wordpress, Black, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine, Red, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White,
Template Name:
Author / URL:
NewBloggerThemes |
Designer / URL:
SimpleWpThemes |
Published Date:
November 3, 2013
Advanced Details:
More Info :

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)

25 Responses to “LepontoMag Blogger Template”

  1. Estiak Ahamed says:

    many many thank's

  2. Anastasia says:

    Really great!!!!

  3. Brazil Tech says:

    Thanks for this amazing template!!

  4. des says:

    hi, how do I cahnge the size of my photos displayed in the blog post?

    • find this:

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

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

  5. Tu says:

    I have : undefined undefi, on the date text box. How can I sovle it? Many thank you!

  6. Mike says:

    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.

  7. ICHOL says:

    the template is amazing but how can i change the time tha the slides change?

    • 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.

  8. Mạng Hoa Tươi Việt Nam says:

    Thank you very much. I am using your Blogger Template. Because I just blogger a litte day.

  9. DGal says:

    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.

  10. Tatiana says:

    Can I change the value " site width"? Because my social buttons doesn't fit in menu bar.

  11. elika says:

    how can i delete featured content slider...

    • 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 -->

  12. tea barnes says:

    Hi there! How can I change the text box color of the slides and how can I change the color of the nav bar? Thank you

    • 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.

  13. Julian und Jochen says:

    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.

  14. Kelly says:

    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'/>

  15. sahilluqman says:

    thanks for information. what this template is SEO, responsive and fast loading?

Leave a Reply