Global Variables


Tampilkan postingan dengan label Tutorial Bloging. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Bloging. Tampilkan semua postingan

Jumat, 24 Juni 2011

Random wallpaper & cursor






<script type="text/javascript">

function gantiWalpeper(){
var daptarWolpeper = [
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBuN1u5s9Cqh_g3J6fm5szRutIi792UZxcYpxNE7LQxD9TpHKRPnT6xek50KJ4M181lu3SqqNRl4_TYCqeD4a3Jo3SKKbvlZ-Mi9zfY7ybi_hhyqtKmq_qDhdEAfzT8-6BfUi7deL9IJSk/s1600/Cyber_soul_WALLPAPER_by_Necrania_ar.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUxWxHKrj88QDNw1-xomHTHX6zeW6yxYpNacKEAtgYxOPLat4NARV2-Y6m_y8X7KVaT3IsgeLiKjXta8KfxNHZfif1dQYMXcn7rsW8u9Q1jGEZg_2OE3KqLV8pr7XKvI6QyGNfFup7Wb7/s1600/Cyber_Girl_hd_wallpaper.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEGkAo-kBf-nW74NPfVSB0FdBDJ8DJyP4RkLRMlynVYhyphenhyphenvItxdnWIW11_Lq-f916bNU_o0K6cZno9Kx7Esl8CR9SJmMc3ow-2_7d6Gm3xGCJhEDlJjrjNZY8xv1wLCI8_ZAgdWOA0okTpX/s1600/Dark+Fairy.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiJFho2v6My2-chkpkOxqR09PR_2XtVUq8t4cdW5nDIg1hTj5pc90LLlwL1eSX7VTA56BV87kn5-dVS16Q9IaNKgco2j0KydtLHd14HIOIaWcYZLZTL5vJJVhEDl2PeJFXriYa9IV28_fp/s1600/Fairy_Tales_Bird_of_Happiness.jpg", 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj33cgRruOu3Y5pIgaAFqchGEbLvvJtH3Kn7PjyTXPviq5gMwEMHVI8avA8B0RVmHUyqKUSmqzJ1CGH-DggAe2qcgrWJaxg94KGxWSiIU0UohlvYKoxS95ymiofHQXGkYblfbNWiNQ-QSkD/s1600/Boy-With-Fire-Ball-Wallpaper-and-photo.jpg"
];
daptarWolpeper = daptarWolpeper.sort(function() {return 0.5 - Math.random()});
document.body.style.backgroundImage='url('+daptarWolpeper[0]+')';
}
gantiWalpeper();


function gantiKursor(){
var daptarKursor = [
"http://cur.cursors-4u.net/smilies/smi-3/smi203.cur", 
"http://cur.cursors-4u.net/smilies/smi-2/smi130.cur",
"http://cur.cursors-4u.net/cursors/cur-1/cur7.cur", 
"http://cur.cursors-4u.net/symbols/sym-4/sym347.cur",
"http://cur.cursors-4u.net/mechanics/mec-1/mec92.cur",
"http://cur.cursors-4u.net/mechanics/mec-1/mec20.cur",
"http://cur.cursors-4u.net/people/peo-6/peo754.cur",
"http://cur.cursors-4u.net/user/use-1/use102.cur",
"http://cur.cursors-4u.net/others/oth-2/oth181.cur",
"http://cur.cursors-4u.net/others/oth-2/oth114.cur",
"http://cur.cursors-4u.net/others/oth-2/oth113.cur",
"http://cur.cursors-4u.net/others/oth-2/oth115.cur",
"http://cur.cursors-4u.net/others/oth-3/oth246.cur", 
"http://cur.cursors-4u.net/symbols/sym-1/sym25.cur",
"http://cur.cursors-4u.net/symbols/sym-4/sym322.cur",
"http://cur.cursors-4u.net/food/foo-2/foo164.cur",
"http://cur.cursors-4u.net/food/foo-2/foo134.cur",
"http://cur.cursors-4u.net/food/foo-2/foo146.cur",
"http://cur.cursors-4u.net/food/foo-5/foo431.cur",
"http://cur.cursors-4u.net/food/foo-2/foo109.cur",
"http://cur.cursors-4u.net/food/foo-1/foo81.cur",
"http://cur.cursors-4u.net/sports/spo-2/spo145.cur",
"http://cur.cursors-4u.net/sports/spo-5/spo403.cur", 
"http://cur.cursors-4u.net/sports/spo-1/spo26.cur", 
"http://cur.cursors-4u.net/anime/ani-10/ani983.cur",
"http://cur.cursors-4u.net/anime/ani-10/ani997.cur", 
"http://cur.cursors-4u.net/anime/ani-10/ani952.cur",
"http://cur.cursors-4u.net/anime/ani-11/ani1030.cur", 
"http://cur.cursors-4u.net/anime/ani-2/ani201.cur", 
"http://cur.cursors-4u.net/toons/too-5/too449.cur",
"http://cur.cursors-4u.net/toons/too-5/too430.cur", 
"http://cur.cursors-4u.net/toons/too-10/too931.cur", 
"http://cur.cursors-4u.net/games/gam-5/gam440.cur",
"http://cur.cursors-4u.net/games/gam-4/gam335.cur", 
"http://cur.cursors-4u.net/games/gam-6/gam503.cur",
"http://cur.cursors-4u.net/games/gam-11/gam1045.cur",
"http://cur.cursors-4u.net/games/gam-12/gam1143.cur", 
"http://cur.cursors-4u.net/nature/nat-2/nat120.cur", 
"http://cur.cursors-4u.net/nature/nat-6/nat581.cur",
"http://cur.cursors-4u.net/nature/nat-9/nat865.cur", 
"http://cur.cursors-4u.net/nature/nat-9/nat859.cur",
"http://cur.cursors-4u.net/nature/nat-1/nat4.cur", 
"http://cur.cursors-4u.net/nature/nat-1/nat32.cur", 
"http://cur.cursors-4u.net/nature/nat-1/nat95.cur",
"http://cur.cursors-4u.net/nature/nat-1/nat69.cur", 
"http://cur.cursors-4u.net/nature/nat-1/nat95.cur", 
"http://cur.cursors-4u.net/holidays/hol-1/hol4.cur", 
"http://cur.cursors-4u.net/special/spe-1/spe20.cur", 
"http://cur.cursors-4u.net/special/spe-2/spe114.cur"
];
daptarKursor = daptarKursor.sort(function() {return 0.5 - Math.random()});
document.body.style.cursor='url('+daptarKursor[0]+'), default';
}
gantiKursor();


function antiCK(e) {
  if (e.which==3) {
    alert("Sorry for any inconvenience, some feature were disabled to prevent plagiarism");
    return false;
  }
}
</script>

Jumat, 17 Juni 2011

otak atik link


Langsung aja ya...

1. membuat link berkedip (biasa)

  • Masuk ke Blog anda
  • Klik Tata Letak
  • Klik Edit HTML
  • Beri tanda centang pada kotak kecil Expand Template Widget
  • Silahkan cari kode </head>  di dalam template anda
  • Tambahkan script berikut ini sebelum kode tersebut
<style>
a:hover { color:#00FFFF; text-decoration:blink; border-bottom:1px dotted #FF0000; }
</style>
  •  Kode #00FFFF adalah menyatakan warna link tersebut dan kode #FF0000 adalah warna garis bawahnya
  • Silahkan anda variasikan sesuai dengan warna kesukaan anda
  • untuk kode warna anda bisa klik disini (jangan jauh-jauh disini aja) 
  • kalo udah di jangan lupa save

 2. membuat link berwarna-warni

copy script ni 
<script src='http://sites.google.com/site/muzzymusthofa/javascript/rainbow.js'/>
 caranya sama kayak di atas

semoga bermanfaat





efek warna tulisan link

<style type="text/css">
a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red;}
a:active  {color:yellow;}
</style>

membuat Box shadow di sekitar link

