[Share] Individual Social Icon with Code Block

If you want to add Social Icons with Code Block (so you can link to different links on icons), you can follow these steps.

#1. First, use this code to Code Injection Header (If your site doesn’t support Injection, you can add it via Code Block)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

#2. Next, Add Code Block where you want Social Icon to appear.

#3.1. With Youtube icon, use this code into Code Block

<a href="https://youtube.com/example" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>

#3.2. With Instagram Icon, use this code

<a href="https://instagram.com/example" target="_blank">
	<i class="fa-brands fa-instagram"></i>
</a>

#3.3. With Twitter icon, use this code

<a href="https://twitter.com/example" target="_blank">
	<i class="fa-brands fa-twitter"></i>
</a>

#3.4. With Tiktok icon, use this code

<a href="https://tiktok.com/@example" target="_blank">
	<i class="fa-brands fa-tiktok"></i>
</a>

#3.5. With Facebook icon, use this code

<a href="https://facebook.com/tuanphan" target="_blank">
<i class="fa-brands fa-facebook"></i>
</a>

#3.6. With LinkedIn icon, use this code

<a href="https://www.linkedin.com/in/tuan-phan" target="_blank">
	<i class="fa-brands fa-linkedin"></i>
</a>