jQuery: Visitor Notification(kya Notip w pakeXD) :p | BoNceLKiLLmZ™

Sunday, July 8, 2012

jQuery: Visitor Notification(kya Notip w pakeXD) :p

Cara Pasang

Pastiin Library jQuery sama Plugin jQuery Ui berikut udah ada dibagian <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>

Bikin Widget HTML/Javascript baru dibagian paling bawah Layout Blog, terus isi kira-kira kaya gini:

<script type="text/javascript">
function detBrow(){
  var nVer=navigator.appVersion; var nAgt=navigator.userAgent; var browserName =navigator.appName; var fullVersion =parseFloat(navigator.appVersion); 
  var majorVersion=parseInt(navigator.appVersion,10); var nameOffset,verOffset,ix;
  if((verOffset=nAgt.indexOf("Opera"))!=-1){browserName="Opera"; fullVersion=nAgt.substring(verOffset+6); if((verOffset=nAgt.indexOf("Version"))!=-1){fullVersion=nAgt.substring(verOffset+8)}}
  else if((verOffset=nAgt.indexOf("MSIE"))!=-1){browserName="Microsoft Internet Explorer"; fullVersion=nAgt.substring(verOffset+5)}
  else if((verOffset=nAgt.indexOf("Chrome"))!=-1){browserName="Chrome"; fullVersion=nAgt.substring(verOffset+7)}
  else if((verOffset=nAgt.indexOf("Safari"))!=-1){browserName="Safari"; fullVersion=nAgt.substring(verOffset+7); if((verOffset=nAgt.indexOf("Version"))!=-1){fullVersion=nAgt.substring(verOffset+8)}}
  else if((verOffset=nAgt.indexOf("Firefox"))!=-1){browserName="Firefox"; fullVersion=nAgt.substring(verOffset+8)}
  else if( (nameOffset=nAgt.lastIndexOf(' ')+1) < (verOffset=nAgt.lastIndexOf('/')) ){browserName=nAgt.substring(nameOffset,verOffset); fullVersion=nAgt.substring(verOffset+1); if(browserName.toLowerCase()==browserName.toUpperCase()){browserName=navigator.appName}}
  if((ix=fullVersion.indexOf(";"))!=-1){fullVersion=fullVersion.substring(0,ix)}
  if((ix=fullVersion.indexOf(" "))!=-1){fullVersion=fullVersion.substring(0,ix)}
  majorVersion=parseInt(fullVersion,10);
  if(isNaN(majorVersion)){fullVersion=parseFloat(navigator.appVersion); majorVersion=parseInt(navigator.appVersion,10)}
  var tulis=browserName+' '+majorVersion;
  return tulis;
}
var userBrowser=detBrow();
if(!window.timeMachine){window.timeMachine=function(what){
//format 2011-11-12T10:45:30+000 and 2011-12-09T10:23:28.695+07:00
  var today=new Date(); var todayTahun=today.getFullYear(); var todayBulan=today.getMonth()+1; var todayTgl=today.getDate(); var todayWaktu=today.toString().split(' ')[4]; var todayGMT=today.toString().split(' ')[5]; 
  if(today.toString().split('\(')[1]){var todayTZ=today.toString().split('\(')[1].replace('\)','')}else{var todayTZ='Greenwich Mean Time'} if(what==null || what==''){what=todayTahun+'-'+todayBulan+'-'+todayTgl+'T'+todayWaktu+'.'+todayGMT} var getwhat=what.replace('T',' ').replace(/-/gi,' ').split('+')[0].split('.')[0]+' GMT'; if(what.split('+')[1]){getwhat+='+'+what.split('+')[1]}else{if(what.split('T')[2]){getwhat+='-'+what.split('T')[2].split('-')[1]}else{getwhat+='-'+what.split('T')[1].split('-')[1]}} var harihari=["Minggu","Senen","Selasa","Rabu","Kamis","Jum'at","Sabtu"]; var bulanbulan=["January","February","Maret","April","Mei","June","July","Agustus","September","Oktober","November","Desember"]; var d=new Date(getwhat); var dTahun=d.getFullYear(); var dBulan=d.getMonth()+1; var dTgl=d.getDate(); var dWaktu=d.toString().split(' ')[4]; var dGMT=d.toString().split(' ')[5]; var nh=d.getDay(); var menit=dWaktu.split(':')[1]; var jam=dWaktu.split(':')[0];
  if(jam>12){if(jam<15){var ampm='siang'}else if(jam<18){var ampm='sore'}else if(jam<20){var ampm='magrib'}else{var ampm='malem'}}else{if(jam<4){var ampm='dini hari'}else if(jam<6){var ampm='subuh'}else if(jam<10){var ampm='pagi'}else{var ampm='siang'}}
  var namaHari=harihari[nh]; var namaBulan=bulanbulan[(dBulan-1)]; var delta=today-d; var detiks=1000*1; var minutes=detiks*60; var hours=minutes*60; var days=hours*24; var month=days*30; var years=days*365; var naon=delta/detiks; var iraha=Math.round(naon); var harita='Karak ge crot bieu'; var haritadelta=Math.round(delta/hours);
  if(iraha<0){harita='Karak ge crot bieu'}else if(iraha>=0 && iraha<60){harita='Nembe '+iraha+' detik bieu'}else if(iraha>=60 && iraha<60*60){naon=delta/minutes; harita='Nembe '+Math.round(naon)+' menit bieu'}else if(iraha>=60*60 && iraha<(60*60*24)){naon=delta/hours; harita=Math.round(naon)+' jam tadi'}else if(iraha>=(60*60*24) && iraha<(60*60*24*30)){naon=delta/days; harita=Math.round(naon)+' hari kemaren'}else if(iraha>=(60*60*24*30) && iraha<(60*60*24*30*12)){naon=delta/month; harita=Math.round(naon)+' bulan kemaren'}else{harita=namaHari+', '+dTgl+' '+namaBulan+' '+dTahun+' jam '+jam+':'+menit+' ('+iraha+')'}
  return harita+'_'+namaHari+', '+dTgl+' '+namaBulan+' '+dTahun+' jam '+jam+':'+menit+' '+ampm+'_'+todayTZ+'_'+haritadelta+'_'+dGMT;
}}
</script>

