Template Blogger Keren 2013 Untuk Sobat Blog Manado
23 April 2013

Lama banget ga nulis artikel. Sekarang, tiba waktunya saya, memperkenal tampilan blog baru, ehh maksudnya template baru. Template ini awalnya aku download dari http://www.freebloggertemplate.info/ kemudian beberapa sentuhan akhirnya bisa dikatakan SEO Friendly, I Think.Template ini saya rasa sangat sederhana untuk sebuah blog yang bertema tutorial. Dengan dilengkapi slider sederhana pula, terlihat elegan tetapi tetap sederhana.
Baca Juga
<div id="slider">
<script style="text/javascript">
var showpostthumbnails_gal = true;
var showpostsummary_gal = true;
var random_posts = false;
var numchars_gal = 150;
var numposts_gal = 10;
function showgalleryposts(json) {
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
document.write('<ul style="overflow:hidden;">');
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
if (random_posts == true){
indexPosts.sort(function() {return 0.5 - Math.random()});
}
if (numposts_gal > numPosts) {
numposts_gal = numPosts;
}
for (i = 0; i < numposts_gal; ++i) {
var entry_gal = json.feed.entry[indexPosts[i]];
var posttitle_gal = entry_gal.title.$t;
for (var k = 0; k < entry_gal.link.length; k++) {
if ( entry_gal.link[k].rel == 'alternate') {
posturl_gal = entry_gal.link[k].href;
break;
}
}
if ("content" in entry_gal) {
var postcontent_gal = entry_gal.content.$t
}
s = postcontent_gal;
a = s.indexOf("<img");
b = s.indexOf("src=\"", a);
c = s.indexOf("\"", b + 5);
d = s.substr(b + 5, c - b - 5);
if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
var thumburl_gal = d
} else var thumburl_gal = '<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg9Q2wVsmNBSEaqm7yG-FbuKclTTzn4Z6pd6pLJy5kS4Fqxao7sAQ53_YbhSqBRjEFZ7vPZA0sNUV3RsOBEOEj5QO8qS8KASMfUrIYkNyDYBDu9VC3NzfkesXoX8xLuW0om8-q6bK7ztE/s1600/FBTMaG+V1.jpg</span>';
document.write('<li><div id="slide-container"><span class="slide-desc"><h2 style="margin:10px 0px;">');
document.write(posttitle_gal + '</h2>');
var re = /<\S[^>]*>/g;
postcontent_gal = postcontent_gal.replace(re, "");
if (showpostsummary_gal == true) {
if (postcontent_gal.length < numchars_gal) {
document.write(postcontent_gal);
document.write('</span>')
} else {
postcontent_gal = postcontent_gal.substring(0, numchars_gal);
var quoteEnd_gal = postcontent_gal.lastIndexOf(" ");
postcontent_gal = postcontent_gal.substring(0, quoteEnd_gal);
document.write(postcontent_gal + '...');
document.write('</span>')
}
}
document.write('<a href="' + posturl_gal + '"><img src="' +
thumburl_gal + '" width="610px"/></a></div>');
document.write('</li>');
}
document.write('</ul>');
}
</script>
<script style="text/javascript">
<span style="color: red;">var numposts_gal = 6;</span>
<span style="color: red;"> var numchars_gal = 150;</span>
var random_posts = false; // random posts
</script>
<!-- replace with your web address (marked with red color) -->
<script src="<span style="color: red;">/feeds/posts/default</span>?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>