Kaikki ohjeet

Kävijälaskuri GitHub Pages -sivustolle

GitHub Pages toimittaa tiedostot sellaisinaan, joten koodi lisätään suoraan sivulle. Myös Jekyll-työkalulla tehdyt Markdown-sivut toimivat: sen Markdown-muunnin päästää HTML-koodin sellaisenaan läpi, script-tagi mukaan lukien.

Vaihe vaiheelta

1. Valitse ulkoasu Stats4U-palvelussa ja kopioi koodi HTML-välilehdeltä.
2. Jos haluat laskurin jokaiselle sivulle, lisää se asetteluun – esimerkiksi _layouts/default.html tai _includes/footer.html – juuri ennen </body>.
3. Yksittäiselle sivulle liitä koodi .html- tai .md-tiedostoon kohtaan, jossa laskurin pitää näkyä.
4. Tee commit ja push. Verkkosivusto rakennetaan pian uudelleen.

Koodi

Tämän alustan välilehti: HTML

<script src="https://www.stats4u.net/s4u.js"
        data-id="12345" data-style="3903" async></script>

Tässä esimerkissä laskurin numero on 12345 ja ulkoasu on vain näyte. Ohjeavustaja antaa oman numeron ja valitsemasi ulkoasun.

Valitse laskuri

Hyvä tietää

• BBCode ei toimi täällä. Käytä HTML- tai HTML <img> -välilehteä.

Muiden alustojen ohjeet

• WixEmbed HTML Wix Editor -muokkaimessa tai Embed Code Wix Studio -muokkaimessa – ja miksi Wix näyttää tilastoissa eri osoitteen.
• WordPressCustom HTML -lohko omassa WordPress-asennuksessa; HTML <img> -välilehti maksuttomassa WordPress.com-paketissa.
• BloggerHTML/JavaScript-gadget lisää laskurin blogin jokaiselle sivulle.
• Google SitesInsert → Embed → Embed code uudessa Google Sites -palvelussa.
• chomikuj.plProfiilin kuvaus hyväksyy kuvat mutta ei skriptejä – siksi käytetään HTML <img> -versiota.
• JimdoWidget/HTML-elementti Jimdo Creator -muokkaimessa – ja miksi uudemmassa Jimdo-sivustotyökalussa sille ei ole paikkaa.
• WeeblyEmbed Code -elementti yhdelle sivulle tai Footer Code -kenttä verkkosivuston jokaiselle sivulle.
• NeocitiesSuoraan sivun HTML-koodiin, mukana 88×31-painikkeet painikeseinälle.
• Foorumit & profiilitBBCode foorumien allekirjoituksiin ja peliprofiileihin, HTML <img> sinne, missä HTML sallitaan.