How to add fletro pro footer in any template

Hello Guys and welcome to Wolv Themes Our Tutorial today is about How to add fletro pro footer in any template.

What is fletro pro footer

fletro pro footer is a custom new unique footer that anyone will hope to have on his website.

why the fletro pro footer is the best?

fletro pro footer is the because it is not a normal footer, its footer has eye catching look which may allow you to get more visitors.
you can check how the footer looks like by pressing the provided button below and scroll down to see it

Fletro pro footer preview

How to Add fletro pro footer

Step 1. Go to Blogger’s Dashboard and click Theme.

Step 2. Click the arrow down icon next to the 'customize' button.

Step 3. Now click on Edit HTML.

Step 4. Now click CTRL + F and type in the search form for "credit" or try to find what your footer is named.

Step 5. add this code above the credit just like the provided photo under the code
        <!--[ Footer section ]-->
        <footer class='sectionInner'><div class='footerContent'>
<div class='section' id='footer-widget-1'>
<div class='widget HTML' data-version='2' id='HTML001'>
<div class='widget-content'>
<div class='aboutUs'>
  <div class='aboutTitle'>
    <div class='titleText' data-text='Made with coffee by'>
      <h3>Wolv Themes</h3>
    </div>

    <!--[ Delete comment tag on section bellow and change data-src='#' attribute with your logo url ]-->
    <!--img alt='Wolv Themes' class='lazy' data-src='https://1.bp.blogspot.com/-T1ia77FdmCw/YREB0OvuqwI/AAAAAAAAAfQ/93Sgf4_QPeQlK-6kI3Fr4CUBh-QWHih0gCLcBGAsYHQ/s0/20210803_183950.png'/-->

  </div>
  <p class='aboutDesc'>your descreption.</p>
</div>
</div>
</div><div class='widget LinkList' data-version='2' id='LinkList00001'>
<ul class='aboutLinks'>
<li>
<a aria-label='Telegram' class='link' href='https://t.me/wolvthemes/'>
<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'/></g></svg>
</a>
</li>
</ul>
</div></div>
<div class='section' id='footer-widget-2'><div class='widget LinkList' data-version='2' id='LinkList02'>
<h3 class='title'>
Company
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='/p/about-us.html'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>About</span>
</a>
</li>
<li>
<a href='/p/parteners'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>Blog</span>
</a>
</li>
</ul>
</div>
</div></div>
<div class='section' id='footer-widget-3'><div class='widget LinkList' data-version='2' id='LinkList03'>
<h3 class='title'>
Product &amp; Service
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='/search/label/yourlink1'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>Blogger Theme</span>
</a>
</li>
<li>
<a href='/search/label/yourlink2'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>Other Product</span>
</a>
</li>
</ul>
</div>
</div><div class='widget LinkList' data-version='2' id='LinkList2'>
<h3 class='title'>
Tools
</h3>
<div class='widget-content'>
<ul>
<li>
<a href='/p/yourlink1'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>Your text 1</span>
</a>
</li>
<li>
<a href='/p/yourlink2'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>Your text 2</span>
</a>
</li>
<li>
<a href='/p/yourlink3'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>Your text 3</span>
</a>
</li>
<li>
<a href='/p/yourlink4'>
<svg class='line' viewBox='0 0 24 24'><g><path d='M19.75 11.7257L4.75 11.7257'/>
<path d='M13.7002 5.70131L19.7502 11.7253L13.7002 17.7503'/></g></svg>
<span>Your text 4</span>
</a>
</li>
</ul>
</div>
</div></div>
</div>



Step 6. Click Save.

This Tutorial is only for Median Ui latest version users

I am not responsible for any break in your website due to any mistakes from you all the codes i providded are free of errors

Rate this article

Frontend Developer and UX Designer

2 comments

  1. Yes bro i need this...
    Thankyou for posting this brother.
  2. You Are welcome every time !