New Window

Online DJ Widget Variables

Bottom Color   Background Color   Text Color    

Size  Main Font   Secondary Font

jQuery

<!-- JQUERY CODE SHOUTCAST WIDGETS ONLINE DJ  -->
<div id="OnlineDj"> </div>
<script src="https://shoutcastwidgets.com/js/jquery.min.js"></script>
<script>$(document).ready(function(){$("#OnlineDj").load("https://shoutcastwidgets.com/Widgets/v7-OnlineDj/?uid=NetworkF&size=50&mainFont=Black%2BOps%2BOne&secondaryFont=Pixelify%2BSans&color=%23000000&textColor=%23FFFFFF&backgroundColor=%23333333");
var refreshId = setInterval(function() {$("#OnlineDj").load("https://shoutcastwidgets.com/Widgets/v7-OnlineDj/?uid=NetworkF&size=50&mainFont=Black%2BOps%2BOne&secondaryFont=Pixelify%2BSans&color=%23000000&textColor=%23FFFFFF&backgroundColor=%23333333&blank=blank");}, 45000);
$.ajaxSetup({ cache: false });});</script>  

IFRAME


<!-- IFRAME CODE SHOUTCAST WIDGETS ONLINE DJ -->
<iframe src="https://shoutcastwidgets.com/Widgets/v7-OnlineDj/?uid=NetworkF&size=50&mainFont=Black%2BOps%2BOne&secondaryFont=Pixelify%2BSans&color=%23000000&textColor=%23FFFFFF&backgroundColor=%23333333" height="450px" width="100%" scrolling="yes" style="border:none;"> </iframe>

Current DJ Widget

Code Generator

Current DJ Widget is Fully Responsive!

JQuery Code is recommend for this widget. The DJ name is clickable and drops down which will automatically push the content below it down to adjust.
IFRAME is set in it's height so you would have a large gap below the widget on page load. You can adjust the IFRAME height to fit only the top area and hide the lower if jQuery code is not an option.

The Current DJ Widget requires you have at least one (1) DJ set up and on an active schedule. Use the event manager to create shows or events and assign one of your DJs to each event.
All Widgets v7 accounts are pre set up with shows running 24/7. If you do not have a DJ to cover a timeslot, you should create a Auto DJ and assign it.


View Schedule

You can hide or show the View Schedule link in your Shoutcast Widgets V7 panel under DJ Manager. Look for the Profile Page section on each DJ profile page.
Enable the DJ Money section to display the DJs $CashApp link
DJ Social profile links can also be enabled/disabled on each DJ profile page.