Cara membuat dan memasang CHAT BOX untuk blogger

Apakah CHAT BOX itu? arti atau pengertian chat box adalah sebuah ruang atau kotak tempat ngobrol langsung antara pembaca blog dengan pemilik website. Biasanya sebuah blog atau web itu kalau dipasang CHAT BOX, maka tampilan blog tersebut akan terkesan lebih keren dan menarik, selain keren dan menarik, dengan pemasangan CHAT BOX di'web, akan memudahkan bagi pembaca atau pengunjung blog untuk bisa berkomunikasi dengan pemilik blog secara langsung.

Lalu bagaimanakah cara membuat dan cara memasang CHAT BOX tersebut ke dalam blog, terutama untuk blog yang dibuat di blogspot atau blogger? cara pembuatannya sangat mudah, kita nanti tidak diharuskan bisa menguasai bahasa pemrograman dulu atau kita harus bisa menguasai cara penulisan kode html dulu, karena sekarang ini di dumay (dunia maya) sudah ada situs yang murah hati yang memberikan pelayanan untuk membuat script atau kode html CHAT BOX.

Jadi untuk membuat CHAT BOX, kita nanti akan menggunakan jasa layanan pembuatan CHAT BOXnya dari salah satu situs penyedia layanan pembuatan CHAT BOX yang ada di dumay, baca sampai habis dulu ya, ntar di bagian belakang dari posting saya ini akan saya jelaskan bagaimana langkah-langkah cara pembuatan CHAT BOXnya.

Saya jelaskan dulu saja ya yaitu untuk cara pemasangan CHAT BOX ke dalam blogger :

1. Copy kode html CHAT BOX dibawah ini : 
   <!-- begin olark code -->
   <script data-cfasync="false" type='text/javascript'>/*<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
   f[z]=function(){
   (a.s=a.s||[]).push(arguments)};var a=f[z]._={
   },q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
   f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
   0:+new Date};a.P=function(u){
   a.p[u]=new Date-a.p[0]};function s(){
   a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
   hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
   return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
   b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
   b.contentWindow[g].open()}catch(w){
   c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
   var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
   b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
   loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
   /* custom configuration goes here (www.olark.com/documentation) */
   olark.identify('8267-723-10-1372');/*]]>*/</script><noscript><a href="https://www.olark.com/site/8267-723-10-1372/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
   <!-- end olark code -->
2. Kemudian pastekan ke widget html/javascript blog blogger kalian!
3. Lihat hasilnya! CHAT BOX akan muncul di pojok kanan bagian bawah blog kalian. Jika kalian sedang online, maka akan muncul tulisan CHAT WITH US di chat box kalian, tetapi jika kalian tidak online, maka tulisan chat with us tersebut akan berubah menjadi tulisan CONTACT US.

DEMO

Sekarang sudah tahukan cara pemasangan CHAT BOXnya ke blogger? selanjutnya silahkan simak penjelasan dari saya tentang cara pembuatan CHAT BOXnya tersebut :

• Klik link berikut ini Olark.
• Kemudian kalau halamannya sudah terbuka sempurna seperti ini...

 

• Klik tombol SIGN UP!
• Lengkapi formulir pendaftarannya!
• Kalau sudah copy script atau kode html CHAT BOXnya dan silahkan kalian pastekan ke widget html/javascript blog kalian.

Demikian share dari saya tentang cara membuat dan memasang CHAT BOX untuk blogger, semoga bermanfaat.

NB:
Jika dengan membaca tutorial saya di atas, kalian masih kebingungan untuk bagaimana cara membuat chat boxnya, bagaimana cara untuk pemasangannya ke widget blog dan bagaimana caranya supaya chat boxnya bisa dalam keadaan online, silahkan hubungi saya!