<style type="text/css">
a:hover
{
box-shadow: 0px 0px 13px #818181; -webkit-box-shadow: 0px 0px 13px #818181; -moz-box-shadow: 0px 0px 13px #818181;
}
</style>

gabung (efek warna & Box shadow)

<style type="text/css">
a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red; box-shadow: 0px 0px 13px #818181; -webkit-box-shadow: 0px 0px 13px #818181; -moz-box-shadow: 0px 0px 13px #818181; }
a:active  {color:yellow;}
</style>

Show/Hide





buat tombol show Hide

apakah tertarik? silahkan ambil code di bawah

<div><div style="margin-bottom: 2px;"><i><b><small></small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

isinya
</div></div></div>

Show/Hide Navbar





terkadang pemilik blog trasa terganggu dg adanya navbar,
nah,,, untuk mnyembunyikan navbar trsebut lgsg copas kode ni

<script>document.getElementById('navbar').style.display='none';</script>

<a
onclick="if(document.getElementById('navbar').style.display=='block'){document.getElementById('navbar').style.display='none'}else{document.getElementById('navbar').style.display='block'}"
title="Cangcut Berdarah">Navbar </a>

Minggu, 05 Juni 2011

MP3 Player | Update ah...




sebernya kemarin saya sudah posting tentang  tapi sekarang saya update lagi.. :D

lihat contoh 

<center>
<style type="text/css">
#pframe a {cursor:pointer; font-weight:bold; }
#pframe a:hover {color:yellow;}
#pframe img {vertical-align:middle; cursor:pointer; border:1px solid #000000; margin:2px;}
#pframe img:hover { -moz-border-radius:3px; border:1px solid #9999aa; }
#pframe textarea {border:1px dashed #555; background-color:black; color:#999; -moz-border-radius:3px; overflow-x:hidden; width:170px;}
</style>

<div style="width:200px;" id="pframe"><center>
  <span id="player">
      <a onclick='play()'><img src='http://www.goodmortgage.tv/images/button_play.gif'/> <img src='http://offlinephobia.uni.cc/forum/images/smilies/listen.gif'/> <img src='http://www.laptoprockers.eu/images/site/menu_music.gif'/></a>
  </span>
  <p>
  <a onclick='stop()'>&#10006; Stop</a> - 
  <a onclick='play()'>Rand</a>
  </p>
</center></div>

<script type="text/javascript">
var plera = "<embed wmode='transparent' src='http://www.indowebster.com/templates/object/mediaplayer.swf' FlashVars='file=";
var plert = "&frontcolor=0xffffff&backcolor=0x000000&lightcolor=0xEC2B1A&logo=http://www.indowebster.com/templates/img/idws.png&autostart=true&repeat=true&usefullscreen=false&showeq=false' width='200' height='20' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' menu='false' allowfullscreen='false'></embed>";

var lagu = [
new Array("http://cdn.x.indowebster.com/download/5/567b6c260461322f2e8cbe29933f28e7.mp3", "Evanescence - Bring Me to Life"),
new Array("http://www26.indowebster.com/f32435ed50da0cc1646e186e2639532f.mp3", "Evanescence - Lithium"),
new Array("http://cdn.x.indowebster.com/download/5/089edc93be2f88ee36b92ea70482411b.mp3", "Linkin Park - In Pieces"),
new Array("http://www44.indowebster.com/e46efd95c77ab2243450e7a5f1987359.mp3", "Evanescence - Forgive Me"),
new Array("http://www35.indowebster.com/8e1dd9a97522f864e2c94ad1941651fc.mp3", "Mahkota - Terakhir Kali"),
new Array("http://xover4.jkt.3d.x.indowebster.com/download/41/r0b01ksmwpswzwalypr5ykm02lujizpo.mp3", "Apolo - Tak Lengkap Tanpamu"),
new Array("http://xover4.jkt.3d.x.indowebster.com/download/33/qt3ndpt6l0a00b51m91hd2xw4y9gf7rl.mp3", "Mikha Tambayong - Mendung Kan Berganti"),
new Array("http://xover4.jkt.3d.x.indowebster.com/download/41/6tbgv5foxlus7gv03599vsfwvbsvjupm.mp3", "Geisha - Cinta dan Benci"),
];
var i = Math.floor(lagu.length*Math.random()); function play(){ var k=Math.floor(lagu.length*Math.random()); document.getElementById("player").innerHTML = "<marquee behavior='alternate' scrollamount='2'>"+k+" <b>"+lagu[k][1]+"</b></marquee><br/>"+plera+lagu[k][0]+plert+"<br/><textarea onClick='blokabeh();' id='kampret' rows='1' readonly='readonly'>"+lagu[k][0]+"</textarea>"; } function stop(){ document.getElementById("player").innerHTML = "<a onclick='play()'><img src='http://www.goodmortgage.tv/images/button_play.gif'/> <img src='http://offlinephobia.uni.cc/forum/images/smilies/listen.gif'/> <img src='http://www.laptoprockers.eu/images/site/menu_music.gif'/></a>"; }   function blokabeh(id)   {     document.getElementById('kampret').focus();     document.getElementById('kampret').select();   } play(); </script> </center>

Minggu, 29 Mei 2011

Facebook JavaScript SDK



contoh cara nge-load js dengan async
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
// disini entar buat nyimpen code-code buntut // 
  };
  (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);
  }());

</script>

Semua code yang mau kita run setelah SDK selesai di load, harus ada di dalam function window.fbAsyncInit dan di simpen setelah pemanggilan FB.init()

Misal Contoh:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '121401851252490', status: true, cookie: true,
             xfbml: true});

    FB.api('/me', function(response) {
      if(response.name){alert('name lo '+response.name+' ya?')};
    });
  };

  (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);
  }());
</script>

Dengan kode diatas kita udah bisa ngedeteksi nama user temasuk info-info standar user

Graph API
FB.ui
JavaScript SDK














