Source Code: Demo PRISM Light

Demo Prism SyntaxHighlighter

Theme : Light

Untuk Tutorial klik DISINI

CSS

#main-wrapper {
  width:100%;
  text-align:left;
  clear:both;
}

#main {
  padding:0 5px;
}

.main .widget {
  margin:0 0 0 0;
}

.main .Blog {
  border-bottom-width:0 !important;
}

.post-labels,
.posting-dates,
.post-comment-link,
.post-author-vcard {
  margin-right:10px;
}

.post-header-line-1 {
  margin:5px 0 15px;
  font-size:11px;
  padding-bottom:5px;
  font:Helvetica,Arial,Sans-serif;
  display:none;
}

HTML

<html>
    <head>
        <meta charset="utf-8">
        <title>Sample Page</title>
        <style type="text/css">
        * {margin:0;padding:0}
        div {background-color:red}
        mark {
          display:inline;
          background-color:yellow;
          color:black;
        }
        </style>
    </head>
    <body>
        <script>console.log('Prikitiw!');</script>
        <script type="text/javascript">
        //<![CDATA[
        console.log('Prikitiw!');
        //]]>
        </script>
        <div id="page-wrap">
            <a href="http://blog.kangisment.net" target="_blank">Lorem Ipsum</a>
            Lorem ipsum dolor sit amet...
        </div>
    </body>
</html>

JavaScript

var cursor = null;
if (items && items.length > 0) {
    cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function (entry) {
        if (entry.gd$extendedProperty) {
            for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                    return '' + entry.content.$t + '';
                }
            }
        }
        return entry.content.$t;
    }
var parse = function (data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
            for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                var comment = {};
                // comment ID, parsed out of the original id format
                var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                comment.id = id ? id[2] : null;
                comment.body = bodyFromEntry(entry);
                comment.timestamp = Date.parse(entry.published.$t) + '';
                if (entry.author && entry.author.constructor === Array) {
                    var auth = entry.author[0];
                    if (auth) {
                        comment.author = {
                            name: (auth.name ? auth.name.$t : undefined),
                            profileUrl: (auth.uri ? auth.uri.$t : undefined),
                            avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                        };
                    }
                }
                if (entry.link) {
                    if (entry.link[2]) {
                        comment.link = comment.permalink = entry.link[2].href;
                    }
                    if (entry.link[3]) {
                        var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                        if (pid && pid[1]) {
                            comment.parentId = pid[1];
                        }
                    }
                }
                comment.deleteclass = 'item-control blog-admin';
                if (entry.gd$extendedProperty) {
                    for (var k in entry.gd$extendedProperty) {
                        if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                            comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                        }
                    }
                }
                comments.push(comment);
            }
        }
        return comments;
    }
})();

Sabtu, 18 Mei 2013

Demo PRISM Light