membuat recent comment di blogger

Share |
Tutorial ini akan menjelaskan cara
Membuat Widget Recent Comment di
Blogger , dengan adanya widget ini
dapat memudahkan kita sebagai
admin blog untuk mengetahui
komentar terbaru.

Widget Recent Comment dalam
tutorial ini shevy bagi 2,
diantaranya:

1. Widget Recent Comment dengan
javascript, Beginner version (sok
inggris, hehe).
2. Widget Recent Comment tanpa
Javascript, yang ini paling gampang.
Mau tau Langkah2 untuk Membuat
Widget Recent Comment, ok
cekidot...

1. Widget Recent Comment
dengan javascript
  • Langkah pertama login ke blogger -
    dari halaman Dashboard masuk ke
    Tata Letak / Layout - Kemudian
    masuk ke tab Elemen Halaman /
    Page Elemen.
  • Selanjutnya tambahkan gadget baru,
    dengan memilih Tambah Gadget /
    Add Gadget. Pilih type HTML /
    Javascript.
  • Kemudian masukan script dibawah
    ini kedalam gadget baru tersebut.



  • <script style="text/javascript">
    function showrecentcomments(json)
    { var numcomments = 5; var
    showcommentdate = true; var
    showposttitle = true; var numchars =
    100; for (var i = 0; i < numcomments;
    i++) { var entry = json.feed.entry[i];
    var alturl; if (i ==
    json.feed.entry.length) break; for
    (var k = 0; k < entry.link.length; k++)
    { if (entry.link[k].rel == 'alternate')
    { alturl = entry.link[k].href; break; } }
    alturl = alturl.replace("#",
    "#comment-"); var postlink =
    alturl.split("#"); postlink = postlink
    [0]; var linktext = postlink.split("/");
    linktext = linktext[5]; linktext =
    linktext.split(".html"); linktext =
    linktext[0]; var posttitle =
    linktext.replace(/-/g," "); posttitle =
    posttitle.link(postlink); var
    commentdate = entry.published.$t;
    var cdyear = commentdate.substring
    (0,4); var cdmonth =
    commentdate.substring(5,7); var
    cdday = commentdate.substring
    (8,10); var monthnames = new Array
    (); monthnames[1] = "Jan";
    monthnames[2] = "Feb";
    monthnames[3] = "Mar";
    monthnames[4] = "Apr";
    monthnames[5] = "May";
    monthnames[6] = "Jun";
    monthnames[7] = "Jul";
    monthnames[8] = "Aug";
    monthnames[9] = "Sep";
    monthnames[10] = "Oct";
    monthnames[11] = "Nov";
    monthnames[12] = "Dec"; if
    ("content" in entry) { var comment =
    entry.content.$t;} else if ("summary"
    in entry) { var comment =
    entry.summary.$t;} else var
    comment = ""; var re = /<S[^>]*>/g;
    comment = comment.replace(re, "");
    document.write('<br/>'); if
    (showcommentdate == true)
    document.write('On ' + monthnames
    [parseInt(cdmonth,10)] + ' ' + cdday
    + ' '); document.write('<a href="' +
    alturl + '">' + entry.author[0].name.
    $t + '</a> commented'); if
    (showposttitle == true)
    document.write(' on ' + posttitle);
    document.write('<br/>'); if
    (comment.length < numchars)
    { document.write('<i>');
    document.write(comment);
    document.write('</i>');} else
    { document.write('<i>'); comment =
    comment.substring(0, numchars);
    var quoteEnd = comment.lastIndexOf
    (" "); comment = comment.substring
    (0, quoteEnd); document.write
    (comment + '...<a href="' + alturl + '">
    (more)</a>'); document.write('</
    i>');} document.write('<br/>'); }
    document.write('<br/>'); } </script>
    <script src="http://
    Alamat_blog_kamu.blogspot.com/
    feeds/comments/default?alt=json-
    in-
    script&callback=showrecentcomments">
    </script>


  • Script yang saya tandai dengan warna biru, ganti dengan alamat blog kamu.
  • Setelah memasukan script diatas, jangan lupa kasih judul widget tersebut


  • Langkah terakhir save template, dan lihat hasilnya.



  • 2. Recent Comments Cara Kedua
  • Langkah pertama login ke blogger - dari halaman Dashboard masuk ke Tata Letak / Layout - kemudian masuk ke tab Elemen Halaman / Page Element.
  • Tambahkan gadget baru, dengan klik Tambah Widget / Add Gadget. Kemudian pilih type Feed.
  • Kemudian masukan alamat feed comment blog kamu. Seperti url contoh dibawah ini. Ganti listkho.blogspot.com dengan url blog kamu.


    http://listhko.blogspot.com/feeds/ comments/default


  • Kemudian klik Next,
  • Silahkan Ubah pengaturannya sesuai dengan keinginan kamu. Berikut keterangannya : Judul : Judul Widget kamu misal "Recent Comments atau Komentar Terbaru". Tampilkan : Jumlah komentar yang akan ditampilkan didalam widget. Tanggal : Menampilkan tanggal komentar pada widget recent comments. Sumber pengarang : nama orang yang memberikan komentar. Buka link dijendela baru : Setiap kita klik link di widget itu, maka akan membuka tab baru pada browser.
  • Jika sudah jangan lupa klik Simpan - Simpan Template. Dan lihat hasilnya. Selamat Mencoba... Semoga Berhasil...


  • BACA JUGA YANG INI




    0 komentar:

    :)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

    Posting Komentar

    jangan cuma baca plend, silahkan berkomentar tentang artikelnya.. di tunggu plend. dilarang berkomertar berbau SARA !!!

    LIST COMMUNITY