Award ke 2 GBC

assalamulaikum wr.wb
alhamdulilah ya siswanto banget ..wakakakakkaka
yayayay....
heheheh alhamdulilah ne sobat blogger GBC dapat Award ke 2 neh..
heheheh...liat ne gan














hehehehhe gmna mnarik bukan gan.....
award ke2 ini saya dapat dari temen blogger juga gan..nama nya rigenz...ne bukti nya gan















hehehehheehhe...mxasich ya gan rigenz
GBC dapat award 2 dalam waktu 1 hari ja..ini akan membuat saya lebih semangat untuk blogging..bagi tmen2 yang lain yang ingin dapatkan seperti saya...sering2 koment gan..hehehhe..dan inget jangan tinggalain spam..hehehe

ini ceritaku
bgaimana ceritamu..hehehe
wassalamualikum.wr.wb


update


oke sesuai dengan tatakrama blogger..maka blog ini akan saya berikan kepada

• luckymelsandy
• http://d-mywebz.blogspot.com/
• http://blinkz-xp.blogspot.com/
• menyusul

oke semoga bermanfaat...itung2 untuk koleksi agan2 sekalian

Award perdana GBC

assalamualaikum wr.wb ....wah berharap2 neh dapat award..heheheh alhamdulilah GBC mendapatkan award perdana.

""

heheheh....gmana bgus bkan gan..award ini ane dapat dari sahabat blogger ane yang bernanma [./Eggi.-imcyber]

ne buktin pemberiannya gan












hehehehhe ..oke siph dah gan...ane seneng banget bsa dapt award perdana ne..hehehe
buat kalian yang pengen dapat award juga sering2 komentar di blog sahabat blogger...dan jangan tinggalin spam ya gan ..wakakakkaka XD

Ketentuan Award Of The Seven Shadow Blog Ini Sendiri Adalah :

1. Ceritakan sedikit tentang siapa yang memberimu Award.
2. Award ini tanpa batas karena berbentuk estafet.
3. Yang menerima diharapkan membagikan kepada 7 teman blog terbaiknya.
4. Berikan ucapan terima kasih pada si pemberi award.

oke gan...maxasich udah liat hehhehehehehe....wassalamualaikum wr.wb

menguak widget orang lain

bismilahirahmanirahim..............
assalamualaikum wr.wb...hehehehhe udah lama gx ol ....gara2 sbuk paman hajatan wakakak XD ....oke sobat semua..kali ini saya akan sedikit cara menguak widget orang lain...nah saya memposting ini karena permintaan dari tetangga blogger..heheheh...coz ane make widget dia sama persis...heheheheh tapi udah ane edit kok sekarang....:-D..heheheh maaf ya gan....
baik caranya sich cukup gampang yah.....cuma perlu mengerti script html pembuka dan penutup..yah itu gunanya agar kita tau script yang akan kita copy bermulai dmna dan berakhir dmna...wkwkwkwkwkwkwkw.....untuk melihat nya...gne gan:

1.buka deh blog yang akan kita copy script nya..
2.klik kanan dah
3.plih view page source
nah dstukan keluar semua dah html blog tersebut...tinggal cari dah apa yang anda cari..kwowkwowkwowkwowk...cukup mudah kan..kalau udah dapat langsung pasang di blog ente...heheheh...lw udah sama persis..tinggal edit aja tuh..hehehe....lw belum sama...ulangin age supaya script nya lengkap..wakakakkaka


oke cuma gtu aja kok..heheheh..

semoga bermanfaat dah ya....assalamualaikum.wr.wb

membuat slide cbox dari bawah keatas

assalamualaikum wr.wb udah lama neh gx posting....hehehe..mklum dah lagi sbuk dengan skul...oke kali ini gubacity akan memberitahukan bagaimana membuat buku tamu kita muncul nya dari bawah..hheheheh,,,biasa nya kan sering tu buku tamu keluar nya hanya dari samping saja..kali ini ada modifikasi sedikt..heheheh ..yah sumber nya ane bisa dari blog tetangga imcyber-team heheheh,,yang punya itu tmen ane..hehehe...okelah langsung aja kita mulai

1.login dulu ke akun blogger anda
2.pilih menu layout
3.plih add gadget
4.pilih html/javascript
5.copy kode berikut

