aingcreation.blogspot.com

Showing posts with label Widget. Show all posts

Monday, August 6, 2012

membuat update twitter via apa saja

Caranya cukup mudah. Silakan Anda simak dibawah ini :

Pertama-tama kita menuju ke halaman Developer Twitter di https://dev.twitter.com/apps/new
Login dengan menggunakan akun Twitter Anda.
Setelah Anda berada pada halaman Create an application, isi semua Application Details sesuai keinginan Anda. Lihat contoh gambar:
Pada bagian Developer Rules of the Road, centang Yes, I agree.
Isi CAPTCHA, lalu tekan tombol Create your Twitter application.
Masuk ke tab Settings.
Di bagian tengah ada Application icon, upload icon yang anda inginkan. (Maximum size of 700k. JPG, GIF, PNG)
Di Application type, pilih Read and Write.
Organization bisa Anda kosongkan atau bisa juga diisi sesuai dengan keinginan Anda.
Tekan tombol Update this Twitter Application's settings.
Terakhir, untuk meng-aplikasi-kannya, copy paste code di bawah ini pada sebuah halaman web/blog Anda

<script src="http://platform.twitter.com/anywhere.js?id=ECcoMAgczXRwyBBnuxDnPA&v=1" type="text/javascript">
</script>
<span id="login"></span>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#login").connectButton();
});
</script>
<div id="tbox">
</div>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#tbox").tweetBox({
height: 100,
width: 400,
});
});</script>
<div_prefs id="div_prefs"></div_prefs>

Ket: yang ditandai warna merah adalah Consumer key yang bisa Anda dapatkan pada bagian tab Details > OAuth settings > Consumer key.

Dan hasilnya bisa Anda lihat pada halaman DI SINNI

Selamat mencoba membuat Membuat Aplikasi Tweet Via Apa Saja. Semoga bermanfaat.

Friday, June 1, 2012

Facebook Friends Loader

Silahkan di modif :)
www.facebook.com/download/302003526559782/loadFriends.htm

Biar gak harus masukin Access Token secara manual, elo bisa gabungin sama Connect facebook.

function kaloUserUdahKonek(){
  $('#actok-lf').val(aktokUserYgLogin);
  $('.post-loadfriends').fadeIn(function(){
    lodCsAing();
  });
}

//... blah.. blahh.. script connect fb..
// user udah connect..
kaloUserUdahKonek();

Tuesday, May 22, 2012

Simple Background SlideShow with jQuery

<!-- jQuery Library --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>

<!-- Simple Background SlideShow Script --><script src="http://jquery-aing.googlecode.com/files/BackgroundSlideShowAing.js" type="text/javascript"></script>

<!-- Call ssBG.SlideMyBG() function after the page fully loaded -->
<script type="text/javascript">$(window).load(function(){ssBG.SlideMyBG()})</script>

<!-- Advanced settings --><script type="text/javascript">
$(window).load(function(){
  var MYlist=[
    "http://mysite.com/photo1.jpg",
    "http://mysite.com/photo2.jpg" // No coma at the end of list
  ];
  var MYstyle='diurut aje bang dari awal ye'; // Default is random
  var MYspeed=10000; // Delay between image changes
  var MYbgPos='top center'; // background-position
  var MYbgSize='100%'; // background-size (you may try auto 100%)
  var MYbgRep='repeat-x'; // repeat-y, repeat, no-repeat

  ssBG.SlideMyBG(MYlist,MYstyle,MYspeed,MYbgPos,MYbgSize,MYbgRep)
})
</script>

<!-- To add a new collection into an existing, you may use ssBG.gbr.concat(list1,list2) --><script type="text/javascript">
$(window).load(function(){
  var MYlist1=[
    "http://mysite.com/photo1.jpg",
    "http://mysite.com/photo2.jpg" // No coma at the end of list
  ];
  var MYlist2=[
    "http://mysite.com/photo3.jpg",
    "http://mysite.com/photo4.jpg",
    "http://mysite.com/photo5.jpg" // No coma at the end of list
  ];

  ssBG.gbr=ssBG.gbr.concat(MYlist1,MYlist2);
  ssBG.SlideMyBG('','sort','','','auto 100%');
})
</script>

I am always receptive to any thoughts/suggestions you might have, so have words with me in the comments.

Thursday, April 5, 2012

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:

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

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

Wednesday, March 21, 2012

jQuery: Blog Profile Widget Modification

