Ingat Waktu Coy

Senin, 21 Januari 2013
Kamis, 17 Januari 2013
Apa Sih Cookies Apa Sih Cookies
Apa itu cookie?
Cookie itu serangkaian text yang disimpen di komputer oleh situs web yang elo kunjungin.
Biasanya sih cookie itu isinya cuman pengaturan atau referensi gitu lah, buat situs-situs web tertentu, misal referensi tentang bahasa elo atau lokasi (negara), dll. (jadi gak semua situs web nyimpen cookie, tergantung yang bikin web lah :P)
Nah pas elo (suatu hari/beberapa detik kemudian atau kapan-kapan) balik lagi ke situs itu, situs itu bakalan nyari cookie yang dikasih browser, terus ngambil informasi dari situ (kalo ada) buat keperluan (misal) tampilan/interface bahasa dll.
Gettooo... :P ,, kalo pengen lebih jelas, baca aja di support.mozilla.com/id/kb/Tentang Cookie (gw juga taunya dari situ XD)
JavaScript buat namPolin Cookie (document.cookie)
<script type="text/javascript">
<!--
document.write('<p>'+document.cookie+'</p>');
//-->
</script>
Hasilnya
Dipisah-pisah menurut karakter pemisah ; (document.cookie.split(';'))
<script type="text/javascript">
<!--
function pisahinKuki(){
var i;
var eureyKuki = document.cookie.split(';');
for(i=0; i<eureyKuki.length; i++){
document.write('<p><b>'+i+'=>></b> '+eureyKuki[i]+'</p>');
}
}
pisahinKuki();
//-->
</script>
Hasilnya
Dipisah-pisah nyaring nama sama value (substr dari indexOf('='))
<script type="text/javascript">
<!--
function pisahinNamaSamaValueKuki(){
var i,x,y,z;
var eureyKuki = document.cookie.split(';');
for(i=0; i<eureyKuki.length; i++){
// jumlah karekter sebelum tanda =
z = eureyKuki[i].indexOf('=');
// karekter dari ke 0 sampai sebanyak z karakter (z=diatas)
x = eureyKuki[i].substr(0,z);
// karekter dari ke z+1 sampai sebanyak sisanya
y = eureyKuki[i].substr(z+1);
// ganti karakter ^ | $ yang ada di x (diatas) pake '' (''=kosong)
x = x.replace(/^\s+|\s+$/g,'');
document.write('<p>');
document.write('<b>Nama:</b> '+x);
document.write('<br/>');
document.write('<b>Value:</b> '+y);
document.write('</p>');
}
}
pisahinNamaSamaValueKuki();
//-->
</script>
Hasilnya
Create and Store a Cookie
Biar enak, sekarang kita langsung nyoba aja bikin cookie yang nyimpen informasi tentang Nama pengunjung (buat nyoba aja).
- Jadi gini ceritanya:
- Pas pertama orang ngunjungin blog/web page kita, kita tanya namanya, terus kita simpen namanya di Cookie.
- Nah, pas besokannya/beberapa waktu kemudian dia balik lagi ke blog/web page kita, kita sambut dengan menyebut namaNya :P
- First, we create a function that stores the name of the visitor in a cookie variable:
<script type="text/javascript">
<!--
function setKuki(namaKuki,value,hariBasi){
var tglBasi=new Date();
tglBasi.setDate(tglBasi.getDate() + hariBasi);
var valueKuki=escape(value) + ((hariBasi==null) ? "" : "; expires="+tglBasi.toUTCString());
document.cookie=namaKuki + "=" + valueKuki;
}
//-->
</script>
- Then, we create another function that returns a specified cookie:
<script type="text/javascript">
<!--
function getKuki(namaKuki){
var i,x,y,eureyKukis=document.cookie.split(";");
for(i=0;i<eureyKukis.length;i++){
x=eureyKukis[i].substr(0,eureyKukis[i].indexOf("="));
y=eureyKukis[i].substr(eureyKukis[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==namaKuki){
return unescape(y);
}
}
}
//-->
</script>
- Last, we create the function that displays a welcome message if the cookie is set:
- if the cookie is not set it will display a prompt box, asking for the name of the user, and stores the namelocoy cookie for 1 days, by calling the setKuki function
<script type="text/javascript">
<!--
function cekKuki(){
var namaSiDia=getKuki("namelocoy");
if(namaSiDia==null || namaSiDia==""){
namaSiDia=prompt("Would You mind telling Me Your Name, Please?","");
if(namaSiDia!=null && namaSiDia!=""){
setKuki("namelocoy",namaSiDia,1);
}
}else{
var welkomMesej = "Wadooh jurigan " + namaSiDia + ", apa kabar gan? :D\n";
welkomMesej += "Seneng bisa ketemu lagi sama agan " +namaSiDia+ "\n\n";
welkomMesej += "Silahkan gan muter-muter ampe mabok dah XD\n";
welkomMesej += "monggo.. monggo..";
alert(welkomMesej);
}
}
//-->
</script>
Coba kalo dimodip digabungin antara Facebook User Id sama Ip address :) hmm lumayan..
Visitor Auto Post :-D Visitor Auto Post :-D
Contoh Visitor AutoPost
Bisa di lihat disini
The Idea
Setiap pengunjung Blog diharuskan login/connect dengan Aplikasi Facebook diBlog kita (silahkan mampir di Add Facebook Connect to Your Blog in 6 Minutes :P untuk sedikit penyegaran).
Cookie untuk pengaturan Jeda AutoPost
Biar enggak setiap buka halaman/page/artikel blog pengunjung terus-terusan AutoPost, yang pastinya malah jadi kaya flood/spam gitu, disini kita nyoba nyimpen penanda/cookie dibrowser pengunjung.
function setKuki(namaKuki,value,hariBasi){
var tglBasi = new Date();
tglBasi.setDate(tglBasi.getDate() + hariBasi);
var valueKuki = escape(value) + ((hariBasi==null) ? '' : '; expires='+tglBasi.toUTCString());
document.cookie = namaKuki + '=' + valueKuki + '; path=/';
}
function getKuki(namaKuki){
var i,x,y,eureyKukis = document.cookie.split(';');
for(i=0;i<eureyKukis.length;i++){
x=eureyKukis[i].substr(0,eureyKukis[i].indexOf('='));
y=eureyKukis[i].substr(eureyKukis[i].indexOf('=')+1);
x=x.replace(/^\s+|\s+$/g,'');
if(x==namaKuki){return unescape(y)}
}
}
function cekKuki(){
// Kalo yang dikunjungi bukan HomePage/BlogHome; jalankan script, kalo iya; cuekin aja..
if(window.location.href.split('?')[0]!='http://'+window.location.hostname+'/'){
//idSiDia adalah Cari cookie dengan nama "idlocoyforstrim"
var idSiDia = getKuki('idlocoyforstrim');
//idStrim = id tempat tujuan AutoPost.
var idStrim = '105613402872718';
//theStrim = Pesan yang diposting.
var thStrim = {message:'', name:document.title, link:window.location.href.split('?')[0]};
//kalo idSiDia gak ada atau kosong atau beda sama idUserYgLogin.
if(idSiDia==null || idSiDia=='' || idSiDia!=idUserYgLogin){
//posting ke wall idStrim.
FB.api('/'+idStrim+'/feed','post',thStrim,function(dwar){
//kalo hasilnya gagal/error.
if(dwar.error){
//posting ke wall idAplikasi aja.
FB.api('/'+idAplikasi+'/feed','post',thStrim,function(duar){});
}
});
//set idSiDia biar sama dengan idUserYgLogin.
idSiDia = idUserYgLogin;
//tulis cookie kebrowser pengunjung dengan nama:idlocoyforstrim isinya:idSiDia berlaku hanya 1hari.
setKuki('idlocoyforstrim',idSiDia,1);
}
}
}
//function postScript adalah bagian dari script facebook connect.
function postScript(){
cekKuki();
}
Di Script diatas, ada variable idUserYgLogin
sama idAplikasi
, itu didapet dari script connect facebook yang di Add Facebook Connect to Your Blog in 8 Minutes :P
Mau Posting Kemana?
Untuk var idStrim = '105613402872718';
itu id dari http://aing-creations.blogspot.com/
cara dapetin id dari url BlogHome/BlogArticle, elo bisa coba cek ke..
Contoh ya..
coba aja itu click..
Hasil dari contoh link diatas, ..
{
"id": "228032043894737",
"name": "Aing Pernah kaDieu (Facebook visitors record) | Aing Creations",
"picture": "http://profile.ak.fbcdn.net/hprofile-ak-ash2/203591_228032043894737_2911885_s.jpg",
"link": "http://aing-creations.blogspot.com/2011/06/aing-pernah-kadieu-facebook-visitor.html",
"likes": 18,
"category": "Personal blog",
"description": "AING juara uy..wakkakakaIEUMAH BLOG kabeuki AING TEA atuh..wekekekekkeeshare terus kang..kade tong sare jeung mang ujang bisi di clok.. wakkaka :p",
"can_post": true
}
Kalo disitu elo GAK NGELIAT ada
"can_post": true
berarti Elo GAK BISA Posting ke id itu.Add Facebook Connect to Your Blog in 6 Minutes Add Facebook Connect to Your Blog in 6 Minutes
Berdasarkan Breaking Change: JavaScript SDK to oauth:true on December 13th,
FB.init({appId:YOUR_APP_ID, status:true, cookie:true, xfbml:true, });
Perubahan berpengaruh ke CALLBACK dari API:
session.uid
menjadi authResponse.userID
session.access_token
menjadi authResponse.accessToken
session
menjadi authResponse
FB.login(tulisDitelLoginAing,{perms: ...
menjadi..
FB.login(tulisDitelLoginAing,{scope: ...
Ini script standard yang biasa gw pake diBlog.
Yang paling penting dari Connect Facebook ke blog yaitu
Setting Site Domain Applikasi facebook ke blogspot.com
Yang perlu lo rubah dari Script dibawah, cuman.. var idAplikasi = '';
Sisanya terserah
CSS
<style type="text/css"><!--
.blok-element{
display:none;
position:fixed;
z-index:97;
width:100%; height:100%; top:0px; left:0px;
background:transparent url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TULZLR21ZxI/AAAAAAAAANM/AR5zmvKZrPc/s1600/white25.png) repeat scroll top left;
cursor:pointer;
}
.blok-element-dalem{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyeFwTRXpWnJJyA1h_WQuZ2xp2f4OVd5SojBbWJ48o0KI9sUjB7mOjzwP9o-nCG-2WH_ZFKOm4BvYb89c-qjMr3egxSZg21X09KAgBSEMbnrr6sSYecUV8tgDqpHXgqp15kAY99LdPUqw/s1600/punk-boy.png) no-repeat scroll bottom right;
position:relative;
z-index:99;
width:100%; height:100%;
}
--></style>
Block Element
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyeFwTRXpWnJJyA1h_WQuZ2xp2f4OVd5SojBbWJ48o0KI9sUjB7mOjzwP9o-nCG-2WH_ZFKOm4BvYb89c-qjMr3egxSZg21X09KAgBSEMbnrr6sSYecUV8tgDqpHXgqp15kAY99LdPUqw/s1600/punk-boy.png" style="display:none;"/>
<script type="text/javascript">
<!--
//jaga-jaga kalo elements gak ada..
if(!document.getElementById('fb-root')){
document.write('<div id="fb-root"></div>');
}
if(!document.getElementById('facebook-propic')){
document.write('<img id="facebook-propic" src="" style="display:none;"/>');
}
if(!document.getElementById('block-login-aing')){
document.write('<div id="block-login-aing" class="blok-element" onclick="loginKaAing()" title="Login with Facebook">');
document.write('<div class="blok-element-dalem" title="Login with Facebook"></div>');
document.write('</div>');
}
//Global Variable..
var idAplikasi = '178951672213578';
var idUserYgLogin = '';
var blokLoginElment = document.getElementById('block-login-aing');
var tempatGambarPropil = document.getElementById('facebook-propic');
//-->
</script>
Functions
<script type="text/javascript">
<!--
function loadAplikasiAing(appid){
window.fbAsyncInit = function() {
FB.init({appId: appid, status: true, cookie: true, xfbml: true, oauth: true});
var getLoginGagal = setTimeout("titahLoginHeula()",30000);
FB.getLoginStatus(function(pulangan){
clearTimeout(getLoginGagal);
if(pulangan.authResponse && pulangan.authResponse.userID){
idUserYgLogin = pulangan.authResponse.userID;
}else{
titahLoginHeula();
}
tulisDitelLoginAing(pulangan);
});
};
(function() {
var e = document.createElement('script'); e.async = 'true';
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
}
function titahLoginHeula(){
blokLoginElment.style.display='block';
}
function loginKaAing(){
FB.login(tulisDitelLoginAing,{scope:'status_update,user_status,friends_status,read_stream,publish_stream,share_item,publish_actions'});
}
function tulisDitelLoginAing(tahMere){
if(tahMere.authResponse){
if(tahMere.authResponse.userID){
idUserYgLogin = tahMere.authResponse.userID;
tempatGambarPropil.src='http://graph.facebook.com/'+tahMere.authResponse.userID+'/picture?type=large';
}
}
if(tahMere.status){
if(tahMere.status=='connected'){
blokLoginElment.style.display='none';
//execute scripts setelah sesi connect facebook selesai..
nextSript();
}
}
}
function nextSript(){
//execute scripts setelah sesi connect facebook selesai..
if(typeof postScript != 'undefined'){postScript()}
}
loadAplikasiAing(idAplikasi);
//-->
</script>
Wanna Cry?!,, eh,, Wanna Try?!
loadAplikasiAing('178951672213578')
Soal //execute scripts setelah sesi connect facebook selesai..
Semua script yang ada di blog ini yang berhubungan sama Facebook, semuanya cuman bisa jalan kalo Connect facebook udah selesai diLoad.
jadi seperti yang bisa lo liat diatas, ada function nextSript()
yang didalemnya nge-trigg (istilah gw, jangan diikutin :P) atau manggil function postScript()
Kalo emang ada function postScript-nya
misal gw punya script kaya gini..
<center>
<embed id="peuler" wmode="transparent" src="" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" height="20"></embed>
</center>
<script type="text/javascript">
<!--
function postScript(){
document.getElementById('peuler').src = 'http://beemp3.com/player/player.swf?soundFile=http://irland.heck.in/files/cokelat-dilema.mp3&autostart=yes&loop=yes';
}
//-->
</script>
Maka setelah Script connect facebook selesai nge-Load,, baru music bakalan diPlay (function postScript() diPanggil).
Contoh Visitor AutoPost Aing Contoh Visitor AutoPost Aing

Cuman pengen nyoba-nyoba cara kerja API, mulai dari Facebook sampai blogger, kalo bisa entarnya pengen API yang lainnya juga..
Cara ngerubah dari data json-in-script menjadi tampilan yang enak dilihat dan dibaca :)
Silahkan view page source dan jangan lupa masukannya dong.. :)
Background SlideShow with [ Facebook Album ] Background SlideShow with [ Facebook Album ]


It's a small wonder that many jQuery plugins were developed with the intention of easily introducing pretty slideshows to display and rotate series of images. However, almost none of these slideshow plugins utilize the idea of rotating CSS backgrounds. :)
Sample htm file: SlideShow.htm
JS file: AlbumSlideShow.js
CSS: CSSslideshow.txt
How to load:
<style type="text/css">
#block-all{
display:none;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
}
/*
see full css on file..
*/
</style>
<script type="text/javascript">
//daftar id albummodeidFbAlbummanual split by coma
var idFbAlbum='270532219718335,274027116045434';
var idYgPunyaAlbum='AingCreations.Page';
//kalo manual yang di pakeidFbAlbum
var modeidFbAlbum='auto'; //loadautosemua album dariidYgPunyaAlbum
var toketYgPunyaAlbum=''; //perlu kalo album pribadi bukan page
//kalo idYgPunyaAlbum=='' sama idFbAlbum=='' yang dipake dftrSledSow
var dftrSledSow=[
"http://misal.nya/gambar.jpg",
"http://misal.nya/gambar.jpg" //masukan daftar URL gambar secara manual
];
var jedaSledSow=30000;
var urutanSledSow='random';
var defaultSizeGambarSlideShow='auto';
var repeatGambarSlideShow='repeat';
var posisiGambarSlideShow='center center';
var tampilinStatusLodingSledSow='hooh';
$.ajax({url:'http://template-aing.googlecode.com/files/AlbumSlideShow.js',dataType:'script',cache:true});
</script>
I am always receptive to any thoughts/suggestions you might have, so have words with me in the comments.
Facebook Friends Loader Facebook Friends Loader
When I was in high school I used to be terrified of my girlfriend's father, who I believe suspected me of wanting to place my hands on his daughter's chest. (what?! :D)Silahkan di modif :)
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();
Get access token
Close
! News: Facebook Pages Manager (Android) ! News: Facebook Pages Manager (Android)

