Autoportal Blogger Template

Template Categories: 2 column footer, Adapted from wordpress, Right sidebar, Green, Black,Elegant,Header Banner, Responsive, Slider, 2 Menubars, Top navigation bars, Web 2.0, Fixed width.Featured Section

Template Name :

Autoportal Blogger Template

Author / URL:

Sohan Jayasinghe http://www.premiumbtemplates.com/

Designer / URL::

Smthemes | https://smthemes.com/

Published Date:

January 06, 2017

Advanced Details:

http://www.premiumbtemplates.com/2017/01/autoportal-blogger-template.html

Live Demo Download Free

Autoprtal is Responsive/mobile friendly 2 column blogger template with right sidebar and 3 column footer. Autoprtal blogger template has a two menu bar with responsive slider, auto post readmore, Google web fonts, social sharing widget, header widget area Related post and popular post with thumbnail.

How to Configure Top Menubar

Go to Template >>Edit Html

<div class='top-menubar'>
   <ul class='menus header-menu'>
      <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
      <li><a href='#'>About Us</a></li>
      <li><a href='#'>Contact Us</a></li>
  </ul>
</div>

Change # with your URL and Text

How to Configure Social media links

Go to Template >>Edit Html

<ul class='widget-container'>
 <li class='social-profiles-widget'>
  <a href='#' target='_blank'><img alt='Twitter' src='https://3.bp.blogspot.com/-1TZd93jBsxE/WE7hMDj3p4I/AAAAAAAAChI/PFxoF0tK53gjEcDZfbgCHra14mmzwatXQCLcB/s1600/twitter.png' title='Twitter'/></a>
  <a href='#' target='_blank'><img alt='Facebook' src='https://2.bp.blogspot.com/-ZI5FhOSwBDg/WE7hLn2jElI/AAAAAAAACg8/1lfKsRZfQCY1b8KwsEmMpVG6OKlx3UKjgCLcB/s1600/facebook.png' title='Facebook'/></a>
  <a href='#' target='_blank'><img alt='Google Plus' src='https://1.bp.blogspot.com/-l6F5m_BnniI/WE7hLtEIEXI/AAAAAAAACg4/bs5hYcEtcfcdocGAa9cDfgxIUTitqg-agCLcB/s1600/gplus.png' title='Google Plus'/></a>
  <a href='#' target='_blank'><img alt='linkedin' src='https://1.bp.blogspot.com/-ZgRZK7VPV3Q/WE7hMA13HeI/AAAAAAAAChM/R4LpJXTxIsIVxdld7bwORgMdtYO2yT5iACLcB/s1600/linkedin.png' title='linkedin'/></a>
  <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='https://4.bp.blogspot.com/-kyD_Ph9-HTk/WE7hMOnQQmI/AAAAAAAAChE/CmlSuThrElYUWJKl7o-ayQx45tsYEBPXACLcB/s1600/rss.png' title='RSS Feed'/></a>
  <a href='mailto:your@email.com' target='_blank'><img alt='Email' src='https://2.bp.blogspot.com/-mk0IsLfAwmE/WE7hLqsAmjI/AAAAAAAAChA/cdMmrdNL1Mg3oCNTbdhAkMriwIrbp2O8wCLcB/s1600/email.png' title='Email'/></a>
 </li>
</ul>

Change # with your URL and your@email.com

How to Configure 2nd Menubar

Go to Template >>Edit Html

<ul class='menus header-menu2'>
 <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>Promotion</a></li>
 <li><a href='#'>Downloads</a>
  <ul class='children'>
      <li><a href='#'>Images</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>
 <li><a href='#'>Emails</a></li>
 <li><a href='#'>System</a>
  <ul class='children'>
  <li><a href='#'>Windows</a></li>
  <li><a href='#'>Mac</a></li>
  </ul>
 </li>
 <li><a href='#'>About Us</a></li>
 <li><a href='#'>Contact Us</a></li>
</ul>

Change # with your URL and Text

How to Configure Top Slider

Go to Template >>Edit Html

<div class='flexslider'>
<ul class='slidespbt'>
 <!-- Slide 1 Code Start -->
 <li>
  <a href='Your slider 1 link here'><img src='https://3.bp.blogspot.com/-JfqEbV07_xY/WE7kfSplKTI/AAAAAAAAChY/rjdTjqMx_Zk0wAlimKSR1sGVgkzZsGDoACLcB/s1600/1.jpg'/></a>
  <div class='flex-slideinfo'>
   <h3><a href='Your slider 1 link here'>FAR FAR AWAY</a></h3>
   <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</p>
  </div>
 </li>
 <!-- Slide 1 Code End -->
 <!-- Slide 2 Code Start -->
 <li>
  <a href='Your slider 2 link here'><img src='https://4.bp.blogspot.com/-w5RdnqpzhI4/WE7kfS__izI/AAAAAAAAChc/dVXI7UOqk3Ezw0LUG_k65GM2kyKJHus2ACLcB/s1600/2.jpg'/></a>
  <div class='flex-slideinfo'>
   <h3><a href='Your slider 2 link here'>BEHIND THE WORD MOUNTAINS</a></h3>
   <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</p>
  </div>
 </li>
 <!-- Slide 2 Code End -->
 <!-- Slide 3 Code Start -->
 <li>
  <a href='Your slider 3 link here'><img src='https://4.bp.blogspot.com/-vJbdYmCLGZ0/WE7kfblRlqI/AAAAAAAAChU/jQp3IjpoztUsQdIaUhWnU0Y_zXW_4XWNwCLcB/s1600/3.jpg'/></a>
  <div class='flex-slideinfo'>
   <h3><a href='Your slider 3 link here'>This is default featured slide 3 title</a></h3>
   <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</p>
  </div>
 </li>
 <!-- Slide 3 Code End -->
 <!-- Slide 4 Code Start -->
 <li>
  <a href='Your slider 4 link here'><img src='https://1.bp.blogspot.com/-wf_K5dhYKQM/WE7khKHU7ZI/AAAAAAAAChg/jO-LDO0zukEQbahaLicN5fHFWFsJmW7JwCLcB/s1600/4.jpg'/></a>
  <div class='flex-slideinfo'>
   <h3><a href='Your slider 4 link here'>FAR FROM THE COUNTRIES VOKALIA</a></h3>
   <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</p>
  </div>
 </li>
 <!-- Slide 4 Code End -->
</ul>
</div>

Replace below

Your slider 1 link here = change with your slider link
With your URL and and img src= link with your images.
<img src=' '> = Change your slider image link
FAR FAR AWAY= Change slider title
Far far away, behind... = Change with your slider description.

You can follow these for 4 sliders.

Autoportal Blogger theme Responsive / Mobile view

Premium BTemplate are free for personal and commercial. You have are required to keep footer links because.It's designer and authors credits.Do not remove footer credits without our permission. If you need to remove footer credits Contact us.