Cara Menambahkan Recent Posts + Comment Dengan Javascript



Cara Menambahkan Recent Posts + Comment Dengan Javascript
Cara Menambahkan Recent Posts + Comment Dengan Javascript - Biasanya kebanyakan dari sobat blogger membuat recent posts dan recent comment pasti menggunakan fasilitas dari gadget blogger. Cara itu memang mudah dan simple, tapi sobat tidak akan bisa membuat lebih dari 5 dengan menggunakan fasilitas blogger, makanya dengan javascript ini dimudahkan untuk membuat recent posts + recent comment ini.

Selain itu, kamu juga bisa menambahkan recent posts / recent comment ini pada tabview widget kamu seperti pada kotak tabview di samping di Blog Deny ini.

Dibanding cara pertama (menggunakan Gadget Blogger), cara kedua ini memiliki kelebihan dimana jumlah judul posting atau komentar dapat diatur sekehendak kita (bisa lebih dari 5). Untuk menggunakannya kamu bisa mengikuti langkah-langkah berikut:
  • Login ke akun blogger kamu
  • Masuk ke tab rancangan, elemen laman
  • Setelah masuk ke Elemen Halaman, klik Tambah Gadget.
  • Setelah itu pilih HTML/JavaScript untuk ditambahkan, seperti nampak pada gambar berikut:
    html
  • Kemudian masukkan script berikut dan ubah NamaBlogKamu dengan nama blog kamu sendiri:

Kode untuk Recent Posts:
<script style="text/javascript" src="http://my-project-tabview-tab.googlecode.com/files/recents-posts.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://NamaBlogKamu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
Keterangan variabel:
- numposts = 10; artinya 10 posting yang ditampilkan (maksimal 25 posting)
- showpostdate = false; artinya tanggal posting tidak ditampilkan (kalo mau ditampilkan false-nya ganti dengan true).
- showpostsummary = false; artinya ringkasan posting tidak ditampilkan.
- numchars = 100; artinya banyaknya karakter (huruf) untuk ringkasan posting yang ditampilkan adalah 100 huruf.
- standardstyling = true; artinya menggunakan type standard.

Jika ternyata tidak muncul bullets pada setiap judul Recent Posts kamu (karena setiap template selalu berbeda), maka tambahkan perintah <ul> pada script terakhir dan ditutup dengan </ul> (lihat contoh pada script Recent Comments yang kedua).

Kode untuk Recent Comments:
<script style="text/javascript" src="http://my-project-tabview-tab.googlecode.com/files/recentc-comments.js"></script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Keterangan variabel:
var numcomments = 10; artinya 10 komentar yang ditampilkan.
var showcommentdate = true; artinya tanggal komentar ditampilkan.
var showposttitle = true; artinya menampilkan judul posting yang dikomentari.
var numchars = 100; artinya banyaknya karakter (huruf) komentar yang ditampilkan adalah 100 huruf.

Jika Recent Comments kamu ingin menggunakan bullets, seperti pada Recent Comments pada blog ini, gunakan script berikut:
<script style="text/javascript" src="http://my-project-tabview-tab.googlecode.com/files/recentc-commentsbullet.js"></script>
<script style="text/javascript">
var numcomments = 10;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<ul>
<script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>
Setelah memasukkan kode script dan melakukan editing variabel yang disesuaikan dengan keinginan kamu. Lakukan Preview (Pratinjau) untuk melihat hasilnya. Jika sudah OK, simpan hasil kerjaan kamu. Sekian dulu postingan saya mengenai membuat recent posts + recent comment, semoga bagi kamu yang ingin membuat recent comment bisa terbantu dengan postingan ini.

Nah, selesai dah. Selamat mencoba.....

Selayaknya Dibaca:

Ingin Berlangganan Artikel Terbaru ke email kamu? Masukan Email kamu disini:

Tidak tahu cara berlangganan? Klik disini

Related Post:

Anda sedang membaca artikel tentang Cara Menambahkan Recent Posts + Comment Dengan Javascript dan anda bisa menemukan artikel Cara Menambahkan Recent Posts + Comment Dengan Javascript ini dengan url http://daw-xp.blogspot.com/2011/03/cara-menambahkan-recent-posts-comment.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Menambahkan Recent Posts + Comment Dengan Javascript ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Menambahkan Recent Posts + Comment Dengan Javascript sumbernya.


20 comments

Windows 7 Blog March 31, 2011 at 7:51 PM

thank you sobat!

Reply delete
Deny Arya Wiranata March 31, 2011 at 8:01 PM

@Windows 7 Blog
Sama-Sama sobat, senang bisa membantu.

Jangan lupa follow ya.

Reply delete
XpVistaSe7en May 7, 2011 at 11:42 AM

ah, Thanks ya !

Reply delete
Deny Arya Wiranata May 22, 2011 at 11:28 AM

@XpVistaSe7en : OK gan, silahkan dicoba ya. :)

Reply delete
kolom lyrics June 17, 2011 at 9:01 AM

nice infonya,,,,,

Reply delete
AcerNoval July 3, 2011 at 10:55 PM

thanks :D

Reply delete
N.agung61 July 11, 2011 at 5:18 PM

Agan daftar Adsensenya dimana??

Reply delete
Deny Arya Wiranata July 11, 2011 at 5:33 PM

@N.agung61 : Lewat flixya gan. :)

Reply delete
semprul57 August 10, 2011 at 1:43 AM

nice share gan... :)
makasih atas tipsnya

Reply delete
angyusalf September 18, 2011 at 6:15 PM

thx gan, info2nya sangat membantu dan berguna sekali :)

Reply delete
Fadkhurrachman Dzaky October 23, 2011 at 2:24 PM

Mantap gan...

Reply delete
Dumuk November 13, 2011 at 1:18 AM

Apik tenan gan, kalo untuk memunculkan keyword yang masuk ke artikel c gmn gan?

Reply delete
jalan setapak December 13, 2011 at 1:32 PM

yupz aye coba y shohib..

Reply delete
flodesta June 23, 2012 at 8:09 PM

gan kalau mau di buat tab view gimana caranya. trim

Reply delete
Josh Laque December 1, 2012 at 2:58 PM

I believe this is among the such a lot important information for me. And i\'m satisfied studying your article. However want to observation on some general things, The website style is ideal, the articles is truly nice : D. Excellent process, cheers Article Wallpaper

Reply delete
steeve September 21, 2013 at 12:31 AM

makasih ya gan, ijin coba..:)

Reply delete
Syuaul Amin December 12, 2013 at 10:01 PM

thanks gan. :)

Reply delete
hezty tatawarna December 25, 2013 at 5:50 PM

makasii infonyya .., :D

Reply delete
Hand Excel April 18, 2014 at 6:26 PM

thanks gan

Reply delete
Obat Insomnia Alami January 28, 2015 at 1:44 PM

terimakasih banyak tutorialnya sob, sangat membantu..

Reply delete

Post a Comment

Silahkan Anda kritik dan sarannya pada kolom komentar di bawah ini. Karena setiap satu kata Anda berkomentar sangat berarti untuk kemajuan blog ini (baca: Cara Berkomentar yang Baik).

 

Site Info

  • Fortuner SUV Terbaik
  • Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia
  • Cincin Kawin
  • PageRank

    Followers

    back to topReturn to top of page Copyright © 2012 | Blog SEO DAW - XP | Tutorial Blogspot | Belajar SEO Blogspot - Privacy Policy Template by Hack Tutors