How do i add pictures on blogger profile

[my add]

i’m using this templet: https://gooyaabitemplates.com/livepreview/ecstacy/ but it didn’t allow me to add my pictures in ” About” it steel like this in my blog: https://hayatestyle.blogspot.com/

[Templatesyard]

On Blogger Dashboard Click Layout.
Click Add a Gadget.
Choose HTML/Javascript.
Add the following Code:

<div class="widget-body author-layout-single box-off cover-off white-off" id="author-slides"> 
  <ul class="slides"> 
    <li> 
      <img src="http://static.businessinsider.com/image/4f342a656bb3f7766400005a/image.jpg"alt="Arnar Stefánsson"  /> 
    </li> 
    <li> 
      <img src="http://1.bp.blogspot.com/-0V-kyZbVXNc/VTQMzFFj5RI/AAAAAAAACZk/j9_9f-HiGG8/s1600/aboutmee-399x265.jpg" /> 
    </li> 
<li> 
    <img src="http://1.bp.blogspot.com/-8P0PchPhwPI/VTqi1mqD_eI/AAAAAAAACdg/y4BXhKIk18w/s1600/Celebs%2B(18).jpg" /> 
    </li> 
  </ul> 
</div> 
    <div class="bt_author_body"> 
        <div class="bt_author_img"><img src="http://2.bp.blogspot.com/-0S0m_Tl5O1E/VKE-wHD9wHI/AAAAAAAABLo/QCDKMenLRHM/s1600/me-icon.jpg" alt="evelyn" /> 
        </div> 
        <div class="bt_author_bio"> 
            <h3><a href="http://www.yotemplates.com" title="Arnar Stefánsson's website">Evelyn Dave</a></h3> 
            <p>Strides a cross the mountain-side in search for llamas and other worthy opponents to challenge his dexterity. Opens up with a mean one-liner and then follows up with a nice "good-bye".</p> 
            <div class="social-links-wrap"> 
                <ul class="social-links clearfix"> 
                    <li><a href="http://www.facebook.com/yotemplates" title="Facebook"  target="_blank"><i class="fa fa-facebook"></i></a> 
                    </li> 
                    <li><a href="http://www.twitter.com/yotemplates" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a> 
                    </li> 
                    <li><a href="#" title="Flickr" class="blu_flickr_background_hover blu_flickr_border_hover" target="_blank"><i class="fa fa-flickr"></i></a> 
                    </li> 
                    <li><a href="#" title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a> 
                    </li> 
                    <li><a href="#" title="Dribbble" target="_blank"><i class="fa fa-dribbble"></i></a> 
                    </li> 
                </ul> 
            </div></div></div>

Now all You Have to do is, Change the Image URLs with Your Desired Image URLs, And Social Links URLs (href=#) with Your Social Sites links

[Author]

Posts