Update Blogger Template Bamz Style. Alhamdulillah setelah menerima beberapa kritikan dan permintaan dari para blogger yang menggunakan
Template Bamz Style akhirnya selesai juga ngeditnya. Mohon maaf buat yang komentarnya g di bales atau bahkan di hapus. Saya tidak membalas komentarnya bukan karena tidak ingin membalasnya, tapi bingung mau bales yang mana dulu, jadi saya bales yang sekiranya lebih penting. Untuk komentar yang di hapus saya juga mohon maaf, soalnya komentarnya hanya berisi "artikel bermanfaat! visit http:/blogsaya.com/". Jujur saja, tidak ada blogger yang senang dengan komentar yang hanya ingin menempatkan link atau berisi link2 yang menuju keluar blog mereka, bener ngga? :o.
Kalau memang ingin menempatkan link, yah isilah nama pada komentar dengan keyword anda, jangan menempatkan pada isi komentar. semoga bisa di mengerti.
Apa saja update dari template blogger Bamz Style?
Dari beberapa permintaan atau kritikan yang saya kumpulkan, ternyata hanya ada 2 yaitu:
1. Menambahkan footer kolom pada template tersebut.
4 kolom footer sudah saya tambahkan dan warnanya sudah saya sesuaikan dengan template. Untuk caranya sama persis dengan yang saya berikan pada posting sebelumnya "
Cara membuat footer kolom pada template blogger"
2. Membuat ukuran font H1 pada halaman home dan posting berbeda.
Pas tadi baca komentar, ternyata ada yang meminta agar ukuran font H1 pada halaman home berbeda dengan di halaman posting. Untuk caranya sangat mudah, anda tinggal menambahkan kode berikut tepat di atas kode
</head>
<b:if cond='data:blog.pageType == "item"'>
<style>
h1,h1 a:visited{display:block;font-size:16px;line-height:1em;}
</style></b:if>
Nah yang warna merah adalah ukuran yang nantinya akan tampil di halaman posting saja, silahkan anda rubah sesuai keinginan anda.
Tips / catatan :
- Untuk intstal template dengan aman, jangan lupa selalu mem-backup template original supaya bila terjadi error, anda hanya tinggal upload template original nya :).
- Hapus / pindahkan semua widget yang ada di blog anda, simpan di notepad terlebih dahulu, agar nanti langsung siap pasang lagi.
- Upload templatenya, karena blog anda sudah tanpa widget, jadi tidak akan muncul pesan/ notice "Keep widget, Delete widget dsb". Tips ini karena menurut pengalaman saya, dari beberapa kali upload template.
Oh
Template Bamz Magazine sudah saya update juga kemarin! :)
Update 4 Maret 2012
Thread Comments tidak berfungsi? Penyebab thread comment dari template ini tidak berfungsi yaitu kesalahan pada kode Javascript Trhead comments. Yang perlu anda lakukan adalah
mengganti Javascript thread comments dengan yang baru.
- Buka file xml yang sudah anda download.
- Cari kode threaded_comment_js dan kira kira kodenya seperti di bawah ini.
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
Terus sampai ke bawah yaitu penutup kode includable
</script>
</b:includable>
Kalau sudah ketemu silahkan ganti semua kodenya dengan javascript di bawah ini
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
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 '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
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;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
Simpan.
Saya sarankan mengganti kodenya di file xml jangan di blog langsung. kalau sudah baru di upload lagi templatenya.
Template ini didesain 2 kolom dan tidak ada perubahan banyak pada template ini dari template sebelumnya yaitu B-Seo Versi 2. Adapun perubahannya hanya susunan HTML seperti yang saya jelaskan di atas.
Pada template ini ada sedikit perubahan yaitu penambahan sidebar di bagian kanan, sehingga menjadi 3 kolom. Dan content sedikit di persempit, tapi all hasil masih cocok untuk blog yang senang dengan ruang untuk iklan.
Nah kalau template yang versi ini di desain menjadi 3 kolum dengan penempatan sidebar di kanan dan kiri. Ruang untuk iklan lebih bagus dan menarik. Oh yah kotak pencarian juga sudah tersedia di semua versi. Jadi sobat tidak perlu membuat atau kebingungan untuk membuatnya sendiri.
