Powered by Jasper Roberts - Blog

Tutorial Cara Pasang Top Commentators

21 comments

click to zoom

Hai all...hari ini koz nak ajar pulak cara nak buat widget top commentators...
Top commentators ini akan auto list nama-nama top 10 orang yang memberi comment di blog korang...

Langkah-langkah untuk membuat widget ini amat mudah...Ikut langkah-langkah di bawah...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript.

Langkah 2

Korang copy dan paste code di bawah

<script type='text/javascript'>
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=f91b5716f09d1986849eb4072486db48&url=NamaBlog.blogspot.com&num=10&filter=NamaKorang"></script>
<a href='http://www.bloggerplugins.org'><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.bloggerplugins.org/2008/06/top-commentators-widget-for-blogger.html'><img style="border: 0" alt="Top Commentators Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

Langkah 3

Korang gantikan/ubah ayat "Nama Blog" di code tersebut dan taruk nama blog korang...
Kemudaian Jangan lupa letak nama korang pada ayat "Namakorang"
ini untuk memastikan nama anda tidak tergolong dalam top commentators tersebut...


Save dan lihatlah hasilnya

Camat mencuba...

Tutorial Meletak icon Kegemaran di Favorite Icon/Favicon Blog

19 comments

click to zoom

Hai all...seperti biasa koz akan berkongsi dengan korang tutorial yang berikutnya...

Tutorial kali ini ringkas sahaja...Tutorial kali ini adalah berkenaan cara korang nak letak /ganti icon favorite yang sedia ada kepada icon yang korang hendak...

sebagai contoh koz telah meletak icon seperti di bawah untuk mengantikan icon sedia ada...
click to zoom

Langkah-langkahnya mudah sahaja...korang hanya perlu mencari icon yang korang nak
tak kisah lah dalam format jpeg,png,giv,ico asalkan ia bersaiz kecil(50X50)
Selepas itu korang login>layout>Edit HTML. Kemudian
korang klick Ctrl+f pada keyboard korang dan cari code ini
</head>

kemudaian copy dan paste code di bawah sebelum code

<link href='Masukkan Link Gambar Di Sini' rel='SHORTCUT ICON'/>

Kemudian save dan lihatlah hasilnya...

camat mencuba :D

Tutorial Cara letak fungsi Reply to Comment pada blog

31 comments

click to zoom

Hai all..hari ini koz nak ajar lak dekat korang cara termudah nak aktifkan fungsi reply commen pada blog korang.Sebelum ini koz ada juga dapat cara-cara yang lain,tetapi ia agak sukar kalau tak memberi sepenuh perhatian...

Jadi hari ini koz akan kongsi ilmu ini pada korang...Nak tahu cara-cara nak buat?

Ok ikut langkah-langkah seperti di bawah...


Langkah 1


Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.


Langkah 2

Kemudian cari code ini
<data:commentpostedbymsg>
atau code ini
<data:commentpostedbymsg/>

cara termudah untuk mencari code ini korang tekan kekunci Ctrl+F pada keyboard korang

dan copy paste pada bar Find yang terpapar


Langkah 3

Kemudian copy code di bawah dan paste di bawah/selepas code
<data:commentpostedbymsg>
atau code ini
<data:commentpostedbymsg/>


Copy paste code ini

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=Masukkan ID Blog Disini&postID=" + data:post.id + "&isPopup=true&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"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span>

Sebelum korang save korang kena masukkan ID blog korang...
cara nak dapatkan ID korang sila lihat URL pada page Edit HTML
blog korang

click to zoom

Kemudain save dan lihatlah hasilnya

camat mencuba...

Denaihati.com

 
Google PageRank Checker Powered by  MyPagerank.Net