<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