<!-- fin de entry --><br><div class='list section' id='footerlist'><div class='widget html' id='html2'><br><div class='widget-content'><br><style type="text/css"><br>#fl{<br>position:fixed;<br>right:20px;<br>z-index:+1000;<br>}<br>* html #fl{position:relative;}<br>.flcontent{<br>float:right; <br>background:RED no-repeat 0 0 transparent;<br><br>width:272px;<br><br>height:460px;<br><br>padding:56px 0 20px 5px;<br><br>}<br>#tutupan {<br><br>padding:2px 0 0 0;<br><br>}<br></style><br><script type="text/javascript"><br>function showHideFL(){<br>var fl = document.getElementById("fl");<br>var w = fl.offsetWidth;<br>fl.opened ? moveFL(0, -250-w) : moveFL(50-w, 0);<br>fl.opened = !fl.opened;<br>}<br>function moveFL(x0, xf){<br>var fl = document.getElementById("fl");<br>var dx = Math.abs(x0-xf) > 25 ? 35 : 1;<br>var dir = xf>x0 ? 1 : -1;<br>var x = x0 + dx * dir;<br>fl.style.bottom = x.toString() + "px";<br>if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}<br>}<br></script><br><div id="fl"><br><div class="fltab" onclick="showHideFL()"> </div><br><div class="flcontent"><br><div style="text-align: center;"><b>JUDUL C BOX</b></div><br><br><span style="font-weight:bold;">KODE CBOX SOBA</span>T<br><br><div style="text-align: center;"><br><a href="javascript:showHideFL()"><br>[./tutup gan]<br></a></div><br><br></div><br></div><br><script type="text/javascript"><br>var fl = document.getElementById("fl");<br>fl.style.bottom = (-190-fl.offsetWidth).toString() + "px";<br><br></script><br><br><br><a href="javascript:showHideFL()"/><img border="0" src="http://lh3.ggpht.com/_MvLBi88bM_I/TKBi6-LLyiI/AAAAAAAABgo/mXUIjU7ayaY/NiceGB.png" title="TINGGALKAN KOMENT DIMARI YA GAN!!" alt="Fivers" style="display:scroll;position: fixed; top:50px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="100px" width="45px" /></a><br><br><br><script language='javascript'>function keypressed() {;return false;}document.onkeydown=keypressed;// End --></script></div></div></div>

6.Save dah ..trus liat hasilnya


semoga bermanfaat..jika ada yang ditanyakan silahkan post kan di coment

cara upload java script dengan google code

nah ini gan postingn ini berguba untuk saving mode..ente bisa upload java script ente dengan metode ini..so energy saving mode ente gx lagi numpang java script orang..heheheh XD


oke kita mulai aja langkah langkah nya yah

1. Click di sini >> Google Code untuk membuka halaman Google Page
   (Pastikan anda sudah log in di Google account anda, jika belum mempunyai Google account buatlah satu, gratis kok.)
   
2. Click create a new project
   
   
3. Isikan data yang diminta.
   Berikut keterangannya :
   
   
   • Project name :
     Nama projek yang anda kehendaki, nantinya akan menjadi bagian dari URL. Tidak bisa diganti lagi, jadi pikirkanlah yang paling sesuai dengan selera hati anda.
     
   • Project summary :
     Isikan rangkuman atau keterangan singkat. Misalkan anda ingin upload file javascript untuk edit blog beri saja judul "Js untuk edit blog" atau apapun sesuka anda.
     
   • Project description :
     Beri keterangan sama dengan project summary, hanya yang ini versi ngebacotnya alias versi panjang lebarnya.
     
   • Version control system :
     Pilih "Mercurial".
     
   • Source code license :
     Pilih "GNU General Public License v3".
     
   • Centang "Use a separate content license" dan terserah pilih yang mana dari dua pilihan di dalam drop down.
4. Click create project.

Viola! Sekarang anda telah mempunyai account di google codes. Berikutnya yaitu mengenai...

Cara upload file :

1. Click tab Downloads >> New download  bagian bawah
   
   
2. Berikutnya :
   
   
   • Summary
     : Isikan nama file yang anda inginkan.
     
   • File
     : Click browse >> Cari file yang hendak anda upload.
     
   • Label
     : Sama aja dengan kategori/pengelompokkan, bisa anda isi atau tidak juga gapapa.
     
   • Click submit file.
   
   

Viola! Sekarang anda sudah berhasil memasukkan atau mengupload file, berikutnya apa? Sisanya tinggal bagaimana caranya mengambil url yang telah diupload.

