Friday, 30 March 2012

Widget Recent Comments u Blogger Template Designer

Widget Recent Comments ini sangat kompatibel untuk semua semua template blogger, baik Template Tata Letak (template lama/old template) maupun Blogger Template Designer (template baru/new blogger template). Menggunakan widget recent comment sebenarnya sangat bermanfaat, tidak hanya bagi pemilik blog ataupun pengunjung blog, terlebih pemberi komentar yang memerlukan tanggapan atau jawaban author. Dengan digunakannya widget recent comments maka komentar-komentar dari keseluruhan posting akan terkumpul dalam sebuah box khusus yang dengan mudah dibaca pengunjung tanpa. Hal seperti ini akan membuat pengunjung atau pemberi komentar secara cepat mengetahui ada atau tidaknya tanggapan/jawaban terhadap komentar/pertanyaan yang diajukan. Widget Recent Comments sendiri menggunakan javascript yang hanya terdiri dari beberapa baris sehingga loading blog juga tidak akan terlalu terbebani. Satu keuntungan lebih dari widget ini adalah pada tingkat kecepatan untuk menampilkan recent comments. Sangat jauh lebih cepat dibanding widget recent comments bawaan/yang disertakan blogger pada "Add a Gadget".
Javascript dan xHTML Recent Comments
<script src="http://gubhugreyotprojects.googlecode.com/svn/widgets/GRrecent.comments.js" type="text/javascript"></script>
<div style="max-height:300px;overflow:auto;">
<script src="http://gubhugreyot-demo-tutorial-blogger-2.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</div>

Cara menggunakan widget recent comments

  1. Login ke Blogger.
    • Tuliskan "User Name" (gmail) atau tuliskan "Email Address" (non gmail).
    • Tuliskan Password.
    • Klik "Sign in"
  2. Beberapa saat setelah klik sign in anda akan menjumpai halaman "Dasbor (Dasboard)".
    Klik "Rancangan (Design)".
  3. Anda akan menjumpai halaman untuk menambah gadget, klik "Add a Gadget/Tambah Gadget".
  4. Sebuah window baru akan terlihat dengan beberapa pilihan gadget. Cari dan klik "HTML/Javascript".
    • Copy dan paste-kan javascript dan xHTML widget Recent Comments dalam box HTML/Javascript.
    • Ganti kode berwarna merah pada :
      http://gubhugreyot-demo-tutorial-blogger-2.blogspot.com sesuai dengan alamat blog anda.
    • Klik "SIMPAN/SAVE".
  5. Buka blog dan lihat hasil penambahan widget recent comments.

D E M O

Lihat recent comments dalam blog ini!

Catatan :

Dalam demo ini widget telah mengalami banyak modifikasi. Jika anda ingin membuat yang seperti terlihat dalam demo, silahkan tunggu tutorialnya di http://gubhugreyot.blogspot.com

0 comments:

Post a Comment

gubhugreyot: Demo & Tutorial