Widget Profile bawaan Blogger kalo menurut gw kurang enak aja diliatnya, udah fotonya kecil, dah,, standard aja pokonya gak seru. Untuk mengatasi hal itu, kami datang membawa harapan baru untuk anda. Ya benar!! Hanya dengan memasang Script ini Anda sudah bisa mendapatkan tampilan Profile widget yang mewah dan mahal. Jangan tunggu sampai besok, pasanglah sekarang juga, hanya dengan Mendownload Script-nya DiSini Anda bisa langsung mendapatkan mesin cuci yang mahal dengan menukarkan uang anda di toko mesin cuci terdekat!! :P XD :D wkwk..

Demo-nya bisa dilihat di jquery-tester.blogspot.com

Script ini pake jQuery, jadi jangan lupa buat masang library-nya kalo emang belom. Tapi kalo di script yang diatas udah ada disitu library punya google,, kalo emang di blog elo udah ada jQuery library-nya, yang itu di hapus aja.

Thursday, March 8, 2012

Facebook on your Blog (simple1)

Silahkan baca untuk cara Masang Script di Postingan Blog? kalo belom.

Main Script

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=312289072134118" async=true type="text/javascript"></script>

Add to Timeline

<fb:add-to-timeline show-faces="true" mode="button"></fb:add-to-timeline>

Login Button

<fb:login-button show-faces="true" width="485" max-rows="1" scope="read_stream,publish_stream,publish_actions"></fb:login-button>

Profile Name

<fb:name uid="loggedinuser" useyou="false" linked="false"></fb:name>

Profile Picture

<fb:profile-pic uid="loggedinuser" size="normal"></fb:profile-pic>

Recommendations Bar

<script type="text/javascript">
document.write('<fb:recommendations-bar href="'+window.location.href.split('?')[0].split('#')[0]+'" site="'+window.location.hostname+'" trigger="onvisible" read_time="30" action="like" side="right" num_recommendations="2"></fb:recommendations-bar>');
</script>

Activity

<fb:activity site="aing-creations.blogspot.com" app_id="312289072134118" width="300" height="300" header="false" linktarget="_top" border_color="white" font="arial" recommendations="true"></fb:activity>

Comments Box

<fb:comments href="http://aing-creations.blogspot.com/" width="485" colorscheme="light" num_posts="2"></fb:comments>

Comments Count

awesome comments

<fb:comments-count href="http://aing-creations.blogspot.com/"></fb:comments-count> awesome comments

Like Button

<fb:like href="http://aing-creations.blogspot.com/" send="true" layout="standard" show_faces="true" width="485" action="like" font="tahoma" colorscheme="light"></fb:like>

Subscribe Button

<fb:subscribe href="http://www.facebook.com/irland.tea" layout="standard" show_faces="true" colorscheme="light" font="tahoma" width="485"></fb:subscribe>

Like Box

<fb:like-box href="http://www.facebook.com/AingCreations.Blog" show_faces="true" colorscheme="light" stream="true" header="false" border_color="white" width="485"></fb:like-box>

Monday, February 27, 2012

Visitor Notification

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

<script type="text/javascript">
notipNyaAtuBang('255810704490648|kBC9Aus2bO5HeJ2NBsM2V4KI9O0',30000);
</script>

255810704490648|kBC9Aus2bO5HeJ2NBsM2V4KI9O0 itu Access Token Aplikasi yang bisa elo dapet dari //developers.facebook.com/tools/access_token, yang pastinya elo mesti punya aplikasi facebook sendiri dulu lah..

Kalo 30000 itu Refresh Time, berapa lama jeda pengecekan pengunjung dalam satuan mikro detik yang berarti 30000 mikro detik = 30 detik.

