LepontoMag Blogger Template

Advertisements
Template Name:
LepontoMag
Author / URL:
NewBloggerThemes | http://newbloggerthemes.com/
Designer / URL:
SimpleWpThemes | http://www.simplewpthemes.com/
Published Date:
November 3, 2013
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,
Advanced Details:
http://newbloggerthemes.com/lepontomag-blogger-template/
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>
</ul>
</div>

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>
</ul>
</li>
<li><a href='#'>Coding</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>

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

<!-- slide 1 code start -->
<li>
   <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 NewBloggerThemes.com...</p>
      <a class='more-link' href='ENTER-SLIDE-1-LINK-HERE'>Read More</a>					
   </div>
   <a href='ENTER-SLIDE-1-LINK-HERE'><img height='340' src='http://3.bp.blogspot.com/-iZXB1rM-6kY/UnYWeAdSV6I/AAAAAAAALSE/4hSuLD-AjIY/s1600/slide-image-1.jpg' width='750'/></a>
</li>
<!-- slide 1 code end -->

<!-- slide 2 code start -->
<li>
   <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 NewBloggerThemes.com...</p>
      <a class='more-link' href='ENTER-SLIDE-2-LINK-HERE'>Read More</a>					
   </div>
   <a href='ENTER-SLIDE-2-LINK-HERE'><img height='340' src='http://2.bp.blogspot.com/-PBYlcQj-2vU/UnYWe3WMuKI/AAAAAAAALSM/L6oBrTESL_g/s1600/slide-image-2.jpg' width='750'/></a>
</li>
<!-- slide 2 code end -->

<!-- slide 3 code start -->
<li>
   <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 NewBloggerThemes.com...</p>
      <a class='more-link' href='ENTER-SLIDE-3-LINK-HERE'>Read More</a>					
   </div>
   <a href='ENTER-SLIDE-3-LINK-HERE'><img height='340' src='http://2.bp.blogspot.com/-1ErdUsT8hRo/UnYWeKS1AhI/AAAAAAAALSA/H3FNMlavkjM/s1600/slide-image-3.jpg' width='750'/></a>
</li>
<!-- slide 3 code end -->

</ul>		
</div><!--#slider-->
</div><!--#slider-wrap-->

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

Advertisements

21 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 {
      float:left;
      margin:0px 10px 5px 0px;
      padding:6px;
      border:1px solid #eee;
      background:#ffffff;
      width:120px;
      height:90px;
      }

      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/vnd.microsoft.icon'/>

      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:

      jQuery("#slider").easySlider({
      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.
    Thanks!

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

      and:

      </ul>
      </div><!--#slider-->
      </div><!--#slider-wrap-->

      </b:if>
      </b:if>
      <!-- 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.

Leave a Reply