اضافة ايقونات التواصل الاجتماعي بـ القائمة الجانبية

{if {$_CONF['info_row']['active_static']}}
<ul class="sidebar">
<li class="tcat">
<span>التواصل الاجتماعي لـ
 {$_CONF['info_row']['title']}</span>
</li>
</ul>
<div class="row_sidebar">
<Center>
<div>
        <style>
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
/* color settings */

.fa-facebook-square:before {transition: color .3s ease-in-out;
}
.fa-facebook-square:hover:before {
color: #3b5998;
}
.fa-twitter-square:before {
transition: color .3s ease-in-out;
}
.fa-twitter-square:hover:before {
color: #00aced;
}
.fa-youtube-square:before {
transition: color .3s ease-in-out;
}
.fa-youtube-square:hover:before {
color: #bb0000;
}
.fa-pinterest-square:before {
transition: color .3s ease-in-out;
}
.fa-pinterest-square:hover:before {
color: #cb2027;
}
.fa-instagram:before {
transition: color .3s ease-in-out;
}
.fa-instagram:hover:before {
color: #125688;
}
.fa-twitch:before {
transition: color .3s ease-in-out;
}
.fa-twitch:hover:before {
color: #6441A5;
}
/* color settings */
</style>

<a target="_blank"" href="#"><i class="fa fa-facebook-square fa-3x"></i></a>
<a target="_blank"" href="#"><i class="fa fa-twitter-square fa-3x"></i></a>
<a target="_blank"" href="#"><i class="fa fa-youtube-square fa-3x"></i></a>    </div>
</Center>
</div>

{/if}

{template}Social Media{/template}

<li class="tcat pkr">