Cara Menambahkan Popular Post Atau Postingan Populer Di Blog
Jumat, 10 Juni 2011
-
2:28 PM
|
12
Comments |
Rezkiji
|
Edit Entri
Cara Membuat Atau/Menambahkan Postingan Populer Di Blog Menurut Jumlah Komentar --- Assalamualaikum, Pada siang ini saya akan membagikan kembali sebuah tutorial, yaitu tutorial menambahkan Popular Post di blog, Popular post maksudnya adalah daftar postingan terpopuler atau dengan kata lain terfavorit yang muncul berdasarkan berapa banyak jumlah komentar pada postingan tersebut. jika masih bingung dengan penjelasan saya yaudah kita mulai saja membuatnya, tp sebelum itu lihat dulu contohnya di bawah ini :
1. Masuk dulu ke akun blogger anda
2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
<script language='javascript'>
aBold = false;
numposts=250;
maxshowresult=10;
home_page = "http://idmusicbox.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>
5. Save dan Lihat Hasilnya
Keterangan : Tulisann yang berwarna Merah silahkan anda ganti sesuai keinginan anda
aBold = Penebalan Teks (true or false)
numposts= Total Postingan yang akan ditelusuri
maxshowresult= Jumlah daftar yang akan tampil
home_page =Alamat Blog anda
aBold = Penebalan Teks (true or false)
numposts= Total Postingan yang akan ditelusuri
maxshowresult= Jumlah daftar yang akan tampil
home_page =Alamat Blog anda
Langganan:
Posting Komentar
(
Atom
)
Entri Populer
- Jadwal Pertandingan Timnas Indonesia Senior, U-23 Dan U-19 | Update Terbaru
- Tata Cara Shalat Tahajud Beserta Do'a
- Keutamaan-Keutamaan Puasa Ramadhan | Mengenal Puasa Ramadhan
- Video Brimob Vs TNI Adu Dance
- Hajar Aswad Adalah Super Konduktor
- Daftar Kode Warna | HTML
- Cara Membuat Halaman Scroll Di Blog | HTML
- Tidur
- Fort Rotterdam Atau Benteng Ujung Pandang
- Membuat Favicon Muncul Di Semua Web Browser
makasi sob tutor nya :)
BalasHapus@Tutorial Photoshop okey..masama sob :)
BalasHapushai,,, thanku infonya.. langsung aku pasang di blogku loh.. :)
BalasHapussalam kenal ;)
@nitawanitahai juga,,sama2 sobat
BalasHapussaya menuju kerumahmu nih :)
salam kenal balik :D
Info bagus sob.... cocok untuk newbie seperti ane... wkwkwk
BalasHapuskalo ada caranya bikin post animasi berjalan sob, biasanya ada di pinggir homepage. Ada gambar postingan gitu,,, waduhh sulit ngomongnya gimana.. hehehe
@Indrazz Afterlife maksudx recent post yang thumbanil n slide show gitu...
BalasHapusbingung juga nih maksd km yg kyk gmn,,wkwkwkw :p
Siip Sob ilmunya... Tapi kebetulan saya sudah pasang yang dari blogger.nya... :)
BalasHapusSalam Kenal... :)
nah iya sob.... betul gitu, yang ada thumbnail nya, trus slide kebawah gitu.... ahhh.... susah amat ane nih.... xixixixi
BalasHapustolong kasi tutornya sob kalo ada, hehehe... :D
thanks atas info tentang panduan memasang popular post...
BalasHapusCatatan Ngeblog :
BalasHapusmakasi kawan..
ow gitu toh....
okey salam kenal balik :D
_________________________
Indrazz Afterlife :
ada sih sob...
tp saya belum bisa posting,,alx belum waktunya untuk buat postingan baru..syg klo udah buat lgi :D,,hehe
kalau mau cari aja di gogle dengan kata kunci "recent post animasi dengn jquery" pasti nemu sob :D
maap yah...
________________________
assyafieq :
okey sama2 atas kunjungaxx :D
ow gitu sob... hehehe,,, ane ngerepotin aja nih... ntar ane browsing aja sob :D
BalasHapustrims atas kata kuncinya :D
wkwkwk
@Indrazz Afterlifeiya sob,,...wkwkw
BalasHapusmasama :D