Bahan Postingan

<pre><code class="language-markup">kode HTML</code></pre>
<pre><code class="language-css">kode CSS</code></pre>
<pre><code class="language-javascript">kode JavaScript</code></pre>
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;
    }
})();
Iframe Gambar
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: #fbfbfb; border-collapse: collapse; border-spacing: 0px; border: 0px; color: #555555; font-family: Arial, Geneva, sans-serif; font-size: small; line-height: 18px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 100%; padding: 4px; position: relative; text-align: center; vertical-align: baseline;"><tbody style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<tr style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(221, 221, 221); box-shadow: rgb(255, 255, 255) 1px 1px 1px inset, rgb(255, 255, 255) -1px -1px 1px inset; font-family: inherit; font-size: 13px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 3px 5px; vertical-align: top;"><a href="http://3.bp.blogspot.com/-Xjx4prS_UVI/Ulqrr5nnSKI/AAAAAAAACXY/XLtd_lyP4Ks/s1600/woles.jpg" imageanchor="1" style="-webkit-transition: all 0.5s; border: 0px; color: #0099cc; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px auto; outline: none; padding: 0px; text-decoration: none; transition: all 0.5s; vertical-align: baseline;"><img border="0" height="228" src="http://3.bp.blogspot.com/-Xjx4prS_UVI/Ulqrr5nnSKI/AAAAAAAACXY/XLtd_lyP4Ks/s1600/woles.jpg" style="border: 0px none; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; position: relative; vertical-align: baseline;" width="400" /></a></td></tr>
<tr style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><td class="tr-caption" style="border: 1px solid rgb(221, 221, 221); box-shadow: rgb(255, 255, 255) 1px 1px 1px inset, rgb(255, 255, 255) -1px -1px 1px inset; font-family: inherit; font-size: 12px; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 8px; vertical-align: top;"><a href="http://free-btemplate.blogspot.com/2013/10/woles-blogger-template-mas-sugeng.html">Woles Free Blogger Template</a></td></tr>
</tbody></table>
CSS Demo dan Download
<ul class="button1">
<li><a class="demo1" href="https://wolestemplate.blogspot.com/" target="_blank">Demo</a></li>
<li><a class="download1" href="https://dl.dropboxusercontent.com/u/122336262/Template/woles.zip" target="_blank">Download</a></li>
</ul>

Tidak ada komentar:

Posting Komentar

Pengikut

Cari Templates

Google+ Followers