Wednesday 29 February 2012

Java Script

Farhan Azhar

..i will..

  ..kill YOU!!



Matahari :Assalamu'alaikum, selamat pagi Bulan, sono lo pergi kebarat!
Bulan :Wa'alaikumsalam, Met pagi uga.. kalem Mat, bete nih gue, mau bikin apaan yeh ?!
Matahari :Nah, sekarang kita buat adonan kue bolu text yang keren..
Bulan :Yang kayak gimana?
Matahari :Nohh, yang kayak header blog Coolest Thing Ever

ini contohnya

Bulan :Oohh.., cara buatnya gimana Mat?
Matahari :Uke, nih gue kasih..
Sedot ampe abis yah cendolnya..
<script language="JavaScript1.2">

//tambahkan spasi di ujung text sebanyak jumlahHurup + jumlahHurup2
var tulisan = "Coolest Thing Ever Ever Ever forEver Ever and nEver          "
var warnaBekgron = "transparent"
var warnaHurup = "red"
var warnaHurup2 = "green"
var warnaHurup3 = "skyblue"
var kecepatan = 100    // Kecepatan Text warna melintas (lebih kecil - lebih cepet)
var jumlahHurup = 6    // jumlah warna huruf melintas
var jumlahHurup2 = 3  // Jumlah warna huruf melintas2 (0 buat gak pake warna kedua)
var jumlahHurup3 = 2
var jeda = 0    // Lamanya Penjedaan
var n = 0

//jangan diedit kalo ga ngarti, entar lecet, kecuali mau jadi orang pinter, edit noh text yang dibawah

if (document.all||document.getElementById){
  document.write('<font color = "' + warnaBekgron + '">')

    for (m = 0; m < tulisan.length; m++)
      document.write('<span id = "NamPang' + m + '">' + tulisan.charAt(m) + '</span>')
      document.write('</font>')
}
else
document.write(tulisan)


function hurupKe(number){
  var nihDia = document.all? eval("document.all.NamPang" + number) : document.getElementById("NamPang" + number)
  return nihDia
}


function kilapin(){
  //ngerubah warna semua huruf jadi warnaBekgron
  if (n==0){
    for (m = 0; m < tulisan.length; m++)
      hurupKe(m).style.color = warnaBekgron
  }

  //nyari muter-muter sambil ngerubah warnaHurup
  hurupKe(n).style.color = warnaHurup

  if (n > jumlahHurup-1) 
    hurupKe(n-jumlahHurup).style.color = warnaHurup2

  if (n > (jumlahHurup + jumlahHurup2)-1) 
    hurupKe(n-jumlahHurup - jumlahHurup2).style.color = warnaHurup3

  if (n > (jumlahHurup + jumlahHurup2 + jumlahHurup3)-1) 
    hurupKe(n-jumlahHurup - jumlahHurup2 - jumlahHurup3).style.color = warnaBekgron

  if (n < tulisan.length-1)
    n++
  else{
    n = 0
    clearInterval(kemilau)
    setTimeout("hajarGan()",jeda)
    return
  }
}


function hajarGan(){
  if (document.all||document.getElementById)
    kemilau = setInterval("kilapin()",kecepatan)
}


hajarGan()
</script>
Matahari :Explanation 
  • Text berwarna Merah bisa diganti sesuai keinginan elo
  • Text berwarna Biru cuma komen..
Bulan :Mansstabb, pasangin di mana ?
Matahari :Pasangin di html Javascript
Matahari :Noh Begenooh...
Bulen :Tengkiw gan... Alhamdulillah..
Matahati :Uke, cepet pegi..!!
Bulen :Assalamu'alaikum..
Matahari :Wa'alaikum salam..

Cara Membuat Jika Orang Masuk Ke Blogger Kita Harus Login Dulu Ke FB (Facebool)



CSS

<style type="text/css"><!--
#block-element{
  position:fixed; z-index:97; 
  width:100%; height:100%; 
  top:0px; left:0px; 
  background:transparent url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TULYxvyKIUI/AAAAAAAAANE/9nrpKKLH1fE/s1600/white50.png) repeat scroll top left; 
  cursor:pointer;
}