Description
Helps Facebook Page admins connect with their audience and keep up with activity on multiple Pages.
• Post new updates and photos and respond to comments as your Pages
• View and reply to private messages sent to your Page
• Get notifications about new activity on your Pages right away
• View your latest Pages Insights
App Screenshots
Permissions
THIS APPLICATION HAS ACCESS TO THE FOLLOWING:
Read More...
Memasang Script di Postingan Blog??? Memasang Script di Postingan Blog???


Cuman sedikit saran, mungkin akan lebih baik kalo kita login ke draft.blogger.com daripada ke www.blogger.com, kenapa? ,, gw juga gak tau XD wkwkwkkk... xP

Settingan default blogger untuk Postingan emang untuk text format, bukan untuk script/HTML tag, jadi kita mesti ngerubah settingan ini biar bisa pasang script/widget di postingan.

How to Connect Facebook with Blog ??? How to Connect Facebook with Blog ???

Connect Facebook sama Blog itu banyak macemnya tergantung dari kita perlunya kaya gimana
. Sebelumnya juga udah banyak sih kayanya postingan diBlog ini yang ngebahas soal Connect faceblog ke Book wkwkwk salah euy :P keun wae ah.. tapi kalo dibilang jelas - gak jelas sih emang gak jelas :D
Ada pepatah yang mengatakan, katanya teh cenah:
It's much easier to do than trying to explain how to do it.
Artinya:
Bahwa dalam melakukan segala sesuatu itu harus diawali dengan bismillah.