Cara mengambil atau melihat URL upload code :

1. Click kanan di file yang sudah diupload >>kemudian pilih copy link location
   

Oke. akhirnya selesai juga kan...semoga bermanfaat lah ya gan..:-D

cara membuat energy saving mode

baik sekarang saya akan posting bagaimana membuat energy saving mode pada blog kita

oke langsung aja lah gx sah pake lama2..hehhehe
1..login ente ke blog ente..kemuddian masuk tab edit html

trus copy code di bwah ini di atas kode
untuk mempermudah mencari kode gunakan ctrl+f

"<script language='javascript' src='http://satria-javascript-guba.googlecode.com/files/satria.js?time=30' type='text/javascript'/>"

2.setelah itu save template ente 3.msuk ke tab edit laman..kemudaian add gadget-plih html
4.setelah itu copy code di bawah ini

"

<style type="text/css"> div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(disini link gambar sobat) no-repeat center center fixed black; } div#energysaving p span {display:none;visibility:hidden;}

setelah itu save kemudian liat perubahan

note : time : 30 dapat anda ganti dengan selera anda..30 berarti energy saving mode berjalan setelah 30 detik



thanks gan..semoga bermanfaat

untuk mengetahui gmna cara nya upload java script nya liat disini

cara membuat text area

baik buat para pemula blogger ini ada sedikit tutorial membuat text area...ya ini fungsinya agar kita dapat dengan memudahkan para pengunjung untuk membaca code html yang kita posting.....sebagai contoh dibawah ini

percobaan aja neh







baik kita mulai cara nya


1.login pada blog anda
2.kemudian buat sebuah postingan yang kira2 butuh text area
3.copy code dibawah ini




"<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>"

 note :tanpa tanda petik yah


jadi tu text area ente..ckckckck



membuat shoutbox tersembunyi

Pada kebiasaannya, shoutbox akan berada di sidebar dan akan dapat dilihat terus. Tutorial kali ini akan menunjukkan tutorial untuk sembunyikan shoutbox anda.:)



Antara sebab kenapa disembunyikan shoutbox ini adalah untuk menampakkan page yang lebih kemas dan mungkin juga untuk tampil unik berbanding blog-blog lain.


Tutorial sembunyikan shoutbox seperti di bawah

1. Login akaun blogger anda, dari dashboard > design > page element > add a gadget > HTML/javascript.

2. Copy dan paste kod berikut ke ruangan html/javascript

<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://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">

KOD SHOUTBOX DISINI

<div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Nota: Gantikan "KOD SHOUTBOX DISINI" dengan kod shoutbox anda.
(tiada shoutbox.?)


3. Save dan lihat hasilnya.:)

TAMBAHAN.

Secara default, tab shoutbox adalah berwarna hijau, anda boleh menukar mengikut warna yang anda mahu dengan gantikan url yang anda mahu.

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}

Anda copy sahaja mana² url dari tab di bawah ini.
(tidak tahu cara dapatkan url gambar.?)




Tab kredit:ohcerita.com

sumber :tutorialuntukblog.blogspot.com

Letak Signature Dalam Blog

Mempunyai signature dapat menambahkan lagi trademark bagi seseorang blogger. Signature terletak pada bahagian akhir untuk sesuatu entri yang di post oleh blogger.


Signature boleh jadi apa sahaja samada gambar, icon, dan juga nama anda dengan font yang dirasakan sesuai untuk signature.

Tutorial ini akan menerangkan cara-cara meletakkan signature pada blog dengan menggunakan signature yang di'generate' daripada kaedah online.

Laman web yang paling sesuai untuk create signature online adalahhttp://www.mylivesignature.com/.Laman web ini dicadangkan kerana ianya dapat menghasilkan signature yang anda mahu dengan lebih senang. Masa anda pun jimat.:)


CREATE SIGNATURE.

1.Buka web http://www.mylivesignature.com/ untuk create signature anda.


Nota:pada bahagian terakhir untuk selesai signature anda, pilih 'want to download this signature'.


2.Setelah selesai signature anda, uploadkan untuk dapat url, (boleh guna imageshack.us atau upload pada blog anda sendiri)
contoh url:http://2.bp.blogspot.com/_CEj8AwvwSNM/S4PotCOwq7I/AAAAAAAAD9A/jC8qDqdmR78/signature.png


CARA LETAK DALAM BLOG.

