Template 2.X Ajouter un bloc radio sur la barre latérale

[ZOOM.]

Salut ih,

Aujourd'hui, je partage un tutoriel pour ajouter un bloc radio sur la barre latérale.

Accédez à votre panneau d'administration allez : Apparence / Widgets / ajouter un widget.

Définition du widget : HTML

Clé du widget : Radio_By_ZOOM

Titre : Radio

Liste des forums : Barre latéral droite

Positionnement : 100

Screen:

[HIDEREPLY]
[HIDETHANKS]

<!--Début : Radio By ZOOM -->
<div class="block-container" style="text-align:center;">
<a href="http://cdn.nrjaudio.fm/audio1/fr/30401/mp3_128.mp3?origine=fluxradios" 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"><tooltip" title="Rire et Chanson"><img src="https://image.noelshack.com/fichiers/2018/25/1/1529313585-r-c.png" max-width="32px" height="32px">
</tooltip"></a><a href="http://chai5she.cdn.dvmr.fr/mouvxtra-midfi.mp3" 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"><tooltip" title="MOUV"><img src="https://image.noelshack.com/fichiers/2018/25/1/1529312927-mouv.png" max-width="32px" height="32px">
</tooltip"></a><a href="http://cdn.nrjaudio.fm/audio1/fr/30001/mp3_128.mp3?origine=fluxradios" 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"><tooltip" title="NRJ"><img src="https://image.noelshack.com/fichiers/2018/25/1/1529313948-nrj.png" max-width="32px" height="32px">
</tooltip"></a><a href="http://www.skyrock.fm/stream.php/tunein16_128mp3.mp3" 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"><tooltip" title="Skyrock"><img src="https://image.noelshack.com/fichiers/2018/25/1/1529314285-sky.png" max-width="32px" height="32px">
</tooltip"></a><a href="http://cdn.nrjaudio.fm/audio1/fr/30201/mp3_128.mp3?origine=fluxradios" 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"><tooltip" title="Chérie FM"><img src="https://image.noelshack.com/fichiers/2018/25/1/1529314646-cherie-logo1995.jpg" max-width="32px" height="32px">
</tooltip"></a><a href="http://streaming.radio.funradio.fr/fun-1-48-192" 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"><tooltip" title="FUN Radio"><img src="https://image.prntscr.com/image/72d243bb990d43cd86cafa18fc644157.jpg" max-width="32px" height="32px">
</tooltip"></a><a href="http://cdn.nrjaudio.fm/audio1/fr/30601/mp3_128.mp3?origine=fluxradios" 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"><tooltip" title="Nostalgie"><img src="https://image.prntscr.com/image/5936f2c0728c442cbaef3eeba51139f9.jpg" max-width="32px" height="32px">
</tooltip"></a><a href="http://vr-live-mp3-128.scdn.arkena.com/virginradio.mp3" 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"><tooltip" title="Virgine Radio"><img src="https://image.prntscr.com/image/a20c90c90e7b4f6e94d557876f8ce3da.jpg" max-width="32px" height="32px">
</tooltip"></a><a href="http://mp3lg4.tdf-cdn.com/9240/lag_180945.mp3" 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"><tooltip" title="Europe 1"><img src="https://image.prntscr.com/image/0af194dc6d1d40a89b5d6bf63846d25e.jpg" max-width="32px" height="32px">
</tooltip"></a><a href="http://chai5she.cdn.dvmr.fr/rmcinfo" 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"><tooltip" title="RMC"><img src="https://image.prntscr.com/image/03d622881edb46ef83b6399984fac72e.jpg" max-width="32px" height="32px">
</tooltip"></a>
</div>

<!--Fin : Radio By ZOOM-->

[/HIDETHANKS]
[/HIDEREPLY]

Il vous suffit de changer le (flux et icône) de la radio de votre choix

Résultat:

 

[SyTry]

C'est sympa mais un système de menu et de lecteur serais mieux comme sa tu peux choisir la radio que tu veux et c'est plus propre je trouve ;)

 

[ZOOM.]

J'ai simplifié au max, libre au autres si ils veulent l'amélioré