Ganti FB.init({appId: '121401851252490' pake ID aplikasi elo, Jangan lupa setting Site URL di settingan Aplikasi ke alamat Blog kita. (udah pernah di bahas diCara Ngawinin Pesbuk Sama Blogger)

Sabtu, 28 Mei 2011

MP3 Player...




lihat contoh 

<script type="text/javascript">
var laguneRek = [
"http://xover3.jkt.3d.x.indowebster.com/download/41/0zpyqz5m6lfsuk5ec0qaf1imtfvdmggp.mp3",
"http://cdn.x.indowebster.com/download/5/089edc93be2f88ee36b92ea70482411b.mp3",
];
var gbrPlay ='<img src="http://ahmaddhani.com/dhani/modules/mod_ninja_shadowbox/ninja_shadowbox/js/skin/concept/icons/play.gif" style="vertical-align:middle; width:16px;"/>'; var gbrStop ='<img src="http://english.hpc.co.kr/06_Prcenter/images/pr/media/btn_stop.gif" style="vertical-align:middle; width:16px;"/>'; function stel(uri,dimana){   var player = 'http://4tf.us/playergv1.swf';   var embed = '<embed src="'+player+'?soundFile='+uri+'&autostart=yes&loop=yes" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="24" width="290" style="vertical-align:middle;"/>';   var id = dimana;   var tStop = '<a onClick="stop(\''+uri+'\',\''+dimana+'\');this.style.display=\'none\'" title="Stop">'+gbrStop+'</a>';   document.getElementById(dimana).innerHTML=embed+' '+tStop; } function stop(uri,dimana){   var id = dimana;   var tStel = '<a onClick="stel(\''+uri+'\',\''+dimana+'\');this.style.display=\'none\'" title="Play">'+gbrPlay+'</a>';   document.getElementById(dimana).innerHTML=tStel; } </script> <div style="margin:5px; text-align:center;"> <div id="disini" style="margin-bottom:10px; border-bottom:1px outset green;"></div> <script type="text/javascript"> var adeBrapeYe = laguneRek.length; var ini = Math.floor(Math.random()*adeBrapeYe); var ygini = laguneRek[ini]; setTimeout("stel(ygini,'disini')",30000); </script> </div>



yang 30000 = 30 detik itu adalah waktu keluarnya lagu 
(biar gak tabrakkan saat memuat halaman :P)



var laguneRek = [
"http://xover3.jkt.3d.x.indowebster.com/download/41/0zpyqz5m6lfsuk5ec0qaf1imtfvdmggp.mp3",
"http://cdn.x.indowebster.com/download/5/089edc93be2f88ee36b92ea70482411b.mp3",
];

tulisan yang berwarna merah itu link mp3 nya

Random Background for Your Blog






Assalamu'alaikum

daripada pusing gonta ganti background, mending di random
yuk copas aja ni script

<script type="text/javascript">
//Bikin function biar script bisa di panggil dari luar
function gantiWolPep(){
  //Bikin Array buat daftar wallpapers
  var emoWalPep=[
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDmyAvJ-VG4i7wJjfO3scSDQzTFH2y82Uy_LjiRaCqiZ4huAsjwEt2f2-b5AfXE1gmT1deC-orT__CAEkXSXncDwhDROuDSGdW1hN4rX1RXa1Hv7VpNgA3mt10RMvHWT8Rt46aILMPpc4/s1600/Emo_Wallpapers_78+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-OnDUngmxNM4yFJNq31g7IJICZBbVrD269l4hLp8-ARYlj7Vh53kQsqWAz3TWwqGs17p2fBA-1Zppjts_K1gAGyWWpSaBN6EX1gW3qJDIgktqyS4UxyyMbOCz0uAY31GbPZJjcf6Q1_w/s1600/Emo_Wallpapers_71+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Y0Oo806I7JqpUoJbS8IJicpQlo4qbA9ME_rQobh4gAPjnicrDAYFcOKiYOMcOEpPkTIFYZXshSFsQzGS48nxF77N3hXuUEiY1ZduCATNXakG817uDeGz6hOtFQQb_pbH9WTQaZzgzKI/s1600/Emo_Wallpapers_63+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfB0ajCdeya0A_lKIl8gr6UcsnFRt5yrOWoD-zb9l7eKKb4sY54I4NCRGZvS7N-PzFXJsXnEMsDp-UP_WzznOB3Un3G82DR9PnPxwAtN6ftiRtFDEeForNwLDKMWk3RIa1SYU7rCVm5g/s1600/Emo_Wallpapers_51+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdk29rOv6Tdj0_f8C55dBarbTYuzWSLQlueKqKw_UYVlcCIa3XFMgrBfp28wPgvpqWnvli6xMnPfCjKybF4MxiE5LzP3hHKFD-rDjXrnh2ENuYvQ4we0qzlJynRmjx9NuK2k-rtCUC2A/s1600/Emo_Wallpapers_26+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4J6ROY3TZX3m8wcrmLd51pq1kYMlfeFjeLKQdl3VQMWyKelxBaFIIo97AAzUga6FgVsyiKQHF3i1DnY_9M9HO0rgfHX9bTlxXRDz9uUR1i1FJJ1VPd3LDk-BdWol9nXOuprviD0jXOlU/s1600/Emo_Wallpapers_33+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsCOU3XwMmxeItVcZlQNlcr3wtI_hpqpAAKWlfON_hvfn9zA2EsWYgOBWTP64t9nv5Q-ca-WB4WU48xGKiR22izbY92Rwjta0Cexpvv9xb63-WNQ6BY4Tgsvx6rG13094qv-b042ONHsg/s1600/Emo_Wallpapers_38+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8Hgik9GqW_VDn8ycp8V87KZkT5-7QGZo_MY2yyzm3BZNUtx-_9QsTwO5HiuelsgMA6nt8Kdl97BJ4nS1DtI3cvLtjRQ6Ja1NAH6lwewPTbInjGF7yNq104Uz4ZAohqJU8K3h_Gkaqf8/s1600/Emo_Wallpapers_25+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhllCs_Cu-HP1NNHt0PRustknXK7zj1FC7c5QBqhg4JKCYF9mVrxwc8Uk3WTl_OnEyMzEIKnGMHSRxB_hCgik6JNjlbcHGWubGEa_eqwlAtHeNV33BDL5yNn2OcSJ83VGiGD8mcD3nMuG8/s1600/Emo_Wallpapers_21+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQ8fzyTAeUcwdD8nizqNW8MVOz-T2gWfRhjcPu0-5O-DDre_xGWD9X6Zo_a0HeFHgJwlciDuugPvA0UH8rMVuhUKlXyjumUl0ikuYbsrYBSvrTNH-tVhyphenhyphenydNrYbM-9kqv2OR5K2N_1rY/s1600/Emo_Wallpapers_01+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsBaVAadyBQgoF7HjJLccQZVKDPo28MZsvojk7SoZasxS1VBT3Z3KQfdlk1_CKqR2APCqdPFtVRoQHi7UmkEyV_wcVW3uQt3cjg47Z8XQ_JO9TTzhriFxuiynGAYTRgnmrCGiB-jScV5g/s1600/Emo_Wallpapers_08+%28darkwallz.blogspot.com%29.jpg"
  ];
  //Acak urutan daftar wallpapers pake Math.random()
  emoWalPep=emoWalPep.sort(function() {return 0.5 - Math.random()});
  //Ganti background body dengan warna latar transparent, gambar ngulang ke bawah, gak ikut nge-gulung, vertikal top horizontal tengah
  document.body.style.background='transparent url('+emoWalPep[0]+') repeat-y fixed top center';
  //Ukuran background menuhin lebar ke samping
  document.body.style.backgroundSize='100%';
}
//Langsung ganti wallpaper pas halaman di load
gantiWolPep();
</script>

<!-- Tombol buat ganti wallpaper -->
<center><a onClick="gantiWolPep()" style="cursor:pointer;" class="uiButton"><button type="button">GANTI BACKGROUND</button></a></button></center>


Terima Kasih ,, sudah mampir semoga bermanfaat

Selasa, 24 Mei 2011

Redirect (JavaScript location.replace)




Assalamu'alaikum kita jumpa lagi disini :)

sebenernya kita udah bahas yang kamrin di mengalihkan alamat URL (re-direct) tapi kalau ini pake hitungan

oke langsung aja..



<div id="hitungan"></div>

<script type="text/javascript">
function jerumuskan(){
  window.location.replace('http://www.facebook.com/ans.cool');
}
</script>

<script type="text/javascript">
  var mulaiDari = '90';
  var batalkan = 'no';
function hitungMundur(){
  if(batalkan == 'yes'){
      document.getElementById('hitungan').innerHTML = '<center><a style="cursor:pointer" onClick="batalkan=\'no\';hitungMundur()">Recall</a><br/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqh95f0jur4JXcIZT4rupvL0XOpjMRIJFtY_B40y_PwitdWe3F3OLLsaPIeutiASU9X5R1NDywHbDUAt9dJNECLKDDfN1VadqNchZ6CHK8ednK8Kwmk2l4eboNhfkMZ3x_WpS5jRCAbp8/s1600/gatos-hum.jpg"/></center>';
  }else{
    if(mulaiDari < '0'){jerumuskan();}else{
      document.getElementById('hitungan').innerHTML = '<center>akan meluncur dalam <b style="font-size:30px">'+mulaiDari+'</b> detik<br/><a style="cursor:pointer" onClick="batalkan=\'yes\';hitungMundur()">Cancel</a></center>';
      mulaiDari--;
      setTimeout("hitungMundur()",1000)
    }
  }
}
    hitungMundur();
</script>

Terima Kasih ,, sudah mampir di blog ini kapan kapan mampir lagi ya

Senin, 23 Mei 2011

mengalihkan alamat URL (re-direct)





Assalamu'alaikum
oh ya baca yang post Redirect (JavaScript location.replace) juga ya

OK. yuk belajar bagaimana mengalihkan alamat url  
langsung saja tanpa basa-basi

  • login blogger
  • pilih Tata Letak - Edit HTML
  • cari kode  <head> (ctrl + f biar cepet :P )
  • Letakkan script berikut di bawah kode <head>
    <script>if(window.location.href.split('/')[3]==''){window.location.replace('url redirect')}</script>
    ganti tulisan yang berwarna biru dengan alamat yang dituju

    misal:
    
    <script>if(window.location.href.split('/')[3]==''){window.location.replace('http://www.facebook.com/ans.cool')}</script> 
Terima Kasih ,, sudah mampir di blog ini semoga bermanfaat

Senin, 25 April 2011

Membuat Alamat Blog .co.cc (URL Forwarding)


Yang pasti harus punya Account .co.cc dulu dong

Kalo belom punya bikin dulu lah, kalo gak tau caranya baca disini aja Tapi kalo emang udah punya, tinggal masuk aja ke

Buka tab

Di bagian Frame silahkan pilih apakah Alamat Aslinya mau di umpetin atau enggak.

Selesai, tinggal nyoba deh..

Ketikin Alamat domain elo di address bar

Selasa, 05 April 2011

pasang animasi loading di blog

-pasang loading?? di blog??
-wew ada-ada aja bingung

ya jelaslah ada-ada aja.. masak gak ada menjulurkan lidah

Ok langsung aja ya...
  • yang pertama login dulu..
  • Rancangan
  • Edit HTML
  • masukkan kode di bawah ini di atas kode </head>
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js'
type='text/javascript'/>  
  • selanjutnya masukkan kode berikut di atas kode </body> 
<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>  
  • dan dilanjutkan dengan memasukkan kode di bawah ini di atas kode ]]></b:skin> 