1. Login kepada blog anda, kemudian dari dashboard, Layout > Edit Html > Expand Widget Templates (Backup template anda untuk langkah keselematan)

2. Pada keyboard anda, tekan ctrl + F untuk menghidupkan fungsi find kemudian cari kod dibawah

<p><data:post.body/></p>

3. Copy code ini dan paste di bawah kod tadi.

<p><div align="left"><img src="URL gambar/signature anda"/></div></p>

kod anda sepatutnya kelihatan seperti ini.(contoh)


Penerangan :
left : kedudukan signature boleh ditukar kepada center ataupun right
URL gambar/signature anda : Masukkan url gambar/signature


4. Selepas selesai letak code, klik preview dan jika anda berpuas hati, klik save.:)

sumber :http://tutorialuntukblog.blogspot.com/2010/02/letak-signature-dalam-blog.html

pesan di bar bawah

Ah..ilmu memang tidak ada habisnya, begitu pula dengan bermacam script yang banyak beredar di dunia maya ini dan kali ini saya ingin membagikan kode script yang dapat menampilkan pesan bergerak di bar bawah browser mozilla Anda. Jika ada yang belum tahu bar bawah ini dia contoh gambarnya :
Biasanya tulisannya Done bila menyelesaikan loading halaman atau Stopped jika menghentikan loading halaman suatu situs. Sedangkan yang Anda lihat pada bar bawah halaman ini adalah script informasi halaman di bar bawah, nanti kapan-kapan saya share untuk Anda.
Bagi Anda yang lebih mengutamakan pernak-pernik di blog tidak ada salahnya mencoba script ini, dijamin keren habis..gag percaya cobain donk, ini dia scriptnya :

<SCRIPT LANGUAGE="JavaScript">
var speed =5 
var pause = 1500 
var timerID = null
var bannerRunning = false
var ar = new Array()

ar[0] = "Selamat Datang di http://www.masbugie.com"
ar[1] = "Semoga Anda dapat menemukan informasi"
ar[2] = "Silahkan tinggalkan komentarnya donk"
ar[3] = "Keep smile beibeh"

var message = 0
var state = ""
clearState()
function stopBanner() {   
        if (bannerRunning)       
    clearTimeout(timerID)   
    timerRunning = false
}
function startBanner() {   
    stopBanner()   
    showBanner()
}
function clearState() {   
        state = ""   
    for (var i = 0; i < ar[message].length; ++i) {       
        state += "0"   
    }
}
function showBanner() {   
    if (getString()) {       
            message++       
        if (ar.length <= message)           
        message = 0       
        clearState()       
        timerID = setTimeout("showBanner()", pause)   
    } 
    //visit http://www.masbugie.com
    else {       
        var str = ""       
    for (var j = 0; j < state.length; ++j) {           
        str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "     "       
    }       
    window.status = str       
    timerID = setTimeout("showBanner()", speed)   
    }
}
function getString() {   
    var full = true   
    for (var j = 0; j < state.length; ++j) {       
        if (state.charAt(j) == 0)           
        full = false   
    }   
    if (full) return true   
    while (1) {       
        var num = getRandom(ar[message].length)       
    if (state.charAt(num) == "0")           
        break   
    }   
    state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)   
    return false
}
function getRandom(max) {   
    var now = new Date()       
    var num = now.getTime() * now.getSeconds() * Math.random()   
    return num % max
}
startBanner()
</SCRIPT>

Note :
-Silahkan ubah dan sesuaikan teks yang berwarna merah dengan keinginan Anda.
-Andaikan ingin menambah pesan, silahkan tambahkan dibawahnya  
ar[4] = "pesan selanjutnya"  
dan seterusnya.

Cara Pasangnya : 
Masuk ke menu Rancangan-->Tambah Gadget-->HTML/Javascript copas kode diatas kedalamnya.

Semoga script ini membawa manfaat, salam...

Read more: Script Pesan Bergerak di Bar Bawah | Mas Bugie [dot] com http://www.masbugie.com/2011/01/script-pesan-bergerak-di-bar-bawah.html#ixzz1XvzlsRal

[Tips] Mengubah Bentuk Cursor di Blog Anda

Bosan lihat cursor di blog yg default?? Sekarang anda sudah bisa menggantinya. Bagaimana?? Keren bukan?? Hehe, dari pada banyak ngomong, lebih baik kita praktekkan cara merubah cursor di blog. Berikut langkah-langkah merubah cursor di blog:

