Langsung ke konten utama

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di BloggerCara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger - Setelah sebelumnya saya membagikan tutorial cara membuat widget recent comments ringan di blog, kali ini saya akan membagikan widget yang sama tapi dalam bentuk yang berbeda.

Apa bedanya ?
Di dalam widget komentar terbaru ini sudah ada judul postingannya, jadi akan terlihat artikel apa yang terakhir di komen oleh pengunjung blog.

Untuk masalah kecepatan, widget ini tidak akan menggangu kecepatan blog, jadi kalian tidak perlu khawatir untuk memasang widget ini.

(Baca juga : Cara Membuat Widget Recent Comments Ringan di Blog)

Widget ini saya temukan di blog Kang Ghani yang sering membagikan berbagai tutorialnya.

Bagi yang ingin tahu bagaimana cara memasangnya, ikuti langkah-langkah berikut ini.

Cara Memasang Widget Komentar Terbaru Dengan Judul Postingan di Blogger

  • Langkah pertama masuk ke akun blogger kalian
  • Kemudian pilih menu Tata Letak, kemudian pilih lokasi widgetnya
  • Pilih Tambahkan Gadget, kemudian pilih HTML/Javascript
  • Masukan Judul widget, lalu masukan skrip di bawah ini
<script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://www.tutorialumum.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
<style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>
  • Catatan :
    • Silahkan ganti www.tutorialumum.com dengan link blog kalian.
    • a_rc = Di gunakan untuk mengatur jumlah komentar, ganti angka 5 dengan jumlah komentar yang ingin kalian tampilkan.
    • m_rc = Di gunakan untuk menampilkan tanggal komentar, gunakan true untuk menampilkan dan false untuk menyembunyikan.
    • n_rc = Di gunakan untuk menampilkan judul postingan, gunakan true untuk menampilkan dan false untuk menyembunyikan.
    • o_rc = Di gunakan untuk menentukan jumlah karakter komentar, silahkan ganti 100 dengan jumlah karakter yang kalian inginkan
  • Setelah selesai pilih Simpan
  • Berikut ini adalah tampilannya.
Demikian tutorial dari saya mengenai cara membuat widget terbaru dengan judul postingan di blogger. Jika ada pertanyaan mengenai cara memasangnya atau yang lainnya, silahkan masukan di kolom komentar.

Terima kasih sudah berkunjung di blog saya ini. Untuk tutorial yang lainnya mengenai widget atau tutorial yang lainnya, silahkan tetap kunjungi Tutorial Umum.

Source : http://www.kangghani.com/2016/01/cara-memasang-widget-komentar-terbaru.html

Postingan populer dari blog ini

Cara Mudah Install XAMPP 1.7.3 di Komputer

Setelah sebelumnya ane memberikan tutorial tentang cara mudah uninstall XAMPP di komputer , kali ini ane akan memberikan tutorial tentang cara mudah install XAMPP 1.7.3 di komputer . (Baca juga :  Cara Mudah Uninstall XAMPP di Komputer ) Pengertian XAMPP XAMPP merupakan beberapa penggabungan beberapa program, yang berfungsi sebagai web server yang bisa berdiri sendiri. XAMPP terdiri atas beberapa program yaitu,  Apache HTTP Server , MySQL database, dan bahasa pemrograman PHP dan Perl . XAMPP sebenarnya adalah singkatan dari beberapa kata yaitu. X = Maksud dari huruf X adalah software ini dapat di jalankan di berbagai sistem operasi. A = Apache, apache adalah web server yang di gunakan untuk menjalankan sebuah halaman dengan kode PHP. M = MySql, MySql adalah database server yang di gunakan untuk menyimpan data-data yang di buat dengan bahasa Sql. P = PHP adalah bahasa pemrograman untuk menampilkan halaman web, dan membuat halaman web. P = Perl adalah bahasa pemograman yang ...

Cara Daftar dan Menggunakan MediaFire dengan Mudah

MediaFire adalah sebuah situs file hosting yang menyediakan penyimpanan berkas-berkas dan file. Situs file hosting yang di buat pada tahun 2006 ini menjadi tempat media penyimpanan terfavorit di dunia, selain Google Drive . Untuk itu pada tutorial kali ini saya akan memberikan tutorial cara daftar dan menggunakan mediafire dengan mudah . Sebelum saya membagikan cara daftar dan menggunakan mediafire , agan harus mengetahui kelebihan dan kekurangan dari file hosting mediafire. Berikut adalah kelebihan dan kekuarangan file hosting mediafire. (Baca juga :  Cara Memasang Komentar Disqus di Blogger dengan Mudah ) Kelebihan dan Kekurangan File Hosting MediaFire Kelebihan File Hosting MediaFire Simple dan tidak rumit seperti file hosting yang lain. File yang ingin di download akan langsung terdownload. Berbeda dengan file hosting lain, untuk akun free atau BASIC di berikan 10GB ruang penyimpanan, sehingga dapat menyimpan lebih banyak file. Bebas di bagikan kemana saja. Bebas di download...