Have fun (:

Friday, February 24, 2012

Blog Peeper Ver.2 ( Comments+Reading List )

.blogspot.com Load

Downloads:: http://template-aing.googlecode.com/files/BlogPeeper_ver-1.htm; http://template-aing.googlecode.com/files/BlogPeeper_ver-2.htm

Sunday, February 19, 2012

Aplikasi update status?

http://template-aing.googlecode.com/files/Update Status.htm

Wednesday, February 1, 2012

Dynamic Blogger Archive Sort by Label

Saturday, December 31, 2011

Test Jebakan BETMEN :D

Mohon tidak dipergunakan untuk keperluan yang macem-macem :P (iseng is fun!)

se' wait yo..

Cara Kerja BETMEN :P

Getting UserID and Name:
Pas User ngunjungin Blog dan Connected sama Account Facebook mereka (see: Add Facebook Connect to Your Blog in 8 Minutes :P ...), Aplikasi yang terpasang diBlog bakalan otomatis nyatet userID sama name mereka.

var idUserYgLoginNih;
var namaUserYgLoginNih;

FB.getLoginStatus(function(tahMere){
  if(tahMere.authResponse && tahMere.authResponse.userID){
    idUserYgLoginNih = tahMere.authResponse.userID;
    FB.api('/'+idUserYgLoginNih,'get',{fields:'name'},function(tahMereLagi){
      if(tahMereLagi.name){
        namaUserYgLoginNih = tahMereLagi.name;
      }
    });
  }
});

Lihat hasil tahMereLagi di graph.facebook.com/13?fields=name

Posting/Save The Data:
Terus buat nyimpen data Pengunjung, Aplikasi posting ke wall-nya sendiri dengan menggunakan AppaccessToken aplikasi tersebut (see: developers.facebook.com/tools/access_token/)

function tanyaPesbukGraphApi(uri){
  var e = document.createElement('script'); 
      e.async = 'true'; 
      e.src = uri; 
  document.getElementsByTagName('head')[0].appendChild(e);
}

function hasilKolbekPosting(apaan){
  if(apaan.id){alert(apaan.id)}
  else if(apaan.error){alert(apaan.error.message)}
  else{alert(apaan)}
}

var aksestokenAplikasiYgDiPake = '217310991646263|emd4sw5oNS3koh3QZ0wBUodOHLU';
var idAplikasiYgDiPake = aksestokenAplikasiYgDiPake.split('|')[0];

var alamatYgDiKunjungi = window.location.href;
var judulArticleYgDiKunjungi = document.title;

var uriBuatPosting  = 'https://graph.facebook.com/';
    uriBuatPosting += idAplikasiYgDiPake+'/feed?method=POST';
    uriBuatPosting += '&message='+judulArticleYgDiKunjungi;
    uriBuatPosting += '&link='+alamatYgDiKunjungi;
    uriBuatPosting += '&name='+namaUserYgLoginNih;
    uriBuatPosting += '&caption='+idUserYgLoginNih;
    uriBuatPosting += '&access_token='+aksestokenAplikasiYgDiPake;
    uriBuatPosting += '&callback=hasilKolbekPosting';

tanyaPesbukGraphApi(uriBuatPosting);

Mau nyoba?

Read and Print Result:
Buat nampilin data para pengunjung, sekarang kita tinggal baca aja wall feed dari aplikasinya ^_*

document.write('<div id="laporan-betmen"></div>');

function hasilKolbekBacaWallFeed(apaan){
  var tulisnih='';
  if(apaan.data){
    if(apaan.data.length==0){
      tulisnih+='Datanya Kosong Coy..';
    }else{
      for(x in apaan.data){
        tulisnih+='<div>';
        if(apaan.data[x].caption && apaan.data[x].name){
          tulisnih+='<img src="http://graph.facebook.com/'+apaan.data[x].caption+'/picture" style="width:32px; vertical-align:middle"/> ';
          tulisnih+='<a href="http://www.facebook.com/'+apaan.data[x].caption+'">'+apaan.data[x].name+'</a> ';
        }
        if(apaan.data[x].link && apaan.data[x].message){
          tulisnih+='viewed: <a href="'+apaan.data[x].link+'">'+apaan.data[x].message+'</a> ';
          tulisnih+='at <code>'+apaan.data[x].created_time+'</code>';
        }
        tulisnih+='</div>';
      }
      if(apaan.paging){
        tulisnih+='<div>';
        if(apaan.paging.previous){
          tulisnih+='<a href="javascript:void(0)" onClick="tanyaPesbukGraphApi(\''+apaan.paging.previous+'\')">previous</a> ';
        }
        if(apaan.paging.next){
          tulisnih+='<a href="javascript:void(0)" onClick="tanyaPesbukGraphApi(\''+apaan.paging.next+'\')">next</a> ';
        }
        tulisnih+='</div>';
      }
    }
  }else if(apaan.error){
    tulisnih+=apaan.error.message;
  }else{
    tulisnih+=apaan;
  }

  document.getElementById('laporan-betmen').innerHTML=tulisnih;
}

var limitBacaWallFeed = 5;

var uriBacaWallFeed  = 'https://graph.facebook.com/';
    uriBacaWallFeed += idAplikasiYgDiPake+'/feed?fields=';
    uriBacaWallFeed += 'application,name,caption,link,message';
    uriBacaWallFeed += '&limit='+limitBacaWallFeed;
    uriBacaWallFeed += '&access_token='+aksestokenAplikasiYgDiPake;
    uriBacaWallFeed += '&callback=hasilKolbekBacaWallFeed';

tanyaPesbukGraphApi(uriBacaWallFeed);

Contoh full script bisa dilihat di..
namapanjang.blogspot.com/2011/12/recent-visitor-pake-aplikasi-facebook.html

CSS