Tutorial - Top Commentator + Scroll Box




Pasang Top Commentator skali dgn Scroll Box





CARA PASANG TOP COMMENTATOR




Dashboard > Design > Add A Gadget > HTML/JavaScript



<center><script type="text/javascript">
function getYpipe(feed) {
document.write;
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=LINK BLOG&ExcludedNick1=NAMA PROFILE&ExcludedNick2=anonymous
&ShowHowMany=30&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script></center>



PURPLE : masukkan kan je link blog.

PINK : nama profile kt blog korang.
MERAH : berapa orang yg nk masukkan
dalam list : 10/15/20/25/30/35

kalau dah siap, tekan SAVE k :)

yg nama profile korang tu
boleh cari kt dashboard.
contoh mcm ni ;






CARA PASANG SCROLL BOX

Okeyh . sekarang nak buat scroll box untuk Top Commentator korang tu.
takkan nak biar dia panjang je ken? kene lah buh scroll box cm zaty.

1. Dashboard > Design > Edit HTML  > Tick Expand Widget Templates 

2. tekan CTRL+F dan masukkan TAJUK TOP COMMENTATOR korang.

3. cube tengok bawah2 code no 2 tadi, ade tak code mcm ni :

<div class='widget-content'>  

4. Kalau ade , BUANG CODE tu, dan GANTIKAN dengan CODE di bawah :


<div class='widget-content' style='overflow:auto; width:ancho; height:150px;'> 


 PINK saiz scroll box 





#okeyh , dah siap ! :) TEKAN SAVE .
kalau pasang bnde ni, korang boleh tau 
sape yg komen entry korang .


Thank You sebab baca entry ni . Jangan lupa like dan komen .

5 comments:

Hajjatul Darwisyah said...

Woot-2 .., saya ada dalam senarai top commenter :?
Ohmy ! Sayang kau :)

✉ ¥ana Fauzi ✉ said...

Eh , saya top commentor tuu , hahaha . Yey !! HAHAH .