Another Blogger Tips for Stylish Blogger

Kembali bersama si bloglang anu ganteng kalem tea dalam mencari-cari blogger yang secara khusus memberitakan artikel mengenai tutorial, hack, trick, tips or etc ketebelece blogspot. Koben menemukan lagi blogger stylish oke punya, please welcome - YABTB. Teh great blogger and awesome article you can find there b-)
Master script pemilik blog tersebut, Python script :-bd Yang menurut dia mudah, bagi saya sulitnya minta ampun =)) Kita acak-acak satu per satu postingan gaya punya dari sana. kreasi yabtb sangat patut diperhitungkan! Karena memakai script yang berisikan auto favicon for avatar :)) Script yg dia buat banyak memakai pemanggilan +window.location.hostname+ sehingga kita tidak perlu lagi capek² pasang link ;))

Return of the Better Recent Comments Blogger

Masukkan semua bumbu tersebut ke dalam metode Add a Gadget ► HTML/JavaScript. Done.

Python Application

Example gradient PNG data URI

Try here!

if not worked you melancong dengan begini saja http://avafavico.appspot.com/?c1=FF0000&c2=FFFF00&h=15&w=25
Untuk avatar begini

Caranya seperti ini
My Avatar: http://avafavico.appspot.com/?userid=08754225607191914278
Or meluncur disini

Pokonya acak-acak saja semua psotingan yg ada disana. Kalau tidak mengerti tanyakan saja kepada si empunya. Ramah kok orangnya, aku saja komentar diajawab terus ;))

Perhatian Koben menclok di hack article about threaded commenting with Blogger native comments. Versi pendahulu bisa dibaca oleh sobat² threaded comments in blogger and next generation Threaded Comments II for Blogspot :D
Sekarang saatnya Beben mencoba membantu menerapkan threaded comments version master MS-potilas ke dalam blog kita.
Pada prosedur yang dipaparkan disana, jika ingin berjalan mulus versi ini, sobat harus mengganti hack berikut Highlight author comments and Reply to comments!

Pusing memang kalau harus menjalani proses panjang itu. Sikat script dibawah ini, masukkan sebelum tag </body>

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[

// Threaded comments for Blogger
// by MS-potilas 2011
// http://yabtb.blogspot.com

var clss = [];
var elements = document.getElementsByTagName("*");
for(var i=0 ; i<elements.length ; i++)
if(elements[i].className=="normal-comment" || elements[i].className=="admin-comment")
clss.push(elements[i]);

var prevAuthor = "";
var prevNode = null;
var authornodes = {};
for (var x=0 ; x < clss.length; x++ )
{
var moved = false;

var width = clss[x].scrollWidth;
clss[x].style.position = "relative";
clss[x].style.left = "0px";

var author = clss[x].innerHTML.toLowerCase().indexOf("%22%3e");
author = clss[x].innerHTML.substr(author+6);

if(author.toLowerCase().indexOf("%3c%2fa%3e") > -1)
author = author.substr(0, author.toLowerCase().indexOf("%3c%2fa%3e"));
else
author = "";

var cmtChild = clss[x].firstChild;
while(cmtChild && !/(^| )comment-body( |$)/.test(cmtChild.className) && !/(^| )comment-body-author( |$)/.test(cmtChild.className))
cmtChild = cmtChild.nextSibling;
var txt = cmtChild.innerHTML;

var elm = null;
var cmtID = txt.toLowerCase().indexOf("href=\"#");
if(cmtID == -1) cmtID = txt.toLowerCase().indexOf("href=\"" + (window.location.href.toLowerCase()).split("#",1)[0] + "#");
if(cmtID > -1) {
var commentid = "x" + txt.substr(cmtID).split("#")[1].split("\"")[0];
elm = document.getElementById(commentid);
}
if(!elm && prevAuthor != "" && x && prevNode)
{
if(txt.indexOf("@" + prevAuthor) > -1)
elm = prevNode;
else if(prevAuthor.length > 3 && txt.toLowerCase().indexOf("@" + prevAuthor.toLowerCase()) > -1)
elm = prevNode;
}
if(!elm) {
for(var tmp in authornodes) {
if(txt.indexOf("@" + tmp) > -1)
elm = authornodes[tmp];
}
}
if(elm) {
var ind = 0;
if(elm.style.left != "")
ind = parseInt(elm.style.left);
if(ind < 300) { // max indent
ind = ind + 20; // amount of indent
}
var parNode = elm.parentNode;
var place = elm;
var xpos;

do {
do place = place.nextSibling;
while(place && place.nodeType != 1);

if(place && place.style && place.style.left != "")
xpos = parseInt(place.style.left);
else
xpos = 0;

} while(place && xpos >= ind);

if(place != clss[x]) {
parNode.insertBefore(clss[x], place);
moved = true;
}

clss[x].style.position = "relative";
clss[x].style.left = ind + "px";
width = width - ind;
}
clss[x].style.width = width + "px";
if(!moved) {
prevAuthor = author;
prevNode = clss[x];
}
if(author != "")
authornodes[author] = clss[x];
}
//]]>
</script>
</b:if>

SAVE. Lihat berjalan tidak, kalau mulus, ya sudah sukses :D Jika belum lancar, berarti sobat harus menerapkan hack selanjutnya ;)) Lakukan Expand Widget Templates dan temukan kode<b: loop values='data: post.comments' var='comment'>Setelah ketemu, sisipkan code dibawah ini tepat dibawahnya ya

<b:if cond='data:comment.authorUrl == &quot;http://www.blogger.com/profile/YOUR-NUMBER-BLOG-PROFILE&quot;'>
&lt;div class=&#39;admin-comment&#39; id=&#39;x<data:comment.anchorName/>&#39;&gt;
<b:else/>
&lt;div class=&#39;normal-comment&#39; id=&#39;x<data:comment.anchorName/>&#39;&gt;
</b:if>

Cari kode penutup </b: loop> yg merupakan tagging penutup dari<b: loop values='data: post.comments' var='comment'>tepat diatasnya masukan kode</div>

Jangan lupa ganti YOUR-NUMBER-BLOG-PROFILE
Hampir lupa, sobat harus sudah memiliki tombol replay jika memang mau memakai threade comments ini. Berikut coded reply button for blogger comments<a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-NUMBER-BLOGID&postID=" + data: post.id + "&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' target='_blank'>[Reply]</a>Save.Sudah berjalan mulus belom! Bila belum juga, tanya saja ke yg buatnya yah =))
Happy blogging, don't forget to read article on yabtb blog :-bd
Good bye \m/