Yang diatas itu baru script pendukung aja, buat deteksi Browser sama Konversi Waktu ke kalimat karak ge crot bieu

Sekarang tinggal nambahin baris berikut setelah script yang di atas tadi

<script src="http://jquery-aing.googlecode.com/files/notipAing-jQ.js" type="text/javascript"></script>

Save Widget HTML/Javascript yang lo bikin barusan dan lihat hasilnya.

Kalo pengunjung di blog elo gak kecatet dinotif ini, berarti blog elo belom ada connect facebooknya atau gak ada variable idUserYgLogin nya.

Kalo untuk Connect Facebook kayanya udah sering dibahas kali ya, Script dibawah ini Cara cepat dapetin idUserYgLogin

<script type="text/javascript">
  if($('#fb-root').length==0){$('body').prepend('<div id="fb-root">
</div>
')}
  window.posIpeun=function(response){
    if(response.href){var iniNihCoy=response.href}else{var iniNihCoy=response}
    var pec=iniNihCoy.split('/').length-1;
    var oqelah=iniNihCoy.split('/')[pec].replace(/-/gi,' ').replace('\.html','');
    if(oqelah==''){oqelah=iniNihCoy}
    if(typeof evrecAing!='undefined'){
      $.getJSON('https://graph.facebook.com/'+evrecAing.split('|')[0]+'/feed?method=POST&access_token='+evrecAing+'&message='+idUserYgLogin+'%0A_%0A'+posipeuntype+'%0A'+window.location.href.split('?')[0].split('#')[0].replace(':\/\/',' ').replace(/\./gi,':dot:')+'%0A'+oqelah+'%0A'+userBrowser);
    }
  };
  window.fbAsyncInit=function(){
    FB.init({appId:'381308871890588',status:true,cookie:true,xfbml:true,oauth:true}); 
    FB.getLoginStatus(function(wew){
      if(wew.authResponse && wew.authResponse.userID){
        window.idUserYgLogin=wew.authResponse.userID;
      }else{
        if(!window.sakaliwe){window.sakaliwe=true;$('body').bind('click',function(){FB.login(function(wow){
          if(wow.authResponse && wow.authResponse.userID){
            window.idUserYgLogin=wow.authResponse.userID;
            $('body').unbind('click');
          }
        },{scope:'read_stream,publish_stream'})})}
      }
    }); 
    FB.Event.subscribe('comment.create',function(response){window.posipeuntype='commented on';posIpeun(response)});
    FB.Event.subscribe('edge.create', function(response){window.posipeuntype='liked';posIpeun(response)});
  };
  $.ajax({url:'http://connect.facebook.net/en_US/all.js',dataType:'script',cache:true});
</script>

Kalo masih pengen baca-baca :P ada lagi nih.. //irl4nd.blogspot.com/2012/03/jquery-visitor-notification-test.html
Kalo ada yang kurang jelas, komen aja dibawah, siapa tau ada temen-temen yang lain yang bisa bantu :D

wk kabooooooooooooorrrrrrrrr.... XD

1 comment:

Tanta said...: kok gak bisa mas?
mohon Bantu mas
http://new-jastac.blogspot.com|
Terima Jadi Author Juga ya mas =); February 14, 2013 at 2:53 AM

Subscribe to: Post Comments (Atom)