Autoportal Blogger Template

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

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


autoportal-top header
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


autoportal-social-media
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


autoportal-header-menu
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


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

Autoportal-Blogger-Template


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.

+ Add Your Comment