• Anda perlu login di Blogger, dengan akun anda tentunya.
• Buka Perancang >> Edit Layout.
• Add Gadget (HTML/Javascripts), kemudian copy kode berikut.

<style type="text/css">body {cursor:url("http://www.123cursors.com/freecursors/7676.gif"),default}</style>

• Setelah itu save.

Lihatlah?? Berubah bukan?? Untuk link berwarna merah, dapat anda ganti dengan link dimana letak kursor tersebut berada, tetapi tidak dari dalam komputer anda. Anda dapat mencari cursor di situs yg menyediakan cursor, contohnya : http://www.cursors-4u.com. Selamat berkreasi.. :D

Cara membuat Jendela mozilla berputar pada BLOG

Apakah anda pernah melihat jendela mozilla anda berputar 360 derajat pada saat anda membuaka blog.Nah disini saya akan menunjukkan caranya.

langkah-langkah dalam membuat jendela mozilla berputar pada blog :

1. Login terlebih dahulu pada blog anda.
2. Kemudian click menu rancangan.
3. Setelah itu click elemen laman >> tambah gadget.
4. kemudian click tanda tambah pada HTML/JAVA SCRIPT lalu copy Script dibawah ini :

<script type='text/javascript'>

//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>

 Setelah save dan lihat blog anda sekarang........SELAMAT MENCOBA..........

Cara membuat animasi burung berterbangan pada blog

Disini saya munjukkan langkah-langkah membuat animasi burung berterbangan pada blog :

1. login dulu blog
2. Pilih rancangan >>  Elemen lama >> Tambah gadget >>click tanda tambah pada HTML/JAVA SCRIPT .
3. Setelah itu copy kan code dibawah ini.

<script type='text/javascript'>
//<![CDATA[
var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES


//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!


var floatimages=new Array();
floatimages[0]='http://i.mnpls.com/150/15034.gif';
floatimages[1]='http://i.mnpls.com/150/15034.gif';
floatimages[2]='http://i.mnpls.com/150/15034.gif';





//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);


function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}


function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}


function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}


function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}


function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}


function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}


function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}


function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}


function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}


function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}


function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}


function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}


function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}


if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}


//]]>
</script> 

Keterangan :

1. Angka yang berwarna kuning bila diubah akan bisa mempercepat atau memperlambat gerakan burung .
2. Huruf yang berwarna merah untuk merubah gambar burung elang yang sudah  ada ,untuk menukar gambar upload dulu gambar yang anda inginkan lalu hapus kata yang berwarna merah dan copy kan direct link pada kata yang berwarna merah.
3. Angka yang berwarna biru untuk mengubah ukuran burung  elang  .
4. Setelah baca tolong comment yeah.

SUMBER

Tips agar blog ramai pengunjung

Bagi anda yang baru saja membuat blog atau disebut juga dengan pemula. Mungkin anda akan berkeinginan supaya blog anda ramai dikunjungi oleh orang lain. Ketika anda membuat blog anda harus mengetahui dulu tujuan dari pembuatan blog tersebut. Nah, kebanyakan hal kecil ini lah yang menyebabkan blog anda sepi karena topik pembahasan yang ada di blog biasa-biasa saja atau sudah banyak tertera pada blog-blog lain

Usahakan jangan mengcopy paste tulisan blog orang lain karena blog anda tidak akan seramai blog orang lain tersebut. Berkaryalah mengenai sesuatu yang berbeda, atau tuangkan kemampuan anda di bidang yang anda kuasai, misalnya musik/pendidikan/teknologi dan lain-lain. Agar blog anda ramai dikunjungi, Usahakan jangan ikut-ikutan blog orang lain. Dalam artian ketika orang lain memposting sesuatu anda juga ikut-ikutan memposting hal yang sama. Carilah sesuatu yang baru dan menarik.

Hanya ini yang bisa saya sampaikan. Selanjutnya andalah yang melanjutkan. Silahkan mencoba…….. Salam musician…….

Bacaan Yang Disarankan Untuk Anda

Tips dan Trik

