Video Tutorial: How to add more Social Icons to Header & Footer

Video Tutorial: How to add more Social Icons to Header & Footer

To watch the video directly click here: https://drive.google.com/file/d/0B2LWx_dNRjQydndCYmZERXF6bUk/view?usp=sharing&resourcekey=0-TNZvH_yQ3JSaIDmnyR7lCg



And this is the code you will need to use:


<script>
(function($) {
$(document).ready(function() {

function insertNetworks(icons, location){
var element_to_insert = '',
area = location.split(',');

//Check the location where the new icons will be inserted
if ( area.length == 2 ) {
container_element = $('#footer-bottom .et-social-icons, #et-info .et-social-icons');
} else {
container_element = location == 'footer' ? $('#footer-bottom .et-social-icons') : $('#et-info .et-social-icons');
}

for (i = 0; i < icons.length; i++) {
after_element = container_element.find('li:nth-child('+icons[i].Position+')');
element_to_insert += '<li class="et-social-icon et-social-'+icons[i].Icon+'"><a href="'+icons[i].Url+'" class="icon"><span>'+icons[i].Icon+'</span></a>';
after_element.after(element_to_insert);
element_to_insert = '';
}
}

insertNetworks(icons = [


{
"Position" : 2,
"Icon" : "instagram",
"Url" : "https://www.instagram.com/yourusername/"
},



{
"Position" : 3,
"Icon" : "youtube",
"Url" : "https://www.youtube.com/user/yourusername"
},



{
"Position" : 4,
"Icon" : "pinterest",
"Url" : "https://www.pinterest.com/yourusername"
},



{
"Position" : 5,
"Icon" : "linkedin",
"Url" : "https://www.linkedin.com/yourusername"
},


], 'header,footer');
});
})(jQuery);
</script>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("ul.et-social-icons a").attr('target', '_new');
});
</script>