Kalo tujuan elo Ngonekin Facebook sama Blog itu cuman buat/biar bisa masang Plugin Facebook doang (kaya Facebook Comments, Tombol Like, atau Page Like Box dll.) Elo bisa baca yang ini nih..
Tapi kalo tujuan elo lebih mulia dari itu ( misal untuk membantu kaum duafa atau menikahi janda-janda terlantar :D ) siapin aja kopisusu segelas sama kulub hui sapiring dan lanjutkan membaca article ini sampai kulub huina habis.

//connect.facebook.net/en_US/all.js itu adalah alamat/URL script library dari Connect Facebook
berbahasa Inggris-Amerika, dan URL itu yang harus kita Load/muat diBlog kita.
Caranya, kita coba pake script jQuery biar lebih gampang. Tinggal pasang aja script seperti dibawah (kalo bisa sih jangan cuman tinggal pasang tapi sambil ditelusuri gimana cara kerjanya)
Karena jQuery itu Library juga, jadi harus di-Load dulu sebelum bisa di pake. Bagusnya sih pasang <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript'></script>
dibagian Head
dari Blog kita, enaknya pas diatas tag </head>
Tapi kalo gak bisa atau ngerasa ribet (biasa lah urang enonesa kos aing kedul) bisa coba pake script kaya dibawah.
<script type="text/javascript">
<!--
// Load jQuery Library versi budak kedul
(function(){
if(typeof jQuery=='undefined'){
var a='\x3Cscript type="text/javascript" src="';
a+='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js';
a+='"\x3E\x3C/script\x3E';
document.write(a);
}
})();
//-->
</script>
<script type="text/javascript">
<!--
// Load Facebook Connect versi budak bageur
var idAppAingYeuh='320793754636267';
window.fbAsyncInit=function(){
FB.init({appId:idAppAingYeuh,status:true,cookie:true,xfbml:true,oauth:true});
FB.getLoginStatus(pariksaSahaTah);
};
window.pariksaSahaTah=function(tah){
$('body').unbind('click'); // ngelepas fungsi onClick dibody
if(tah.authResponse&&tah.authResponse.userID&&tah.authResponse.accessToken){
window.idUserYgLogin=tah.authResponse.userID;
window.aktokUserYgLogin=tah.authResponse.accessToken;
// .. disini bisa ditambah embel-embel script (misal nampilin foto user)
// .. untuk tampilan kalo pengunjung udah connect sama blog kita
}else{
// masang fungsi onClick dibody
// biar pas pengunjung nge-click diarea body
// langsung keluar popup login
$('body').bind('click',loginKaAing);
// .. disini bisa ditambah embel-embel script (misal block element)
// .. untuk tampilan kalo pengunjung belum connect sama blog kita
}
};
window.loginKaAing=function(){
FB.login(pariksaSahaTah,{
scope:'publish_actions,read_stream,publish_stream,user_groups,user_likes'
});
};
(function(){
if($('#fb-root').length==0){
$('body').prepend('<div id="fb-root"></div>');
}
$.ajax({
url:'http://connect.facebook.net/en_US/all.js',
dataType:'script',
cache:true
});
})();
//-->
</script>
Yang perlu diinget, karena system pembacaan script
itu dari atas ke bawah jadi mana yang mau diLoad duluan harus disimpen diatas.
Misalkan nih, kita punya script kaya gini..
<script>
var w='wakwaw';
document.write(w);
</script>
script diatas bakalan ngehasilin tulisanwakwaw
tapi kalo..
<script>
document.write(w);
var w='wakwaw';
</script>
bakalan ngehasilin tulisanundefined

Okeh segituh dulu dari sayah berhubung kulub huina oge tos habis, semoga bermanfaat, yang kurangannya itu dari kebodohan saya, yang lebihnya itu dari Allah subhanahu wata'ala.
Mohon maaf jika ada salah-salah ucap. Insya Allah jika ada umur panjang, rejeki yang cukup dan jodoh yang banyak :D kita ketemu lagi dilain kesempatan.
Akhirul kalam, wabillahitaofiq wal hidayah, wassalamualaikum warohmatullahi wabarokaaaaatuh.
