Javascript hosting.

Dalam posting saya tentang jquery dan javascript untuk blog blogger, saya rekomendasikan hosting file javascript dalam Google code untuk kecepatan dan dapat diandalkan. Tetapi beberapa dari Anda mungkin bertanya: bagaimana menggunakan Google code? Jadi, ini adalah tujuan posting ini: Bagaimana untuk meng-host file Anda dalam Google code.

Google code adalah layanan dari Google, mereka memiliki ruang disk untuk file host pengembang dalam proyek open source. Seperti layanan lain dari Google, gratis, cepat, dan dapat diandalkan.

Untuk host file di Google, pada awalnya, Anda perlu pergi ke alamat ini. Setelah Login menggunakan account Google (dengan mengklik Sign in untuk menciptakan sebuah proyek), Anda akan melihat link Create a new project di bawah . Klik link ini

muncul sebuah halaman baru. Isi informasi untuk Project name , Project summary dan description. Setelah mengisi penuh semua informasi di halaman ini, klik Create project.

Sebuah proyek baru dibuat di Google Code. Jadi sekarang, saatnya kita untuk meng-upload file. Di Project home page, klik pada Download tab.

Dalam Download tab, klik New Download. Suatu bentuk untuk meng-upload file muncul. Klik Browse untuk memilih file yang ingin Anda host dalam kode Google. Setelah memilih file, ketik sesuatu untuk ringkasan di summary field dan label. Setelah Anda selesai, klik Submit file.

Ketika upload selesai, akan kembali ke halaman download, di mana Anda melihat file yang Anda upload.



Sekarang, untuk menggunakan file ini, hanya menyalin URL-nya dengan klik kanan pada nama file di Download page dan pilih copy URL, dan sisipkan link ke tempat yang Anda butuhkan. Sebagai contoh, Anda mungkin akan melihat kode seperti ini <script src="your js file"></script<, ubah "js file" ke URL dari file yang Anda host dalam google code.

Selamat menjoba.. ^ ^

Read More

Membuat Rainbow Link

Pada kesempatan kali ini saya akan membahas tentang rainbow link, sesuai dengan nama nya rainbow link adalah link dengan warna yang akan berganti saat pointer kursor melintas atau menyentuh link tersebut, metode ini akan terjadi pada semua link yang ada pada blog kalian. dapat dilihat pada blog saya ini, coba arahkan pada link dibawah ini, cukup diarahkan saja dan jangan di klik...!!!

ini contoh rainbowlink nya

warna tulisan link tersebut akan berubah.
saya rasa penjelasannya sudah cukup, tanpa menghambat waktu mari langsung dipraktekan.



1. loggin ke Blogger
2. setelah masuk ke Dashboard pilih Tata Letak kemudian klik Edit Html
3. pada konten html tersebut cari kode </head> (untuk mempermudah pencarian silahkan menggunakan "Ctrl+F dan masukan kode yang akan dicari") kemudian copy-paste kan kode script dibawah ini tepat diatas kode </head>

<script language="javascript" src="http://jvs.googlecode.com/files/secretbaseRain.js"></script>

4. simpan, dan lihatlah hasilnya pada blog atau website kalian.

Keterangan:

• Huruf berwarna merah itu dapat anda ganti dengan nama file javascript hosting anda.
  
• untuk keterangan lebih lanjut tentang Javascript hosting, klik disini.
  

semoga berhasil.
jika mempunyai pertanyaan, kritik, dan saran silahkan ditulis pada kolom komentar.

Read More

Membuat Buku Tamu Melayang

Pernah tidak melihat sebuah blog yang di samping kanan atas ada tulisan Buku Tamu dengan background hijau seperti punyaku ini, yang kalau diklik akan keluar form isian yang menanyakan Nama, Website dan Message. Buku Tamu tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap nampak. Mau tahu caranya?


1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://makassar-09.blogspot.com/2009/08/trik-membuat-buku-tamu-melayang.html">
sini </a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

CATATAN :
# Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix

# Icon Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di background seperti blog teman kita ini. Klik Disini

# Selamat Mencoba

Read More

Menggerakkan Browser saat membuka blog.

Hmmmmmmm.... pada kali ini saya akan menjelaskan tentang cara untuk membuat browser bergerak berputar. Keren kan!!!.


Makcudnya (perubahan pada browser tampil, bergerak mengecil berputar lalu tampilannya seperti semula kembali. Ya, so pastinya.... dengan adanya efek ni, blog kamu makin keren aja....

Mw coba ikuti aja langkah-langkah nya ya!!!


Caranya yaitu:
1.Masuk Ke blogger Anda
2.Pilih Rancangan
3.Kemudian pilih Tambah Gadget
4.Pilih HTML/JavaScript
5.N... Copy paste script kode di bawah ini didalam HTML/JavaScript
6.Klik Simpan


Copy Paste Script Kode Di Bawah Ini :

<script>window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.3)
}</script>

DEMO
SELESAI..

Read More

Prompt alert JavaScript

Halo .. apa kabar, mestinya baek2 aja khan .. langsung to the point aja ya .. ane ada sedikit kabar bagi ente yang suka memberikan salam kepada sesama saudara kita .. sekarang ini dengan canggihnya teknologi, semuanya bisa dikerjakan secara otomatis, dan salah satunya adalah salam pada blog kita karena udah dikasih caranya dan tinggal kita terapkan aja, tapi bisa nggak ya ?? ya itu tergantung dari diri kita sendirilah tentunya, bisa nggak ?? hehe bercanda doang kok, mestinya semuanya udah pinter2 kali ya .. yup lanjut .. sekarang langsung taruh script yang ane kasih di sini ya ..

Carabnya ada dibawah ini ::-->>
1. Masuk dulu di Rancangan
2. Dan langsung masuk lagi ke Edit HTML
3. Setelah itu taruh script ini diatas kode </head>

<script language='JavaScript'>alert("^-^ Met PAgi all... pa kabar?? ");</script>

<script language='JavaScript'>alert("Terima Kasih Udah Ngunjungi Blog 1000 Pengetahuan INi....");</script>

<script type='text/javascript'>
var yourName = prompt("Ehm boleh kenal nggak ?, siapa sih nama kamu ? ??", "Tulis dong nama kamu disini .. ");
</script>

Yang ditebali bisa diganti sesuka hati kalian ..

Keterangan :

Untuk tulisan yang tak kasih warna Tebal bisa diganti sesuka hati ..

Nah sekian dulu, semoga berhasil .. sebelumnya berdoa dulu ya ..

Read More

Super Mario Game

Read More

From Mar 9, 2011

Read More