Cara Membuat Widget Recent Comments Di Blog | Tutorial Lengkap

Cara Membuat Widget Recent Comments Di Blog

Zona Internetku September 22, 2018

Cara Membuat Widget Recent Comments Di Blog

Cara Membuat Widget Recent Comments Yang Keren Di Blog. Comments alias kometar adalah sebuah loka buat menampung kritik

Widget recent comments sangat berguna sekali untuk menarik perhatian pengunjung dengan menampilkan sebuah widget ini maka akan mengundang para pengunjung untuk lebih berinteraksi.

Itu tadi ulasan singkat mengenai tentang widget recent comments, dan kali ini saya akan menunjukkan cara untuk memasangnya

Cara Menambahkan Atau Memasang Widget Recent Comments Yang Keren Di Blogger

1. Pastikan dulu kalian sudah masuk ke dalam blog kalian

2. Selanjutnya kalian masuk ke dalam menu "Tata Letak"

3. Kemudian kalian klik "Tambahkan Gadget" dan pilih widget yang bernama "HTML/JavaScript"

4. Setelah itu kalian letakkan script berikut ini di dalam kolom konten widget tersebut

Style 1 : Nama Komentator dan Isi Komentar

			<script type='text/javascript'> //Recent Comments Settings
				var numComments  = 5;
				var characters  = 60;
				</script> <script type='text/javascript'> //<![CDATA[ //Recent Comments var numComments=numComments||5,characters=characters||40; function recent_comments(tb){var commentsHtml;commentsHtml='<ul id="recent_comments">';for(var i=0;i<numComments;i++){var commentlink,authorName;if(i==tb.feed.entry.length)break;commentsHtml+="<li>";var entry=tb.feed.entry[i];for(var l=0;l<entry.link.length;l++){if(entry.link[l].rel=='alternate'){commentlink=entry.link[l].href}}for(var a=0;a<entry.author.length;a++){authorName=entry.author[a].name.$t}commentsHtml+="<strong><a href=\""+commentlink+"\" title=\""+authorName+"\">"+authorName+"</a></strong>";var commHTML=entry.content.$t;var commBody=commHTML.replace(/(<([^>]+)>)/ig,"");if(commBody!=""&&commBody.length>characters){commBody=commBody.substring(0,characters);commBody+=" &hellip;"}else{commBody=commBody}commentsHtml+=" - ";commentsHtml+="<span>"+commBody+"</span>";commentsHtml+="</li>"}commentsHtml+='</ul>';document.write(commentsHtml)} //]]> </script> <script> document.write("<script src=\"/feeds/comments/default?alt=json&callback=recent_comments\"><\/script>"); </script>

Silahkan kalian angka 5 yang berada di numComments untuk mengatur jumlah komentar yang akan ditampilkan

dan ganti juga angka 40 pada characters untuk mengatur jumlah karakter yang akan tampil pada widget tersebut

Baca juga :

Cara Menambahkan Widget Random Post Di Blog

Cara Membuat Featured Post Di Homepage Blog

Tutorial Menambahkan Widget Blog Recent Post By Label

Style 2 : Nama Komentator, Tanggal, Judul Postingan, Dan Isi Komentar

			<script>
				var a_rc = 5;
				var m_rc = true;
				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> "),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="/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Keterangan :

var a_rc = 5

Atur angka 5 menjadi Jumlah Komentar yang ingin kamu tampilkan pada widget tersebut.

var m_rc = false

Kamu perlu Sesuaikan False menjadi true jika kamu ingin menampilkan tanggal komentar itu terbit.

var n_rc = false

Kamu Perlu Sesuaikan False menjadi true jika kamu ingin menampilkan judul posting pada komentar tersebut.

var o_rc = 100

Sesuaikan nilai 100 dengan Jumlah Karakter komentar yang tampil pada komentar tersebut.

5. Setelah semua di rasa sudah selesai, maka jangan lupa untuk menyimpan widget tersebut

Ok, cukup itu saja tutorial kali ini mengenai Cara Membuat Widget Recent Comments Di Blog yang bisa kita bahas, untuk tutorial lainnya silahkan kalian tunggu artikel lainnya dari saya.

Baca juga :

