How to change this code?

Question

MODX

Good day to all. It was necessary to make a function to share on the site. Googled and found a solution. Everything works tested, but it does not look like it should.
Here is the code as on the site in the layout

<div class="share ">
Share: &nbsp;
<ul>
<li><a href="#"><i class="ti-facebook"></i> Facebook</a></li>
<li><a href="#"><i class="ti-twitter-alt"></i> Twitter</a></li>
<li><a href="#"><i class="ti-linkedin"></i> Linkedin</a></li>
<li><a href="#"><i class="ti-instagram"></i> Instagram</a></li>
</ul>
 </div>
</div> <!-- end tag-share -->

here is the code i found

<script  type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
<div 
    class="share" 
    data-yashareL10n="ru" 
    data-yashareType="small" 
    data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki"
    data-yashareTheme="counter"
    data-yashareLink=""
    data-yashareTitle="Вопрос"
    data-yashareDescription="" 
    data-yashareImage="http://askmeplz.com/">
</div>

Please help me, I'm new :)

Answer 1

take like buttons
https://ilyabirman.ru/projects/likely/
it is easy to customize them for yourself