XenForo 1.X Radio sur le coté

[7even.]

Bonjour ou bonsoir , aujourd'hui je vais montrer comment mettre 2 type de radio en bloc sur le coté de votre forum
Pour le premier ce sera un script pour la Radio Skyrock
Et pour le deuxième , ce sera un petit code php pour mettre un bouton sur le coté et lorsque vous cliquerez dessus ca ouvrir une radio de votre chat en PoP Up

1 - Script skyrock :
On va faire quelque chose qui ressemblera a sa
Link Removed
Alors tout simplement , Allez dans Admin CP -> Apparence -> Styles -> Templates -> sidebar_online_users.
Vous allez tous a la fin et vous insérer ce script :

<script>(function(d, s){if(!window.rel){s = d.createElement("script");s.type = "text/javascript";s.async = true;s.id = "radio-de-embedded";s.src = "//www.radio.fr/inc/microsite/js/full.js";d.getElementsByTagName("head")[0].appendChild(s);window.rel = true;}}(document));</script><div class="ng-app-embedded"><div ui-view class="microsite embedded-radio-player" data-playerwidth="340px" data-playertype="web_embedded" data-playstation="skyrock" data-autoplay="true" data-apikey="df04ff67dd3339a6fc19c9b8be164d5b5245ae93"></div></div><noscript><a href="//skyrock.radio.fr" target="_blank">Skyrock sur radio.fr</a></noscript>

Attention ! Des que vous irez sur votre page d'acceuil , cette radio sera directement activé .
2 - Pop Up
Ce " Pop Up " ressemblera a sa
Link Removed
Alors pour faire ceci allez dans Admin CP -> Apparence -> Styles -> Templates -> sidebar_online_users.

Vous irez aussi tout a la fin et vous insererez ce code

<!--block: Radio Player-->
<strong>Radio</strong>
<center><a href="http://www.mixlor.com/wp-content/themes/mixlor/player.php" onclick="window.open('','popup','width=245,height=65,top=200,left=150,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0')" target="popup"><img src="PLACE DE VOTRE ICONE DANS VOTRE FTP"/></a></center></a></center>
<!--block: Radio Player-->

Bon la il manque un truc , eh oui l'icone ! Je vous en donne une en pièce jointe !
Il vous suffira de la placer dans votre style directement et de mettre le chemin de sa place , dans le code.

Et voila la radio fonctionne ! PS : Pour l'activer , il faut cliquer sur le bouton .

J'espere que ce tutoriel vous aura aider !

Source :
Link Removed
Link Removed


Source :
Link Removed
Link Removed