Cara Memasang Menu Breadcrumbs Di Blogspot

Cara Membuat Auto Readmore Keren Otomatis

Cara Membuat Menu Navigasi Dropdown Sederhana

Referensi :

22 September 2018 https://www.tutorialumum.com/2017/06/membuat-widget-recent-comments-di-blog.html

22 September 2018 https://inirifany.blogspot.com/2018/07/cara-mudah-membuat-widget-recent-Comments-blogger.html

Komentar

Posting Komentar

Postingan populer dari blog ini

4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP | Tutorial Lengkap

Gambar
4 Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Aplikasi Pelindung Mata Untuk Mengurangi Dampak Dari Radiasi Layar HP Dan Tablet . Smartphone atau yang lebih akrab disebut dengan gadget telah menjadi bagian kebutuhan pokok sehari hari, mulai dari untuk berkomunikasi, berbisnis, mencari informasi ataupun hanya untuk sekedar mencari hiburan seperti bermain game. Zona Internetku November 11, 2019 Tetapi tahukah kalian bahwa sinar biru (blue light) yang dipancarkan sang layar HP jua mengakibatkan radiasi dalam organ mata sebagai akibatnya mampu berdampak buruk bagi si pengguna gadget tersebut, terutama bagi orang yang melakukan semua aktifitasnya melalui HP, terlebih lagi jika mereka sanggup memakai HP lebih dari 8 jam setiap harinya yg padahal itu jelek bagi kesehatannya. Tapi kita juga masih sanggup buat mengurangi pengaruh atau resiko yg disebabkan sinar biru smartphone dengan memakai fitur fitur yg sudah disediakan sang pihak pengembang beberapa pelaksan...
Baca selengkapnya

Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop | Tutorial Lengkap

Gambar
Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop Cara Mengubah Suasana Siang Menjadi Malam Di Photoshop Zona Internetku September 11, 2016 Cara Mengubah Suasana Siang Menjadi Malam . Halo.. sob, selamat datang di zona internetku, pada tutorial kali ini saya akan memposting tutorial tentang cara mengubah suasana siang menjadi malam, efek kali ini memberikan kesan yang agak suram atau sepi karena biasanya susana di malam hari memang sangat menakutkan, tapi berbeda bagi para editor yang menggunakan efek ini untuk menciptakan suasana tertentu, yang tentu saja menggunakan aplikasi photoshop yang penuh dengan fitur fitur yang sangat keren, dan saya kali ini menggunakan aplikasi photoshop cs6 kalian juga bisa menggunakan aplikasi photoshop yang lain seperti photoshop cc yang selalu update dengan fitur fiturnya yang lebih keren dari generasi yang lainnya. tetapi itu semua tergantung dari bagaimana cara menggunakan aplikasi tersebut dengan keahlian kalian masing masing. Ok langsun...
Baca selengkapnya

5 Daftar Situs Yang Bisa Digunakan Untuk Belajar Memulai Bisnis | Tutorial Lengkap

Gambar
Lima Daftar Situs Yang Bisa Digunakan Untuk Belajar Memulai Bisnis Daftar Situs Yang Bisa Digunakan Untuk Belajar Memulai Bisnis. Untuk memulai sebuah bisnis atau berwirausaha yang sukses maka kita memerlukan pengetahuan dan pengalaman yang cukup untuk mengelola usaha tersebut, selain itu juga jika bisnis tersebut sudah berkembang besar maka diperlukan mentor yang profesional sehingga kita akan terbantu saat menangani masalah pada bisnis kita dan juga orang yang dapat dipercaya. Zona Internetku September 02, 2019 Berbicara soal usaha, aku akan membahasnya dari yang mendasar yaitu pengetahuan atau ilmu buat menemukan ide, memulai Untuk mempejalari semua itu kita bisa memperolehnya dengan belajar mengikuti sebuah kursus, pelatihan maupun seminar. Namun kita juga bisa mendapatkan semua ilmu tersebut melalui situs-situs di internet yang telah dibagikan secara gratis, untuk mengetahuinya silahkan simak daftarnya disini. Website Terbaik Untuk Belajar Dalam Memulai Bisnis 1. Trend...
Baca selengkapnya