• Penyebab Artikel Tidak Di Indeks Oleh Google
• Tips Mengurangi Kebiasaan Mencontek
• Kumpulan Trik Matematika
• Tips Tampil Percaya Diri
• Cara Mengubah Power Point Menjadi Flash
• Cara Mengubah Video Youtube Menjadi Mp3
• Trik Menyamarkan Suara Kentut
• cara mengubah file microsoft word ke pdf
• Belajar Efektif di Waktu Subuh
• Cara Memasukkan Lagu atau Mp3 ke Internet
• Cara mengatasi blog yang di blokir facebook
• Cara memasukkan banner ke blog blogspot
• Menjadi Orang Sukses
• Menjadi Pribadi yang Baik
• Mengurangi Radiasi Ponsel
• Teknik Mengajar Yang baik
• Cara Mengikuti Kuliah di Perguruan Tinggi

Penggunaan button share dalam blog untuk web sosial facebook dapat memudahkan para pengunjung sesebuah blog berkongsi apa yang disukai kepada kawan-kawan di facebook.

Dengan hanya beberapa klik sahaja, ianya sudah siap sedia untuk dikongsi di profile facebook. selain itu penggunaan facebook share button ini dapat manarik lebih ramai pelawat ke sesebuah blog.

Contoh penggunaan facebook share button (selain blog ini) adalah di unwanted86 dan juga ohbest.

Cara untuk memasukkan facebook share button ini adalah seperti berikut.

1. Pilih jenis facebook share button yang anda kehendaki, kemudian copy code yang diberi.


Code untuk Full

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Code untuk Compact

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

2. Login akaun blogger, dari dashboard > design > edit HTML > Expand Widget Templates (Jangan lupa backup template)

3. Menggunakan fungsi find (ctrl + F), cari kod ini.

<div class='post-header-line-1'/>

jika tidak jumpa, cari kod ini.

<div class='post-header-line-1'>

4. Selepas itu paste kod share button (langkah 1) DIBAWAH kod yang anda cari (langkah 3)

5. Save template dan lihat hasilnya.

Tutorial Buat Scroll Box Untuk Blog Archive

Blog archive untuk sesebuah blog boleh menjadi list yang begitu panjang apabila banyak entri yang di post atau jika sudah lama terlibat dengan dunia blogging.

Tutorial kali ini kan menunjukkan bagaimana untuk jadikan blog archive anda boleh scroll untuk menampakkannya lebih ringkas menyenangkan mata memandang.:)



Tutorial untuk buat scroll bagi blog archive adalah seperti berikut.



1. Dari dashboard > design > edit html > Expand widget templates.
(backup template untuk langkah berjaga²)

2. Menggunakan fungsi find (ctrl + F), cari kod <div id='ArchiveList'>

3. Anda akan jumpa kod ini <div class='widget-content'> sebelum kod <div id='ArchiveList'>

4. Gantikan kod <div class='widget-content'> yang anda jumpa di langkah 3 dengan kod berikut.

<div class='widget-content' style='overflow:auto; height:200px'>

Note: Anda boleh tukar 200px dengan ketinggian yang anda mahukan.

Contoh:

Sebelum.


Selepas


4. Save dan lihat hasilnya.:)

ketahui bilangan yang mengunjungi blog kita

Berapakah bilangan pelawat yang berada dalam blog anda ketika ini.?
Mungkin amat sukar untuk anda menjangkakannya (tidak boleh rasanya.:)
Kalau anda mempunyai statistik blog, mungkin anda tahu mengikut hari ataupun jam,
tetapi anda tidak tahu berapa bilangan pengunjung dalam keadaan masa sebenar.


whous.amung.us menawarkan widget yang dapat menunjukkan bilangan pengunjung yang online pada masa sebenar.
Antara kelebihan menggunakan widget ini adalah paparan yang menarik, dan juga cara pasang pada blog dengan mudah. Boleh lihat demo widget ini dipasang di blog, DISINI.

Berikut adalah langkah yang diperlukan untuk meletakkan widget ini didalam blog anda.


1. Buka web http://whos.amung.us/

2. Pilih kedudukan widget yang dikehendaki (widget akan berada dalam keadaan statik dalam blog anda), selepas itu copy code yang tersedia.


3. Setelah copy code, pastekan di dalam html/javascript yang terdapat dalam page element blog anda.
Dashboard > layout > page element > add a gadget > html/javascript.

Jika masih tidak faham, sila rujuk disini.

4. Save, dan lihat hasilnya..:)

Sunday, June 26, 2011 Tutorial Buat Tab Menu / Navbar Menu

