ＡｉｎｇＴｏｏｌ

Showing posts with label Java Script. Show all posts

22 October 2013

Background Blog Change Itself Using HTML

Posted by Zaini Milan at 8:33 PM · 0 comments

Jum'at, 7 Desember 2012 jam 15:17 sore

BackGround Blog GontaGanti sendiri Pake Script :V

Diposkan oleh F̶a̶i̶s̶a̶l̶ ̶D̶a̶e̶ ⇦⇦⇦ di 23.17 ·

Suatu hari di salah satu ruangan di gedung MPR/DPR. Seorang anggota dewan yang baru diangkat, tampak masih canggung, lugu dan serba ~~kikuk~~. Rupanya dia wakil dari daerah dan belum pernah bekerja atau punya ruangan yang megah. Beberapa saat kemudian, ada yang mengetuk pintu ruangannya !!

Capek ah cerita mending langsung tudepoint

It's My Script

<script type="text/javascript">
<!--
var boncelOnPictures=[
"http://bla.wekwek.XD1.jpg",
"http://bla.wekwek.XD2.jpg",
"http://bla.wekwek.XD3.jpg" ];

function doooSlide(){
  if(!window.gbrMana){window.gbrMana=0;boncelOnPictures=boncelOnPictures.sort(function(){return 0.5-Math.random()})}
  if($(&#039;#block-all&#039;).length==0){$(&#039;body&#039;).prepend(&#039;<div id="block-all" style="display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000000"></div>&#039;)}
  var nyuimej=new Image();
  $(nyuimej).attr({&#039;src&#039;:boncelOnPictures[gbrMana]}).load(function(){
    $(&#039;#block-all&#039;).fadeIn(function(){
      $(&#039;body&#039;).css({&#039;background-image&#039;:&#039;url(&#039;+boncelOnPictures[gbrMana]+&#039;)&#039;});
      if(!window.udahBsize){window.udahBsize=true;$(&#039;body&#039;).css({&#039;background-size&#039;:&#039;100%&#039;})}
      gbrMana++;
      if(gbrMana==boncelOnPictures.length){
        gbrMana=0;boncelOnPictures=boncelOnPictures.sort(function(){return 0.5-Math.random()});
      }
      setTimeout("doooSlide()", 20000 );
      $(&#039;#block-all&#039;).fadeOut();
    });
  }).error(function(){gbrMana++;doooSlide()});
}
$(window).load(doooSlide);
-->
</ script>

Maunya Futu² Zaini Milan II yg ad di Beckground Blog?
Ganti in aj yg merah sama url foto Zaini Milan II contohnyee kaya gw :p

http://sphotos-c.ak.fbcdn.net/hphotos-ak-ash4/407679_280019695453081_1454082321_n.jpg

Terserah lah maunya File .jpg .jpeg .gif .png

Mau Beckgroundnya cpet GontaGantinyaa ? Change 20000 artinya duapuluhribudetik

by BonceL KiLLmZ

Comment

Poskan Komentar

Link ke posting ini

Buat sebuah Link

Langganan: Poskan Komentar (Atom)

Archive Archive

Posted by Zaini Milan at 5:06 AM · 0 comments

Diposkan oleh Zaini Milan di 13.18 ·

Updated: Kamis, 16 February 2012 jam 12:21

Comment

Poskan Komentar

04 October 2013

Facebook Connect To Blog Facebook Connect To Blog

Posted by Zaini Milan at 6:42 AM · 0 comments

Add Facebook Connect to Your Blog in 8 Minutes :P [UPDATED]

Updated: Senen, 13 February 2012 jam 18:18

Berdasarkan Breaking Change: JavaScript SDK to oauth:true on December 13th,
FB.init({appId:YOUR_APP_ID, status:true, cookie:true, xfbml:true, oauth: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 = '131581493563698';
Sisanya terserah Zaini Milan II..

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/AVvXsEhEzFQ782khwhjTzu0XpaJcXVp2zIqE_TY6dYEzbzVmgeqGG_Gf5GABehS76EpbYjcoSyaQqaXYuzIejpMVZAtaHI4UpRjkVWFQ_WczNVzyYPcz8VgsSWHXGoFQ1QBQYsBJyGJ2C0O5yBk/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/AVvXsEhEzFQ782khwhjTzu0XpaJcXVp2zIqE_TY6dYEzbzVmgeqGG_Gf5GABehS76EpbYjcoSyaQqaXYuzIejpMVZAtaHI4UpRjkVWFQ_WczNVzyYPcz8VgsSWHXGoFQ1QBQYsBJyGJ2C0O5yBk/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 = '131581493563698';
  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?!

Insert your application ID:
loadAplikasiAing('270416582055')

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).

30 September 2013

61 Navigations Drop Down Menu 61 Navigations Drop Down Menu

Posted by Zaini Milan at 4:44 AM · 0 comments

Drop down menus play a vital role in a blogs/website navigation system. Just as the 'About Page' can make or break first impression, navigation menus are extremely important too. Having short keyword rich links in these navigation menus can result in your site links appearing in Google search results.

So here we have a great collection of Hot drop down menus that a blogger can apply to his Blogger blog in simple steps. You can check out the respective tutorials (to apply the navigation menus) by clicking through their relevant links.