show popular post ใน blogspot

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 6 มิถุนายน พ.ศ. 2553 | 06:31

popular post หรือ บทความที่มีคนเข้า comment มากที่สุด เราสามารถนำบทความดังกล่าวมาโชว์ไว้ในบล็อกเราได้   เป็นการเพิ่มทางเลือกให้กับผู้เข้าชมบล็อกทั้งยังสามารถเพิ่ม traffic ได้อีกวิธีหนึ่ง  สำหรับวิธีการนำ popular post มาโชว์ใน blog ใช้วิธีการเพิ่ม gadget html /javascript ค่ะ มาดูวิธีการกันนะคะ

ขั้นตอนแรก ให้เพื่อน ๆ login ที่ blogger ไปที่ การตั้งค่า >รูปแบบ>องค์ประกอบหน้า >เพิ่ม gadget

popular post

เลือกเป็น + html/จาวาสคริปต์

popular_post_blogspot 

หลังจากเลือกเพิ่ม gadget html/javascript

<script language='javascript'>
aBold = true;
numposts=200;
maxshowresult=7;
home_page = "
http://introduction-blogger.blogspot.com";
</script>
<script type='text/javascript'>
//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>

ขั้นตอนถัดมาให้ copy code จากด้านบนวางลงใน gadget html/javascript โดยเปลี่ยน ค่าต่าง ๆ เหล่านี้ให้เหมาะกับ blog ของเพื่อน ๆ กันนะคะ

numposts=200; จำนวน 200 หมายถึงตัวอักษรที่แสดง 200 ตัว
maxshowresult=7; จำนวน 7 หมายถึง comment ที่แสดง 7 บทความ
home_page = "
http://introduction-blogger.blogspot.com"; ให้เปลี่ยน url ไปเป็น blog ของเพื่อน ๆ

ลองดูตัวอย่างชวนเพื่อนเขียนบล็อกกันหน่อย


image

หลังจากปรับแต่งค่าต่าง ๆแล้ว บันทึกค่า  หลังจากนั้นไปดูหน้าตาของ popular post ได้ใน blog ของเพื่อน  ๆ ได้แล้วค่ะ

ขอให้สนุกกับการปรับแต่งบล็อกนะคะ 




2 comments:

I' lOve shoping..... กล่าวว่า...

อ่านแล้วเข้าใจดีค่ะ

Dreamgirl กล่าวว่า...

Green Horse - แค่ออนไลน์ก็ได้ตังค่ะ ไม่หลอก ไม่โกง ไม่ spam จ่ายจริงผ่านทาง paypal ค่ะ

http://tickerbar.info/join_now.ghc?r=330764660

แสดงความคิดเห็น