Mempunyai tab menu ataupun navbar menu dalam sesebuah blog boleh digunakan oleh pemilik blog untuk meletakkan link yang penting atau link yang ingin diberi perhatian oleh pengunjung blog. Anda boleh lihat contoh tab menu yang ringkas di sini



Tutorial untuk membuat tab menu / navbar menu adalah seperti berikut.



1. Dari dashboard > design > edit html
(backup template untuk langkah berjaga²)

2. Menggunakan fungsi find (ctrl + F), cari kod ]]></b:skin>
2.1 Jika tidak jumpa, cari kod </head>

3. Copy dan paste kod di bawah SEBELUM kod yang anda jumpa di langkah 2 @ 2.1

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}

ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}

Contoh.:



4. Save template anda.

5. Kemudian, kembali ke dashboard, pergi ke design > page element > add a gadget > HTML/javascript

6. Copy dan paste kod di bawah di dalam HTML/javascript kemudian save.

<div>
<ul id='list-nav'>
<li><a href='Link'>Home</a></li>
<li><a href='Link'>About Us</a></li>
<li><a href='Link'>Services</a></li>
<li><a href='Link'>Products</a></li>
<li><a href='Link'>Contact</a></li>
</ul>
</div>

Note: Tukarkan 'Link' dengan link yang anda mahu letak di tab menu.
Contoh : <li><a href='http://ohbest.blogspot.com'>Home</a></li>


7. Drag ke bawah element header, save dan lihat hasilnya.:)




Nota 1: Untuk langkah 3, anda boleh ubah beberapa kod seperti warna background, border, dan radius. Bergantung kepada bagaimana tab menu yang anda mahukan.

Nota 2: Jika anda hendak tambah tab menu, copy paste barisan di langkah 6.

jadikan cursor lebih berkilau

Tutorial ini akan menunjukkan bagaimana untuk menjadikan cursor anda menghasilkan 'bintang²' yang berkerlipan. Terdapat pelbagai jenis warna yang telah diletakkan untuk memudahkan pemilik blog sesuaikan dengan warna thema masing². Kata lain yang mungkin sesuai ialah untuk menjadikan cursor anda sparkle.(tak tahu istilah betul apa untuk effect ini.:)

Kalau masih tidak faham bagaimana hasilnya, boleh lihat contoh gambar di bawah.:)

Sebelum itu, tutorial ini juga boleh digambungkan dengan tutorial tukar cursor pada blog anda. Semestinya untuk menjadikannya lebih menarik. Sudah di'test' dan dibuktikan boleh.:)

Tutorial untuk membuatkan cursor anda menjadi sparkle adalah seperti berikut:

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Pada ruangan HTML/javascript, masukkan kod berikut.

<script src="URL JS" type="text/javascript"></script>

Note: untuk URL JS, tukarkan dengan kod berikut mengikut warna sprakle yang anda kehendaki

Biru - https://sites.google.com/site/unwanted86/javascript/biru.js

Hitam - https://sites.google.com/site/unwanted86/javascript/black.js

hijau - https://sites.google.com/site/unwanted86/javascript/lawngreen.js

Ungu - https://sites.google.com/site/unwanted86/javascript/purple.js

Putih - https://sites.google.com/site/unwanted86/javascript/putih.js

Pink - https://sites.google.com/site/unwanted86/javascript/salmon.js

Kuning - https://sites.google.com/site/unwanted86/javascript/yellow.js

Hijau kebiruan - https://sites.google.com/site/unwanted86/javascript/aqua.js

Contoh: jika anda mahu mouse anda dengan sparkle warna biru, kodnya adalah:

<script src="https://sites.google.com/site/unwanted86/javascript/biru.js" type="text/javascript"></script>

3. Apabila sudah masukkan kod, save dan lihat hasilnya..

Senang bukan.?
Selamat mencuba.:)

foolowing star pada cursor

Adakah anda suka kalau cursor yang anda guna untuk blog ada beberapa bintang kecil berwarna yang mengikutinya.? Contoh macam gambar di bawah.



Kalau anda suka, ini ada tutorialnya.:)



1. Dari dashboard > design > add a gadget > HTML/javasrcript [link]

2. Copy code di bawah mengikut kesukaan anda dan paste ke dalam HTML/javascript

i) Following star warna warni

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/rainbows.js"></script>

ii) Following star warna biru

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/blues.js"></script>

iii) Following star warna purple

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/purples.js"></script>

3. Save dan lihat hasilnya.:)