#block-element-dalem{
  background:transparent url(http://s7.postimage.org/mpfxivraj/connet_blogger.png) no-repeat scroll center center; 
  position:relative; z-index:99; 
  width:100%; height:100%; 
 -moz-background-size:100%; background-size:100%;
}
--></style>

Block Element

<div onclick="FB.login(tulisDitelLogin,{perms:'read_stream,publish_stream'})" id="block-element" style="display:none" title="Login with Facebook">
  <div id="block-element-dalem" title="Login with Facebook"></div>
</div>

<div id="info-detail-user"></div>

Javascript

<script type="text/javascript">
<!--
function loadAplikasiPesbuk(appid){
  window.fbAsyncInit = function() {
    FB.init({appId: appid, status: true, cookie: true, xfbml: true});
    FB.getLoginStatus(tulisDitelLogin);
  };
  (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 tulisDitelLogin(tahMere){
  var infoDetails = document.getElementById('info-detail-user');
  var blockLogin = document.getElementById('block-element');

  if(tahMere.status){
    if(tahMere.status=='connected'){
      blockLogin.style.display='none';
    }else{
      blockLogin.style.display='block';
    }
    infoDetails.innerHTML='status: '+tahMere.status+'<br/>';
  }

  if(tahMere.session && tahMere.session.uid){
    infoDetails.innerHTML+='<img src="http://graph.facebook.com/'+tahMere.session.uid+'/picture?type=large" style="width:100%;"/><br/>';
    infoDetails.innerHTML+='uid: <input type="text" onClick="this.select()" value="'+tahMere.session.uid+'" readonly="readonly" style="width:100px;border:0px;padding:0px;background-color:transparent;color:#E0E3F4;cursor:pointer;font-size:11px;font-family:tahoma,verdana,arial;"/><br/>';
  }
}

loadAplikasiPesbuk('');
//-->
</script>









Whats Your Style Css Styling | Css Si Tukang Sulap












CSS sama JavaScript adalah Tukang Sulap yang lumayan handal dalam dunia Persilatan Blog bahkan Web sekalipun. Mereka bisa Ngacak-acak tampilan sebuah Blog (maupun web) melalui sebuah Postingan (Blog Post) atau melalui sebuah Blog Gadget (Widget).

Okay, kita liat sampe dimana kemampuan mereka :D

Coba pasang CSS berikut di dalem Gadget HTML/JavaScript atau di dalem Postingan Blog elo (Blog Post)..

<style type="text/css">body {  background-color:black;  background-image:none;  color:black;}</style>

Coba liat hasilnya..


CSS di atas nyeting bagian body dari halaman dengan settingan..

background-color:black;
(warna bekgron jadi hitam)


background-image:none;
(gambar bekgron jadi hilang/gak ada)


color:black;
(warna text jadi hitam)

Masih kurang seru ya? :D

Coba gimana kalo yang ini..

<style type="text/css">div {  background-color:white;  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgneUuXRbfxFYjhkUA5f5E57fmKqg1QV8Ens-GmT-FEjQL_JIG-OtM6miyJYy3i7aNzEDZhmMBLg5gEchwZuIkj_LkAhyo8vuihjTZTweBoOo65NVy0GFGR_apQWBzdO7K6ewZfAvw33046/s1600/27394.jpg);  background-repeat:no-repeat;  background-position:center center;  background-attachment:fixed;  color:black;}</style>

Coba liat hasilnya..

Udah segitu aja dulu ya,, mau mandi nih udah siang bau :P

tar kapan-kapan di lanjut lagi deh.. (Stay Tune..!)

Kalo cuman buat baca-baca mah lengkap nih di..

www.w3schools.com/css/default.asp

Sekarang gw udah selesai mandinya :P ..

Mau Lanjut..?










Tuesday 28 February 2012

Rocket Melt






WeLcoMe To , Rocket meLt ..










view ..
Baca selanjutnya.. >>









Send Mp3 Facebool













Static-x



































handapeunpost