jQuery: Visitor Notification | aingcreation.blogspot.com

Thursday, April 5, 2012

jQuery: Visitor Notification

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

7 comments:

Sancay Kyung said...: mantap gan; April 5, 2012 at 2:24 PM
Histerz Blog said...: beuuhh ..

kyenn pissan eeuyy notif nna jquery,,

share doonk template nya kka...; April 5, 2012 at 8:39 PM
Sancay Kyung said...: bikin widget yg kayak di pojok tu gimana kang >>??
terus explore archive sekarang tambah keren nichh ,,,; April 6, 2012 at 9:15 PM
Ф дфѕдғфдғ Ф said...: jiga pesbuk pisan kitu :@; April 10, 2012 at 7:58 PM
said...: scriptnya di taro di atas pa di bawah; June 2, 2012 at 3:20 PM
Rony Bangsongan said...: iya..... tu temapt naruh scrip2 nya tu di mana... kok g ada penerangan nya sama sekali......!
patut nya di terang kan di mana mo taruh scrip2 nya itu.....
selalu nya agan cuma kasih scrip2 aja tapi g di bilangin naruh nya di mana...... sma aja bo ong dunk agannnnn................; June 7, 2012 at 11:49 AM
Ksatria Purnama said...: oh, agan yang atas baru dateng ya?
coba keliling dulu aja gan, kita udah agak jauh nih :)

kaloo tiap posting mesti dibahas basic nya, bosen kayanya :D

kenal sama yang namanya HTML/Javascript widget ?; June 7, 2012 at 12:21 PM

Subscribe to: Post Comments (Atom)