.QOverlay {
background-color: #000000; /* warna background saat blog anda di loading */
z-index: 9999;
}

.QLoader {
background-color: #CCCCCC; /* warna bar loading */
height: 1px;
}

.QAmt {
color:#FF530D; /* warna angka persentase saat loading */
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}
  • kalo udah tinggal di simpang
simple kan? ok selamat mencoba dan semoga berhasil

    Senin, 07 Maret 2011

    Turunin salju di blog



    War-Na Mer-Ahh..


    <script src='http://dodol.ueuo.com/u/salju-beureum.js' type='text/javascript'/>


    War-Na Put-IHHH


    <script src='http://dodol.ueuo.com/u/salju-bodas.js' type='text/javascript'/>


    Kalo mau mentahannya..
    Nih gue kasih...

    <script type="text/javascript">
    var snowStorm=(function(window,document){
    
     this.flakesMax=60;
     this.flakesMaxActive=60; //banyaknya salju yang jatuh
     this.animationInterval=40; //jeda gerak
     this.excludeMobile=true;
     this.flakeBottom=null; //batas bawah = height (angka)
     this.followMouse=true; //true or false
    
     this.snowColor='#000'; //warna salju RedGreenBlue mixed
     this.snowCharacter='•'; //bentuk salju (huruf/symbol) coba ganti jadi 'KAMPRET' jadi mirip kupu-kupu
     this.snowStick=false; //if true, salju jatoh ngumpul di bawah (coba set flakeBottom ke 500)
     this.targetElement=null; //ID element tempat di mana salju mau di tampilin (nama ID jangan lupa pake tanda kutip)
     this.useMeltEffect=true; //true or false
    
     this.useTwinkleEffect=false; //kelap kelip
     this.usePositionFixed=false; //if true, salju gak ikut ngegulung bareng halaman
     this.freezeOnBlur=true; //true or false
     this.flakeLeftOffset=0; //coba aja ganti angkanya misal jadi 100
     this.flakeRightOffset=0; //coba aja
    
     this.flakeWidth=5; //coba aja
     this.flakeHeight=5; //coba aja
     this.vMaxX=2.5;
     this.vMaxY=2.5;
     this.zIndex=100000; //lebih tinggi angkanya lebih terdepan tampilannya, coba aja ganti jadi 0
    
    var s=this,storm=this,i,isIE=navigator.userAgent.match(/msie/i),isIE6=navigator.userAgent.match(/msie 6/i),isWin98=navigator.appVersion.match(/windows 98/i),isMobile=navigator.userAgent.match(/mobile/i),isBackCompatIE=(isIE&&document.compatMode==='BackCompat'),noFixed=(isMobile||isBackCompatIE||isIE6),screenX=null,screenX2=null,screenY=null,scrollY=null,vRndX=null,vRndY=null,windOffset=1,windMultiplier=2,flakeTypes=6,fixedForEverything=false,opacitySupported=(function(){try{document.createElement('div').style.opacity='0.5';}catch(e){return false;}
    return true;}()),didInit=false,docFrag=document.createDocumentFragment();this.timers=[];this.flakes=[];this.disabled=false;this.active=false;this.meltFrameCount=200;this.meltFrames=[];this.events=(function(){var old=(!window.addEventListener&&window.attachEvent),slice=Array.prototype.slice,evt={add:(old?'attachEvent':'addEventListener'),remove:(old?'detachEvent':'removeEventListener')};function getArgs(oArgs){var args=slice.call(oArgs),len=args.length;if(old){args[1]='on'+args[1];if(len>3){args.pop();}}else if(len===3){args.push(false);}
    return args;}
    function apply(args,sType){var element=args.shift(),method=[evt[sType]];if(old){element[method](args[0],args[1]);}else{element[method].apply(element,args);}}
    function addEvent(){apply(getArgs(arguments),'add');}
    function removeEvent(){apply(getArgs(arguments),'remove');}
    return{add:addEvent,remove:removeEvent};}());function rnd(n,min){if(isNaN(min)){min=0;}
    return(Math.random()*n)+min;}
    function plusMinus(n){return(parseInt(rnd(2),100)===1?n*-1:n);}
    this.randomizeWind=function(){vRndX=plusMinus(rnd(s.vMaxX,0.2));vRndY=rnd(s.vMaxY,0.2);if(this.flakes){for(var i=0;i<this.flakes.length;i++){if(this.flakes[i].active){this.flakes[i].setVelocities();}}}};this.scrollHandler=function(){scrollY=(s.flakeBottom?0:parseInt(window.scrollY||document.documentElement.scrollTop||document.body.scrollTop,10));if(isNaN(scrollY)){scrollY=0;}
    if(!fixedForEverything&&!s.flakeBottom&&s.flakes){for(var i=s.flakes.length;i--;){if(s.flakes[i].active===0){s.flakes[i].stick();}}}};this.resizeHandler=function(){if(window.innerWidth||window.innerHeight){screenX=window.innerWidth-(!isIE?16:2)-s.flakeRightOffset;screenY=(s.flakeBottom?s.flakeBottom:window.innerHeight);}else{screenX=(document.documentElement.clientWidth||document.body.clientWidth||document.body.scrollWidth)-(!isIE?8:0)-s.flakeRightOffset;screenY=s.flakeBottom?s.flakeBottom:(document.documentElement.clientHeight||document.body.clientHeight||document.body.scrollHeight);}
    screenX2=parseInt(screenX/2,10);};this.resizeHandlerAlt=function(){screenX=s.targetElement.offsetLeft+s.targetElement.offsetWidth-s.flakeRightOffset;screenY=s.flakeBottom?s.flakeBottom:s.targetElement.offsetTop+s.targetElement.offsetHeight;screenX2=parseInt(screenX/2,10);};this.freeze=function(){if(!s.disabled){s.disabled=1;}else{return false;}
    for(var i=s.timers.length;i--;){clearInterval(s.timers[i]);}};this.resume=function(){if(s.disabled){s.disabled=0;}else{return false;}
    s.timerInit();};this.toggleSnow=function(){if(!s.flakes.length){s.start();}else{s.active=!s.active;if(s.active){s.show();s.resume();}else{s.stop();s.freeze();}}};this.stop=function(){this.freeze();for(var i=this.flakes.length;i--;){this.flakes[i].o.style.display='none';}
    s.events.remove(window,'scroll',s.scrollHandler);s.events.remove(window,'resize',s.resizeHandler);if(s.freezeOnBlur){if(isIE){s.events.remove(document,'focusout',s.freeze);s.events.remove(document,'focusin',s.resume);}else{s.events.remove(window,'blur',s.freeze);s.events.remove(window,'focus',s.resume);}}};this.show=function(){for(var i=this.flakes.length;i--;){this.flakes[i].o.style.display='block';}};this.SnowFlake=function(parent,type,x,y){var s=this,storm=parent;this.type=type;this.x=x||parseInt(rnd(screenX-20),10);this.y=(!isNaN(y)?y:-rnd(screenY)-12);this.vX=null;this.vY=null;this.vAmpTypes=[1,1.2,1.4,1.6,1.8];this.vAmp=this.vAmpTypes[this.type];this.melting=false;this.meltFrameCount=storm.meltFrameCount;this.meltFrames=storm.meltFrames;this.meltFrame=0;this.twinkleFrame=0;this.active=1;this.fontSize=(10+(this.type/5)*10);this.o=document.createElement('div');this.o.innerHTML=storm.snowCharacter;this.o.style.color=storm.snowColor;this.o.style.position=(fixedForEverything?'fixed':'absolute');this.o.style.width=storm.flakeWidth+'px';this.o.style.height=storm.flakeHeight+'px';this.o.style.fontFamily='arial,verdana';this.o.style.overflow='hidden';this.o.style.fontWeight='normal';this.o.style.zIndex=storm.zIndex;docFrag.appendChild(this.o);this.refresh=function(){if(isNaN(s.x)||isNaN(s.y)){return false;}
    s.o.style.left=s.x+'px';s.o.style.top=s.y+'px';};this.stick=function(){if(noFixed||(storm.targetElement!==document.documentElement&&storm.targetElement!==document.body)){s.o.style.top=(screenY+scrollY-storm.flakeHeight)+'px';}else if(storm.flakeBottom){s.o.style.top=storm.flakeBottom+'px';}else{s.o.style.display='none';s.o.style.top='auto';s.o.style.bottom='0px';s.o.style.position='fixed';s.o.style.display='block';}};this.vCheck=function(){if(s.vX>=0&&s.vX<0.2){s.vX=0.2;}else if(s.vX<0&&s.vX>-0.2){s.vX=-0.2;}
    if(s.vY>=0&&s.vY<0.2){s.vY=0.2;}};this.move=function(){var vX=s.vX*windOffset,yDiff;s.x+=vX;s.y+=(s.vY*s.vAmp);if(s.x>=screenX||screenX-s.x<storm.flakeWidth){s.x=0;}else if(vX<0&&s.x-storm.flakeLeftOffset<0-storm.flakeWidth){s.x=screenX-storm.flakeWidth-1;}
    s.refresh();yDiff=screenY+scrollY-s.y;if(yDiff<storm.flakeHeight){s.active=0;if(storm.snowStick){s.stick();}else{s.recycle();}}else{if(storm.useMeltEffect&&s.active&&s.type<3&&!s.melting&&Math.random()>0.998){s.melting=true;s.melt();}
    if(storm.useTwinkleEffect){if(!s.twinkleFrame){if(Math.random()>0.9){s.twinkleFrame=parseInt(Math.random()*20,10);}}else{s.twinkleFrame--;s.o.style.visibility=(s.twinkleFrame&&s.twinkleFrame%2===0?'hidden':'visible');}}}};this.animate=function(){s.move();};this.setVelocities=function(){s.vX=vRndX+rnd(storm.vMaxX*0.12,0.1);s.vY=vRndY+rnd(storm.vMaxY*0.12,0.1);};this.setOpacity=function(o,opacity){if(!opacitySupported){return false;}
    o.style.opacity=opacity;};this.melt=function(){if(!storm.useMeltEffect||!s.melting){s.recycle();}else{if(s.meltFrame<s.meltFrameCount){s.meltFrame++;s.setOpacity(s.o,s.meltFrames[s.meltFrame]);s.o.style.fontSize=s.fontSize-(s.fontSize*(s.meltFrame/s.meltFrameCount))+'px';s.o.style.lineHeight=storm.flakeHeight+2+(storm.flakeHeight*0.75*(s.meltFrame/s.meltFrameCount))+'px';}else{s.recycle();}}};this.recycle=function(){s.o.style.display='none';s.o.style.position=(fixedForEverything?'fixed':'absolute');s.o.style.bottom='auto';s.setVelocities();s.vCheck();s.meltFrame=0;s.melting=false;s.setOpacity(s.o,1);s.o.style.padding='0px';s.o.style.margin='0px';s.o.style.fontSize=s.fontSize+'px';s.o.style.lineHeight=(storm.flakeHeight+2)+'px';s.o.style.textAlign='center';s.o.style.verticalAlign='baseline';s.x=parseInt(rnd(screenX-storm.flakeWidth-20),10);s.y=parseInt(rnd(screenY)*-1,10)-storm.flakeHeight;s.refresh();s.o.style.display='block';s.active=1;};this.recycle();this.refresh();};this.snow=function(){var active=0,used=0,waiting=0,flake=null,i;for(i=s.flakes.length;i--;){if(s.flakes[i].active===1){s.flakes[i].move();active++;}else if(s.flakes[i].active===0){used++;}else{waiting++;}
    if(s.flakes[i].melting){s.flakes[i].melt();}}
    if(active<s.flakesMaxActive){flake=s.flakes[parseInt(rnd(s.flakes.length),100)];if(flake.active===0){flake.melting=true;}}};this.mouseMove=function(e){if(!s.followMouse){return true;}
    var x=parseInt(e.clientX,10);if(x<screenX2){windOffset=-windMultiplier+(x/screenX2*windMultiplier);}else{x-=screenX2;windOffset=(x/screenX2)*windMultiplier;}};this.createSnow=function(limit,allowInactive){for(var i=0;i<limit;i++){s.flakes[s.flakes.length]=new s.SnowFlake(s,parseInt(rnd(flakeTypes),10));if(allowInactive||i>s.flakesMaxActive){s.flakes[s.flakes.length-1].active=-1;}}
    storm.targetElement.appendChild(docFrag);};this.timerInit=function(){s.timers=(!isWin98?[setInterval(s.snow,s.animationInterval)]:[setInterval(s.snow,s.animationInterval*3),setInterval(s.snow,s.animationInterval)]);};this.init=function(){for(var i=0;i<s.meltFrameCount;i++){s.meltFrames.push(1-(i/s.meltFrameCount));}
    s.randomizeWind();s.createSnow(s.flakesMax);s.events.add(window,'resize',s.resizeHandler);s.events.add(window,'scroll',s.scrollHandler);if(s.freezeOnBlur){if(isIE){s.events.add(document,'focusout',s.freeze);s.events.add(document,'focusin',s.resume);}else{s.events.add(window,'blur',s.freeze);s.events.add(window,'focus',s.resume);}}
    s.resizeHandler();s.scrollHandler();if(s.followMouse){s.events.add(isIE?document:window,'mousemove',s.mouseMove);}
    s.animationInterval=Math.max(20,s.animationInterval);s.timerInit();};this.start=function(bFromOnLoad){if(!didInit){didInit=true;}else if(bFromOnLoad){return true;}
    if(typeof s.targetElement==='string'){var targetID=s.targetElement;s.targetElement=document.getElementById(targetID);if(!s.targetElement){throw new Error('Snowstorm: Unable to get targetElement "'+targetID+'"');}}
    if(!s.targetElement){s.targetElement=(!isIE?(document.documentElement?document.documentElement:document.body):document.body);}
    if(s.targetElement!==document.documentElement&&s.targetElement!==document.body){s.resizeHandler=s.resizeHandlerAlt;}
    s.resizeHandler();s.usePositionFixed=(s.usePositionFixed&&!noFixed);fixedForEverything=s.usePositionFixed;if(screenX&&screenY&&!s.disabled){s.init();s.active=true;}};function doStart(){if((this.excludeMobile&&!isMobile)||!this.excludeMobile){window.setTimeout(function(){s.start(true);},20);}
    s.events.remove(window,'load',doStart);}
    s.events.add(window,'load',doStart,false);return this;}(window,document));
    
    </script>
    

    Caranya buat Ngetest

    • Buka NotPad
    • Copas Script di atas
    • Save as .htm file format
    • Click kanan file tadi, Open with Firefox

    Sabtu, 05 Maret 2011

    Bikin Gambar Berjalan di Blog


    Thanks to Rex Azhar
    ..i'll..
        .kill YOU!!












    Assalamu'alaikum..



    langsung aja yah say ..

    • pertama, yah login dulu blogger lah
    • kedua, klik blog yang maoo lo edit..
    • ketiga, copy dulu cript dibawah ini 

    <div id="ム刀丂 メ" 
          style="bottom: 0px;
                    left: 0px; 
                    position: fixed; 
                    right: 0px;">
    
      <marquee behavior="right" direction="right" scrollamount="2">
    
        <a href="http://www.facebook.com/ans.cool" target="_blank">
    
          <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/rocklee.gif" 
                    style="cursor: pointer;" />
    
        </a>
    
        Aku Rocklee Jackson :P
      </marquee>
    </div>
    


    EXPLANATION

    Pada text bottom bisa diubah dengan top dan 0px itu bisa diubah sesuka elo, coba aja sendiri
    Pada text right bisa diubah jadi left, ntar jalanya ke kiri..

    Pada text http://www.facebook.com/ans.cool itu URL atau Alamat yang bakal dituju pas di klik..
    Pada text http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/rocklee.gif adalah URL atau alamat gambar.. ( kalo mau nyari gif, cari di Googlenya dengan NAMAFILE.gif )
    Pada text Aku Rocklee Jackson :P itu text tambahan, kalo gak mau delete aja. tapi inget kode </a> sama </marquee> nya jangan ada yang ancur

    Masukinnya Dimana Gan ???
    Masukinnya di Edit HTML
    simpen tepat di atas tag </body>

    klik deh Save Template













     
    Alhamdulillhah..






    Okey, sekarang aku update..
    ini juga dapet ngerampok sih dari blog orang laen..
    nih aku kasih sourcenya..
    #trik_pojok {
    position:fixed;_position:absolute;bottom:5px;margin-right:5px;
    clip:inherit;_top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); 
    }

    Nah, copy yang diatas..
    Simpen di atas tag

          ]]>
    </b:template-skin>


    nah, kalo udah, copy yang dibawah ini yah..

    <div id="trik_pojok">
    <a href="http://ans-x.blogspot.com/2011/03/bikin-gambar-berjalan-di-blog.html" target="_blank" title="Mau Bikin Kayak Gini? Klik dong..">
          <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/stupid-rabbit.gif" style="cursor: pointer;" width="90px" /></div>

    kalo udah, save deh
    yang warna merah diganti jadi url gambar kamu..

    kalo masalah jalannya sih tinggal ditambahin ini

    Diawali dengan..

    <marquee behavior="right" scrollamount="2">

    Ditengahnya..

    <a href="http://ans-x.blogspot.com/2011/03/bikin-gambar-berjalan-di-blog.html" target="_blank" title="Mau Bikin Kayak Gini? Klik dong.."> <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/stupid-rabbit.gif" style="cursor: pointer;" width="90px" /> 

    Diakhiri..

    </marquee>
    Kalo disatuin jadi gini dong
    <marquee behavior="right" scrollamount="2"><a href="http://ans-x.blogspot.com/2011/03/bikin-gambar-berjalan-di-blog.html" target="_blank" title="Mau Bikin Kayak Gini? Klik dong..">
          <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/stupid-rabbit.gif" style="cursor: pointer;" width="90px" /><marquee>

    Selesai deh, Alhamdulillah lagi ahh












     
    Alhamdulillhah..
     
     
    Terima kasih, Semoga membantu.
     

    Sabtu, 26 Februari 2011

    otak atik title/judul blog


    • membuat title/judul berjalan
      1. ya pastinya login dulu.... di blogger :P
      2. klik Rancangan kemudian pilih Edit HTML
      3. Beri tanda centang pada kotak "Expand Widget Template" ( gak juga gpp :P)
      4. cari kode di bawah ini (pake ctrl + F biar cepat)
      5. <title><data:blog.pageTitle/></title>
      6. Hapus kode tersebut lalu ganti dengan script dibawah ini:
      7. <script language='JavaScript'>
        var txt="<data:blog.pageTitle/>";
        var kecepatan=100;
        var segarkan=null;
        
        function bergerak() {
          document.title=txt;
          txt=txt.substring(1,txt.length)+txt.charAt(0);
          segarkan=setTimeout("bergerak()",kecepatan);
        }
        
        bergerak();
        </script> 
      8. nahhh yang angka berwarna merah itu adalah kecepatannya, so ganti sesuai dengan hati mu, semakin besar angkanya semakin lambat jalannya..dan sebaliknya semakin kecil angkanya semakin cepat (aneh ya :P )
      9. bila sudah, sebaiknya anda klik Pertinjau biar ngerti cocok gak dengan hati mu
      10. kalo sudah cocok tinggal di save.. 

      • membuat title/judul muncul satu per satu
      klik disini untuk melihat contohnya
      1. login dulu ye,,,,
      2. klik Rancangan kemudian pilih Elemen Laman
      3. klik tambah gadget lalu copas kode di bawah ini
      4. <script language="JavaScript">
        <!--
        /*****JUDUL BERJALAN By. No Name dech*****/
        
        function tb5_makeArray(n){
        this.length = n;
        return this.length;
        }
        
        tb5_messages = new tb5_makeArray(6);
        tb5_messages[0] = "WELCOME TO...";
        tb5_messages[1] = "my 乃レԾǤ...";
        tb5_messages[2] = "キԾ尺 んムアアノ乇尺";
        tb5_messages[3] = "satu";
        tb5_messages[4] = "untuk";
        tb5_messages[5] = "semua";
        tb5_rptType = 'infinite';
        tb5_rptNbr = 50;
        tb5_speed = 250;
        tb5_delay = 2000;
        var tb5_counter=1;
        var tb5_currMsg=0;
        var tb5_stsmsg="";
        function tb5_shuffle(arr){
        var k;
        for (i=0; i<arr.length; i++){
        k = Math.round(Math.random() * (arr.length - i - 1)) + i;
        temp = arr[i];arr[i]=arr[k];arr[k]=temp;
        }
        return arr;
        }
        tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
        tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
        for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
        tb5_arr[i] = i;
        tb5_sts[i] = "_";
        }
        tb5_arr = tb5_shuffle(tb5_arr);
        function tb5_init(n){
        var k;
        if (n == tb5_arr.length){
        if (tb5_currMsg == tb5_messages.length-1){
        if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
        clearTimeout(tb5_timerID);
        return;
        }
        tb5_counter++;
        tb5_currMsg=0;
        }
        else{
        tb5_currMsg++;
        }
        n=0;
        tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
        tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
        for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
        tb5_arr[i] = i;
        tb5_sts[i] = "_";
        }
        tb5_arr = tb5_shuffle(tb5_arr);
        tb5_sp=tb5_delay;
        }
        else{
        tb5_sp=tb5_speed;
        k = tb5_arr[n];
        tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
        tb5_stsmsg = "";
        for (var i=0; i<tb5_sts.length; i++)
        tb5_stsmsg += tb5_sts[i];
        document.title = tb5_stsmsg;
        n++;
        }
        tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
        }
        function tb5_randomizetitle(){
        tb5_init(0);
        }
        tb5_randomizetitle();
        
        //-->
        </script>
      5. tulisan yang berwarna hijau itu ganti dengan kata mu.. dan angka yang berwarna merah itu kecepatannya ubah aja sesuai dengan keinginanmu
      6. tinggal di klik save, sudah :D 

      • membuat title/judul (kyk mliknya Om Krezz)
      1. patinya login duu
      2. klik Rancangan kemudian pilih Elemen Laman
      3. klik tambah gadget lalu copas kode di bawah ini
      4. <script type='text/javascript'>
        //<![CDATA[
        
        var message = new Array() // leave this as is
        
        message[0] = "Welcome to my Blogger !";
        message[1] = "www.kress-pb.blogspot.com";
        message[2] = "Jangan Lupa Follow Up/Comment";
        message[3] = "Heavy pOiNt BlAcK !!";
        message[4] = "=xKRESSx= ";
        message[5] = "Semoga Bermanfaat Bro";
        
        var reps = 2
        
        var speed = 100
        
        var p=message.length;
        var T="";
        var C=0;
        var mC=0;
        var s=0;
        var sT=null;
        if(reps<1)reps=1;
        function doTheThing(){
        T=message[mC];
        A();}
        function A(){
        s++
        if(s>9){s=1}
        
        if(s==1){document.title='[K====] '+T+' [====K]'}
        if(s==2){document.title='[=R===] '+T+' [===R=]'}
        if(s==3){document.title='[==E==] '+T+' [==E==]'}
        if(s==4){document.title='[===S=] '+T+' [=S===]'}
        if(s==5){document.title='[====S] '+T+' [S====]'}
        if(s==6){document.title='[===S=] '+T+' [=S===]'}
        if(s==7){document.title='[==E==] '+T+' [==E==]'}
        if(s==8){document.title='[=R===] '+T+' [===R=]'}
        if(s==9){document.title='[K====] '+T+' [====K]'}
        if(C<(8*reps)){
        sT=setTimeout("A()",speed);
        C++
        }else{
        C=0;
        s=0;
        mC++
        if(mC>p-1)mC=0;
        sT=null;
        doTheThing();}}
        doTheThing();
        //]]>
        </script>
      5. tulisan yang berwarna hijau dan biru tu ganti aja sesuka mu, dan yang berwarna merah tu buat kecepatan.
      6. tinggal di save dehhh
      panjang amat ni posting ? :P

          Kamis, 10 Februari 2011

          membuat jam mengikuti kursor


          sebenrnya javascript ini agak susah kalo template blogger gak mendukung
          tapi ada beberapa template blogger yang mendukung
          cobah deh copas kode ni

          <style type="text/css">
          <!--
          /*Do not Alter these. Set for alignment*/
          .css1{
          position:absolute;top:0px;left:0px;
          width:16px;height:16px;
          font-family:Arial,sans-serif;
          font-size:16px;
          text-align:center;
          font-weight:bold;
          }
          .css2{
          position:absolute;top:0px;left:0px;
          width:10px;height:10px;
          font-family:Arial,sans-serif;
          font-size:10px;
          text-align:center;
          }
          //-->
          </style>
          
          <script type="text/javascript">
          <!-- Mouse Clock 3 Button
          //Hide from older browsers 
          if (document.getElementById&&!document.layers){
          document.write('<input type="button" id="control" value="Clock Off" onClick="this.blur();onoff()">');
          }
          //-->
          </script>
          
          <SCRIPT LANGUAGE="JavaScript">
          <!-- Mouse Follow Clock 3 from Rainbow Arch -->
          <!-- This script and many more from : -->
          <!-- http://rainbow.arch.scriptmania.com -->
          
          <!-- Mouse Follow Clock 3 from http://rainbow.arch.scriptmania.com
          //Hide from older browsers 
          if (document.getElementById&&!document.layers){
          
          //Clock colours
          dCol='#00ff00';//date colour.
          fCol='#ffffff';//face colour.
          sCol='#ffffff';//seconds colour.
          mCol='#00ff00';//minutes colour.
          hCol='#00ff00';//hours colour.
          
          //Controls
          del=0.6;  //Follow mouse speed.
          ref=40;   //Run speed (timeout).
          
          //Alter nothing below! Alignments will be lost!
          var ieType=(typeof window.innerWidth != 'number');
          var docComp=(document.compatMode);
          var docMod=(docComp && docComp.indexOf("CSS") != -1);
          var ieRef=(ieType && docMod)
          ?document.documentElement:document.body;
          theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
          theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
          date=new Date();
          day=date.getDate();
          year=date.getYear();
          if (year < 2000) year=year+1900; 
          tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
          D=tmpdate.split("");
          N='3 4 5 6 7 8 9 10 11 12 1 2';
          N=N.split(" ");
          F=N.length;
          H='...';
          H=H.split("");
          M='....';
          M=M.split("");
          S='.....';
          S=S.split("");
          siz=40;
          eqf=360/F;
          eqd=360/D.length;
          han=siz/5.5;
          ofy=-7;
          ofx=-3;
          ofst=70;
          tmr=null;
          vis=true;
          mouseY=0;
          mouseX=0;
          dy=new Array();
          dx=new Array();
          zy=new Array();
          zx=new Array();
          tmps=new Array();
          tmpm=new Array(); 
          tmph=new Array();
          tmpf=new Array(); 
          tmpd=new Array();
          var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
          for (i=0; i < sum; i++){
          dy[i]=0;
          dx[i]=0;
          zy[i]=0;
          zx[i]=0;
          }
          
          algn=new Array();
          for (i=0; i < D.length; i++){
          algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
          document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'<\/div>');
          tmpd[i]=document.getElementById("_date"+i).style;
          }
          for (i=0; i < F; i++){
          document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'<\/div>');
          tmpf[i]=document.getElementById("_face"+i).style; 
          }
          for (i=0; i < H.length; i++){
          document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'<\/div>');
          tmph[i]=document.getElementById("_hours"+i).style;
          }
          for (i=0; i < M.length; i++){
          document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'<\/div>');
          tmpm[i]=document.getElementById("_minutes"+i).style; 
          }
          for (i=0; i < S.length; i++){
          document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'<\/div>');
          tmps[i]=document.getElementById("_seconds"+i).style;         
          }
          
          function onoff(){
          if (vis){ 
           vis=false;
           document.getElementById("control").value="Clock On";
           }
          else{ 
           vis=true;
           document.getElementById("control").value="Clock Off";
           Delay();
           }
          kill();
          }
          
          function kill(){
          if (vis) 
           document.onmousemove=mouse;
          else 
           document.onmousemove=null;
          } 
          
          function mouse(e){
          var msy = (!ieType)?window.pageYOffset:0;
          if (!e) e = window.event;    
           if (typeof e.pageY == 'number'){
            mouseY = e.pageY + ofst - msy;
            mouseX = e.pageX + ofst;
           }
           else{
            mouseY = e.clientY + ofst - msy;
            mouseX = e.clientX + ofst;
           }
          if (!vis) kill();
          }
          document.onmousemove=mouse;
          
          function winDims(){
          winH=(ieType)?ieRef.clientHeight:window.innerHeight; 
          winW=(ieType)?ieRef.clientWidth:window.innerWidth;
          }
          winDims();
          window.onresize=new Function("winDims()");
          
          function ClockAndAssign(){
          time = new Date();
          secs = time.getSeconds();
          sec = Math.PI * (secs-15) / 30;
          mins = time.getMinutes();
          min = Math.PI * (mins-15) / 30;
          hrs = time.getHours();
          hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;
          
          for (i=0; i < S.length; i++){
           tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
           tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
           }
          for (i=0; i < M.length; i++){
           tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
           tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
           }
          for (i=0; i < H.length; i++){
           tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
           tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
           }
          for (i=0; i < F; i++){
           tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
           tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
           }
          for (i=0; i < D.length; i++){
           tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
           tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
           }
          if (!vis)clearTimeout(tmr);
          }
          
          buffW=(ieType)?80:90;
          function Delay(){
          scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
          if (!vis){
           dy[0]=-100;
           dx[0]=-100;
          }
          else{
           zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
           zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
          }
          for (i=1; i < sum; i++){
           if (!vis){
            dy[i]=-100;
            dx[i]=-100;
           }
           else{
            zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
            zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
           }
          if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
          if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
          }
          
          tmr=setTimeout('Delay()',ref);
          ClockAndAssign();
          }
          window.onload=Delay;
          }
          //-->
          </script>

          untuk mencoba berhasil ato tidak script di atas, dapat di coba dengan notepad
          
          • buka notepad
          • copas script di atas
          • klik file
          • save as => save name=" coba.htm " > Save as type=" all files " 
          • buka dengan mozilla
          note : tambahin ini aja biar kliatan
           <body bgcolor="black"> (taroh tepat di atas script itu)


          semoga berhasil....

          Minggu, 06 Februari 2011

          cara bikin text mengikuti cursor


          • Pertama²..
          Baca Bismillah atau sesuai kepercayaan masing² :p
          • Kedua..
          Login Ke Blogger Kamu
          • Ketiga..
          Klik Rancangan
          • Keempat..
          Klik Edit HTML
          Tekan Ctrl + F pada browser kamu langsung keluar mesin pencari, lalu tulis "</head>"(tanpa kutip) di kolom browser Ctrl + F tadi..
          • Kelima..
          Setelah Ketemu </head> copy script dibawah ini

          <style type='text/css'>
          #outerCircleText {
          font-style: italic;
          font-weight: bold;
          font-family: &#39;comic sans ms&#39;, verdana, arial;
          color: #BD3C28F;
          
          position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
          #outerCircleText div {position: relative;}
          #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
          </style>
          <script type='text/javascript'>
          //<![CDATA[
          ;(function(){
          // Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
          var msg = "http://ans-x.blogspot.com";
          // Set font's style size for calculating dimensions
          // Set to number of desired pixels font size (decimal and negative numbers not allowed)
          var size = 25;
          // Set both to 1 for plain circle, set one of them to 2 for oval
          // Other numbers & decimals can have interesting effects, keep these low (0 to 3)
          var circleY = 0.75; var circleX = 2;
          // The larger this divisor, the smaller the spaces between letters
          // (decimals allowed, not negative numbers)
          var letter_spacing = 5;
          // The larger this multiplier, the bigger the circle/oval
          // (decimals allowed, not negative numbers, some rounding is applied)
          var diameter = 10;
          // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
          var rotation = 0.4;
          // This is not the rotation speed, its the reaction speed, keep low!
          // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
          var speed = 0.3;
          // BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //
          if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
          msg = msg.split('');
          var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
          ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
          o = document.createElement('div'), oi = document.createElement('div'),
          b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :
          document.body,
          mouse = function(e){
          e = e || window.event;
          ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
          xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
          },
          makecircle = function(){ // rotation/positioning
          if(init.nopy){
          o.style.top = (b || document.body).scrollTop + 'px';
          o.style.left = (b || document.body).scrollLeft + 'px';
          };
          currStep -= rotation;
          for (var d, i = n; i > -1; --i){ // makes the circle
          d = document.getElementById('iemsg' + i).style;
          d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
          'px';
          d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
          };
          },
          drag = function(){ // makes the resistance
          y[0] = Y[0] += (ymouse - Y[0]) * speed;
          x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
          for (var i = n; i > 0; --i){
          y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
          x[i] = X[i] += (x[i-1] - X[i]) * speed;
          };
          makecircle();
          },
          init = function(){ // appends message divs, & sets initial values for positioning arrays
          if(!isNaN(window.pageYOffset)){
          ymouse += window.pageYOffset;
          xmouse += window.pageXOffset;
          } else init.nopy = true;
          for (var d, i = n; i > -1; --i){
          d = document.createElement('div'); d.id = 'iemsg' + i;
          d.style.height = d.style.width = a + 'px';
          d.appendChild(document.createTextNode(msg[i]));
          oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
          };
          o.appendChild(oi); document.body.appendChild(o);
          setInterval(drag, 25);
          },
          ascroll = function(){
          ymouse += window.pageYOffset;
          xmouse += window.pageXOffset;
          window.removeEventListener('scroll', ascroll, false);
          };
          o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
          if (window.addEventListener){
          window.addEventListener('load', init, false);
          document.addEventListener('mouseover', mouse, false);
          document.addEventListener('mousemove', mouse, false);
          if (/Apple/.test(navigator.vendor))
          window.addEventListener('scroll', ascroll, false);
          }
          else if (window.attachEvent){
          window.attachEvent('onload', init);
          document.attachEvent('onmousemove', mouse);
          };
          })();
          //]]>
          </script>

          nah, text "http://ans-x.blogspot.com/"nya ganti/edit jadi nama kamu atau terserah kamu..
          paste Script ini diatas text </head>

          alhamdulillah

          ooiaa tambahan..
          • untuk color: #BD3C28F; 
          tulisan yang berwarna merah ganti kode warna tersebut dengan yang kamu suka
          untuk kodenya klik disini
          •  untuk var size = 25;
          angka yang berwarna merah itu menunjukkan besarnya tulisan, so.. ganti aja sesuka mu


          semoga membantu 

          cara mengganti icon Blog


          Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
          Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
          masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>


           <link href='http://2.bp.blogspot.com/_bBL9ze_JZsw/TTkfFTP1LiI/AAAAAAAAALM/88pCEE5Ck0M/s1600/rock.gif' rel='SHORTCUT ICON'/>
          


          tulisan berwarnah merah ganti dengan alamat icon yang  ingin kamu jadiin jadi icon

          semoga membantu ea 

          Sabtu, 05 Februari 2011

          cara mengganti template blogger


          Tulisan ini saya peruntukan bagi anda yang suka dan sedang belajar ngeblog di Blogspot.com. Mungkin anda kurang merasa sreg dengan tampilan template yang disediakan oleh Blogspot. Karena blogspot tidak cukup banyak menyediakan  template, dan tampilannya standard.
          Anda bisa mengganti template blog anda yang sekarang masih standard dengan template blogspot sesuai selera anda. Saat ini banyak sekali template blogspot yang menarik. (Download template blogspot cari di google ya. banyak kok) . Lalu file template simpan di komputer anda.

          Selanjutnya, cara mengganti template blogspot sangat mudah, ikuti langkah-langkahnya sebagai berikut :

          1. Buka blog anda dan login dengan akun anda,
          2. Masuk Dashboard
          3. Pilih Layout,
          4. Pilih Edit HTML,  … lihat gambar :



          5. Centang —-> Expand Widget Templates



          6. Lakukan  —–> Upload File template tadi  dari komputer anda,
          7. Klik —–> KEEP WIDGETS
          8. Klik ——>  View Blogs
          9. Selesai, template blog anda sudah jadi ….gampang khan ?

          SELAMAT MENCOBA…. !

          moga bermanfaat ya

          Script Alert di Blog


          Saya pikir temen2 dah ga terlalu asing lagi sama yang namanya alert di blog ini, karena sudah sering sekali dan banyak juga dari temen kita yang di blognya itu memakai alert ini. buat yang masih kurang jelas alertnya seperti apa, bisa diliat gambarnya di bawah :



          Jujur aja, klo saya pribadi sih kurang begitu suka pake alert ini karena dirasa aga sedikit ribet
          (kasian yang dateng ke blog jadi harus banyak ngeklik.. hehe), tapi barangkali ada temen2 yang pengen pasang fasilitas alert kaya begitu buat dipasang di blognya, ya monggo wae.. hihi. Langsung ni caranya..

          pertama Login di blogger

          * Pilih menu "Rancangan"

          * Lalu pilih sub menu "Edit HTML"

          * Cari kode <head>

          * Copy paste kode di bawah ini diatas kode <head>

          <script language='javascript'>alert("WELCOME to Wy blog");</script>
          

          atau dengan cara yang mudah

          pertama Login di blogger

          * Pilih menu "Rancangan"

          * Lalu pilih "Elemen Laman"

          * "Tambah Gadget"

          * Pilih "HTML/JavaScript"

          * Copy paste kode di atas tadi

          owh iaa... Yang Berwarna Merah , ganti dengan kata yang kamu inginkan

          sentuhan akhir tinggal di save
          hehehe

          semoga membantu ya

          handapeunpost