Menambahkan Recent Posts Dan Recent Comments Dengan Javascript

1. Dari halaman Dashboard blog kamu pilih Tata Letak (Layout).
2. Setelah masuk ke Elemen Halaman, klik Tambah Gadget.
3. Setelah itu pilih HTML/JavaScript untuk ditambahkan, seperti nampak pada gambar berikut:

4. Kemudian masukkan script berikut dan ubah NamaBlogKamu dengan nama blog kamu sendiri:

<script style="text/javascript" src="http://andreblog.googlecode.com/files/rc-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. Jika ingin menampilkan lebih dari 25, silahkan pelajari artikel ini).
• 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.

Kode untuk Recent Comments:

<script style="text/javascript" src="http://andreblog.googlecode.com/files/rc-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,

<script style="text/javascript" src="http://andreblog.googlecode.com/files/rc-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.

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

Read more »

Cara Membuat Top Komentator

Kini bagi anda pengguna layanan blog Blogger.com atau Blogspot.com anda bisa memasang top komentator widget pada blog anda, untuk melihat siapakah yang paling sering berkomentar di blog anda. Metode yang dipakai menggunakan feed dari blog yang diolah dengan bantuan aplikasi online pengolah RSS-feed milik Yahoo yaitu Yahoo Pipes.

Copy Kode Script Berikut ini

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ul>");
}
</script>
<script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=33e2eb4dc25c7c21b9c586e11d2bc904&url=http%3A%2F%2FBLOGNAME.blogspot.com&num=10" type="text/javascript"></script>

Salin kode diatas dan ganti BLOGNAME dengan nama blog Blog*Spot anda. Kemudian masukkan pada page element HTML/JavaScript pada menu Edit Layout > Page Element pada Dasbor Blogger anda. Angka 10 menunjukkan jumlah komentator yang akan ditampilkan.

Atau dengan cara yang lebih mudah anda bisa menggunakan form dibawah ini untuk menambahkan widget Blogger Top Komentator ini pada blog anda:

Di ambil dari Anang's Blog

Read more »

Menyembunyikan Komentar

Menyembunyikan komentar sangat berguna terutama untuk blog yang sering kebanjiran komentar dari pengunjung seperti blognya Kang Rohman, Fatih Syuhud atau Joko Susilo. Dengan menyembunyikan komentar dapat menambah ruang pada blog. Cara kerjanya sepeti ini : komentar dari pengunjung akan disembunyikan dan akan muncul apabila anda atau pengunjung menge-klik tulisan "Lihat Komentar".

Cara menyembunyikan komentar :

(dikopas dari Blog Cyntia Site's)

1. Login ->> Tata Letak ->> Edit HTML
   
   
2. Klik di Expand Widget template cari kode berikut ini
   
   .feed-links {
   clear: both;
   line-height: 2.5em;
   margin-left: 13px;
   }
3. Copy paste kode berikut ini diatasnya :
   
   .commenthidden {
   display:none }
   .commentshown {
   display:inline }
4. Kemudian cari </head> copy paste kode berikut ini diatasnya :
   
   <script type='text/Javascript'> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className==&quot;commentshown&quot;) { whichpost.className=&quot;commenthidden&quot;; } else { whichpost.className=&quot;commentshown&quot;; } } </script>
5. Kemudian cari kode berikut :
   
   <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'>
   atau Kode
   
   <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'>
6. Copy Paste Kode berikut ini diatasnya
   
   <base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments (&quot;comments-block&quot;)' rel='nofollow'><b> <center><blink>Lihat Komentar</blink></center></b></a></h2></base> <dl class='commenthidden' id='comments-block'><br/>
   cari kebawah lagi sampai pada kode berikut ......................
   .......................................................................................
   <a expr:href='data:comment.url' title='comment permalink'>
   <data:comment.timestamp/>
   </a>
   <b:include data='comment' name='commentDeleteIcon'/>
   </span>
   </dd>
   </b:loop>
   </dl>
   </dl>
   
7. Simpan Template dan coba hasilnya!
   
   Keterangan :
   

   • Cari warna biru dengan Ctrl + F atau F3
   • Warna Merah "Lihat Komentar" dapat diganti sesuai keinginan anda
   • Warna Biru  </dl> adalah kode penutup yang harus ditambahkan. 

 Selamat Mencoba!

Read more »

Menampilkan Total Post dan Total Komentar

Sesuai namanya, Total Posts dan Total Comments ini fungsinya untuk menampilkan jumlah seluruh posting dan komentar yang ada dalam sebuah blog.

contohnya seperti ini :

TOTAL POST

CODE TOTAL COMMENTS

Cara Membuatnya, silahkan anda copy script dibawah ini :
TOTAL POSTING

<script style="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

TOTAL KOMENTAR

<script style="text/javascript"></script>
<script style="text/javascript">
function numberOfComments(json) {
document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script>
<script src="http://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

KETERANGAN : Warna Biru Jangan Lupa diganti dengan Alamat URL Blog ANDA

Read more »

Menampilkan Kotak Komentar dibawah Posting

Untuk menampilkan kotak komentar dibawah posting yang tidak tampak adalah sebagai berikut :

1. Login ke http://draft.blogger.com/ 
2. Pilih link Pengaturan -> Komentar . dan pilih radio button " Di semat di bawah entry.
   
   
   
   
3. Jika sudah, simpan dan coba mengklik salah satu judul postingan kita, apakah sudah ada kotak komentar di bawahnya apa belum? Jika belum kita harus melakukan langkah-langkah berikut.

Kita akan mengedit template kita.

1. Pilih Tata Letak ( edit layout ) - > Edit HTML.
2. Tandai/centang Expand Template Widget.

Cara Pertama :

• Cari kode berikut ini

<b:include data='post' name='comments'/>

• Setelah ketemu, taruh kode berikut ini di bawahnya

<b:include data="post" name="comment-form">

• Sehingga menjadi seperti dibawah ini

<b:include data='post' name='comments'/>
<b:include data="post" name="comment-form">

• Kemudian Simpan Perubahan, lihat hasilnya jika belum berhasil lakukan

Langkah Kedua

• Cari kode berikut ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/></a>
</p>

• Setelah ketemu ganti dengan kode ini

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/> <b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a> </b:if> </b:if> </p>

• Setelah itu, Simpan Perubahan

BERHASIL...? Selamat Mencoba

Read more »

Menampilkan Komentar Terbaru (Recent Comments)

Untuk menampilkan Komentar Terbaru diblog adalah sebagai berikut :

Copy Script dibawah ini

<script src="http://andreblog.googlecode.com/files/showrecentcomments.js">
</script><script>
var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;
</script><script src="http://blog-anda.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments">
</script>

Keterangan :

* var numcomments : jumlah posting yang akan ditampilkan
* showcommentdate : menunjukkan tanggal (false/true)
* showposttitle : Menampilkan Title Post (true/False)
* Yang ber warna Biru jangan lupa diganti dengan URL blog anda.

Dan Hasilnya seperti ini :

Read more »