Tiktok icon missing in the Social Icons Set 
Autor: Ricky B.
Visitado 270,
Followers 2,
Compartido 0
Hi,
Can you please add the tiktok icon to the Social Icon Set? Tiktok is very popular nowadays, and almost everyone has a tiktok account. It should be possobile to link the website to the tiktok accounts.
Publicado en
As long as Incomedia doesn't offer TikTok icons, you can use one of the free providers. This generates a code that is inserted into the "HTML Code" object.
Here's an example of one of the free providers.
>> https://www.niftybuttons.com/
-----
(It > En) ...this idea has already been proposed...
.... ...if you now want to continue using the same item, it would be possible to do so by adding tiktok with my EXTRA code, but if you're interested, you must post your LINK so I can evaluate...
.
ciao
.
Hello,
here on my demo: https://wsx5demo.afsoftware.fr/social-icon-bar.html
You can add tiktok icon and many others to create your own bar.
Axel
Autor
@KolAsim:
Do you mean the link to tiktok? If so, this is the link:
https://www.tiktok.com/@compareislam2?_t=ZG-8z9BjsWSAzI&_r=1
URL of the website is: https://compare-islam.com/home.php
... OK ... this is my invention that I created a few years ago for the WSx5 Social Icon object. It can be applied with one click (copy/paste):
<script>
/** === + TikTok x Social Icon x WSx5 by KolAsim === **/
$(document).ready(function () {/*K>*/
const linkTikTok = "https://www.tiktok.com/@compareislam2?_t=ZG-8z9BjsWSAzI&_r=1";
const imgTikTok = "https://www.svgrepo.com/show/303260/tiktok-logo-logo.svg";
objTikTokK = "#soc_imFooter_pluginAppObj_20";
/* ===------------=== */
const containerStyle = ` position: relative; left: 20px; width: 40px; height: 40px; float: left; `; const imgStyle = ` position: absolute; top: 50%; left: 50%; width: 30px; height: auto; transform: translate(-50%, -50%); padding: 5px; transform-origin: 50% 50%; transition: transform 0.2s ease; `; $(objTikTokK+" > div").append(` <div id="ttK" class = "social-icon" style="${containerStyle}"> <a href="${linkTikTok}" target="_blank" rel="noopener"> <img src="${imgTikTok}" style="${imgStyle}" alt="TikTok"> </a> </div> `); });/*K<<*/
</script>
------------------------
ciao
.
...to assign the code to all pages, paste the code in Step_1, in this section:
>> Step 1 - Settings > Statistics and Code > Options in the Code section >
▪Custom Code: > Before closing the HEAD tag
.
ciao
.