STEP 1: put this code at the top of your .html file, anywhere between <head> and </head>
STEP 2: put this code at the bottom of your .html file, somewhere above </body>
HAVING TROUBLE? F.A Q:
▬ the site's cache takes a while to refresh, so it may take up to an hour or two after your link is added for the widget to show up correctly!
▬ the widget will only work in the body of your comic's HTML .. it won't work in a social media bio, plaintext text box in a website builder, or in other website files like .css
▬ the widget will only work on the URL you gave me. if you want to put it on the website for a second comic, you'll have to send a second application for that comic
▬ the widget's font/size/colour will come from parent properties in the in your own css .. those are usually at the top of style.css and look like this:
body{
font-family: NAME OF FONT;
font-size: SIZE OF FONT in px;
}
a{
color: #HEX CODE COLOUR;
}
▬ more complex edits to the shape or the layout of the widget need a new div tag called #webcomicring (not .webcomicring ...it needs the # symbol)
#webcomicwebring{
your css here
}
If you would no longer like to have the widget on your page, please let a mod know in the W/C/R discord or send an email to bweird.art@gmail.com so I can make sure the loop no longer points to your comic. You are still welcome to be a part of the W/C/R without the widget, this is what the affiliates section is for!
Please note that if you change your domain the widget will break, and your comic may be removed from the ring if we can't find you anymore!