JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://obs-project.googlecode.com/svn/trunk/slide_skitt.css">
<script src="http://obs-project.googlecode.com/svn/trunk/slide.js"></script>
<div id='skitterslideshow' style='width:644px;margin:0 auto'></div>

CSS

@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/bbysZXYlQ_uS6wRz---nZA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/neaHiVpEUkuPmSawsrNWSg.woff) format('woff');
}
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3ltXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3j8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
body {
    text-align: left;
    font: 13px/20px"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
}

JavaScript

$(document).ready(function () {
    pengaturan({
        blogURL: 'http://obesitystrike.blogspot.com',
        MaxPost: 5,
        RandompostActive: false,
        ImageSize: 620,
        NumCharacter: 150,
        idcontaint: "#skitterslideshow",
        cmtext: "Komentar",
        NoCmtext: "No Comment",
        pBlank: "http://2.bp.blogspot.com/-D47WWjFZXdk/UP1z-A5uCuI/AAAAAAAAH98/heTBvxq49No/s1600/noimage.jpg",
        tagName: false
    });
});