Tampilkan postingan dengan label Trick. Tampilkan semua postingan
Tampilkan postingan dengan label Trick. Tampilkan semua postingan

Selasa, 21 Februari 2012

Cara Mendaftar Domain Gratis CO.CC

Pertama tama kunjungi dulu web yang melayani domain gratis www.co.cc, tapi sebelumnya rencanakan terlebih dahulu kira-kira nama domain apa yang akan dijadikan domain web/blognya. Sebagai contoh di sini saya akan membuat domain dengan nama "piran"

selanjutnya karena rencananya saya akan membuat domain dengan nama piran maka ketik kata piran pada kotak kosong antara www. dan Co.CC. kemudian klik tombol Check Availability.
Lihat contoh di gambar berikut :




Setelah klik tombol Check Availability maka akan muncul pesan seperti gambar berikut :



Perhatikan pada keterangan One year domain registration for $3, apabila saya langsung klik continue to registration maka saya akan dikenakan biaya $3 dolar setahun untuk domain dengan nama www.piran.co.cc.
Berhubung saya hanya ingin membuat domain dengan gratis alias tanpa bayar sepeserpun maka saya mencoba mencari domain lain selain domain dengan nama piran.
Kali ini saya mencari nama domain dengan menambahkan huruf s di belakang kata piran sehingga menjadi pirans dan hasilnya bisa dilihat seperti pada gambar berikut.



Sekarang perhatikan kembali pada kalimat One year domain registration for $0, yg tadinya $3, sekarang menjadi $0, maka domain inilah yg saya harapkan tanpa biaya sepeserpun. Karena sudah sesuai dengan keinginan gratis maka sekarang kita bisa lanjut untuk mendaftar nama domain www.pirans.co.cc tersebut dengan klik pada Continue to registration.

Setelah itu isikan username dengan menggunakan alamat email, isi juga password dan jangan lupa isikan jg kata anti spam (captha) kemudian klik Login bagi yg pernah mendaftar di www.co.cc.
Namun bagi sobat blogger yg belum pernah memiliki akun di www.co.cc maka klik pada tulisan Create an account now

Selanjutnya masukan data-data seperti :
First Name : masukan nama awal anda
Last nama : masukan nama akhir anda
Email address : masukan alamat email anda.
Enter password : masukkan password anda (disimpan untuk digunakan saat login ke www.co.cc)
Birthday : pilih tanggal lahir anda.
Homepage URL : Biarkan saja kosong dan jangan lupa berikan tanda centang pada i accept the Term of Service kemudian klik Continue.

ketik ulang password pada Retype password kemdian ketik juga kata anti spam di bagian baahnya dan lanjutkan dengan klik Continue.

Langkah terakhir adalah masukan alamat email yg sudah didaftar tadi serta passwordnya kemudian ketik juga kata anti spam kemudian klik Sign In sehingga muncul pesan We have receive your request for domain name registration.
www.pirans.co.cc.

Dan dibagian bawahnya tertulis pesan Please set up the domain in 48 hours if not, we will cancel the registration, Maksudnya adalah agar domain tersebut segera di set up dan ddihubungkan dengan hosting kita. Segera lakukan set up sebelum 48 jam ke depan.
Sekedar saran gunakan hosting gratis untuk set up domain yg sudah didaftar agar tidak di cancel.

selamat mencoba semoga bermanfaat.

Selasa, 06 Desember 2011

BELAJAR MEMBUAT WEBSITE


BELAJAR MEMBUAT WEBSITE
Seiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website). Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak.  
Bagaimana caranya bisa menampilkan website sendiri di internet? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah website yang benar-benar eksis di internet. Artinya website yang dari segi perwajahan tidak "menyedihkan", dari segi isi tidak "asal-asalan" dan dari segi pengunjung cukup "dilirik". Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Internet Explorer, Netscape, Opera, dll). Setelah kita menguasai dasar-dasar HTML, barulah kita mencoba membuat rencana dan rancangan dari desain dan isi website yang hendak kita buat. Kemudian rancangan itu kita tuangkan dalam bentuk halaman-halaman web yang terpadu. Setelah selesai atau "mengarah ke selesai", kita harus mendaftarkannya ke web hosting agar website kita "terpasang" dan dapat diakses di internet. Akhirnya, yang juga tidak kalah penting adalah bagaimana mempromosikan website tersebut agar dikenal dan dikunjungi oleh para netter. 
Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
BELAJAR HTML
Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.
PENGENALAN KODE HTML
Dalam program Notepad anda, tulislah seperti ini:
<HTML>
</HTML>
Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing.  Ada tag pembuka yaitu <HTML> dan ada tag penutup yaitu </HTML> yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan <HTML> atau <html> atau <Html> sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.
Sekarang kita akan beralih pada tag selanjutnya. Tambahkanlah tag seperti berikut:
<HTML>
<BODY>
</BODY>
</HTML>
Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag <BODY>. Coba tuliskan:
<HTML>
<BODY>
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Sekarang simpanlah file ini dengan meng-klik menu File lalu Save As. Pada kotak dialog yang muncul, terlebih dahulu klik anak panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*). Setelah itu, isilah kotak File name dengan nama file yang anda inginkan misalnya: latih1.htm. Jangan lupa penambahan ekstensi .htm di belakang nama file! Akhirnya, klik tombol Save maka file akan tersimpan sebagai dokumen web. Kini, tutuplah program Notepad anda. Sekarang bukalah lagi program browser (Internet Explorer) selain jendela browser yang anda baca ini. Klik menu File lalu Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan pilih file latih1.htm lalu klik Open. Nah, lihatlah hasil karya anda yang pertama!
Tulisan ini akan tampak dalam browser
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Sekarang lihatlah kembali browser anda yang sedang menampilkan file latih1 tadi. Klik menu View lalu Source. Dengan instruksi ini akan muncullah program Notepad yang di dalamnya tampak source code atau kode-kode HTML yang tadi anda buat. Misalnya kita akan menjadikan halaman web latih1 ini menjadi berwarna latar belakang kuning dengan tulisan berwarna merah. Untuk itu, kita perlu menambahkan atribut BGCOLOR dan TEXT ke dalam tag body sebagai berikut:
<HTML>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya, pergilah lagi ke program browser yang menampilkan halaman web latih1 tadi. Klik menu View lalu Refresh atau klik tombol Refresh pada toolbar atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file latih1 yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:
Tulisan ini akan tampak dalam browser
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).
black
#000000
blue
#0000FF
olive
#808000
white
#FFFFFF
fuchsia
#FF00FF
green
#008000
red
#FF0000
gray
#808080
teal
#008080
yellow
#FFFF00
silver
#C0C0C0
navy
#000080
lime
#00FF00
maroon
#800000
purple
#800080
aqua
#00FFFF




Dengan demikian, kode HTML untuk contoh di atas bisa ditulis sebagai berikut:
<HTML>
<BODY BGCOLOR="#FFFF00" TEXT="#FF0000">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Dengan menggunakan kode warna heksa, variasi warna yang dibuat bisa lebih banyak. Klik di sini untuk melihat daftar kode warna yang lainnya! 
Demikianlah sekilas fungsi tag BODY. Sekarang bukalah kembali source code alias kode-kode HTML. Masih ingat, kan caranya? (Klik menu View lalu Source). Tambahkanlah tag-tag berikut ini:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Di sini terlihat bahwa kita menambah tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:
<HTML>
<HEAD>
<TITLE>Karya Pertamaku</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: Karya Pertamaku. Alhamdulillah, selesailah latihan pertama kita.
MENGUTAK-ATIK HURUF
Dalam latihan kedua ini, kita akan mempelajari beberapa tag yang relatif mudah diingat. Tag-tag ini berfungsi untuk mengubah tipe huruf yaitu menebalkan (bold), membuat tulisan miring (italic) atau memberi garis bawah (underline). Buka lagi program Notepad kemudian tuliskan seperti berikut ini:
<HTML>
<HEAD>
<TITLE>Tipe-tipe Teks</TILE>
</HEAD>
<BODY>
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.
</BODY>
</HTML>
Simpanlah file tersebut. Jangan lupa mengikuti langkah-langkah cara menyimpan file HTML yang sudah kita pelajari dalam latihan pertama dahulu. Setelah file tersimpan, bukalah file tersebut dengan program Internet Explorer. Perhatikanlah bahwa semua tulisan dalam dokumen tersebut masih seragam. Kini, kita akan melakukan sedikit perubahan pada beberapa kata dan kalimat yang ada di situ sehingga menjadi seperti ini:
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miringdan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.
Bagaimana caranya? Bukalah source code dari dokumen tadi (tekan F5), kemudian tambahkan tag-tag berikut. Tag-tag tersebut adalah <B> untuk menebalkan (bold) tulisan, <I> untuk memiringkan (italic) tulisan dan <U> untuk menggaris-bawahi (underline) tulisan:
<HTML>
<HEAD>
<TITLE>Tipe-tipe Teks</TITLE>
</HEAD>
<BODY>
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan <B>tebal</B>, tulisan <I>miring</I> dan tulisan <U>bergaris bawah</U>. Bisa pula dua tipe huruf dipadukan misalnya tulisan <B><I>tebal dan miring</B></I>, tulisan <B><U>tebal dan bergaris bawah</B></U> atau tulisan <I><U>miring dan bergaris bawah</I></U>. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan <B><I><U>tebal, miring dan bergaris bawah</B></I></U>.
</BODY>
</HTML>
Setelah anda menambahkan semua tag-tag tersebut, simpan (Save) file source code itu kemudian lakukan Refresh pada dokumen web yang tampak pada program browser anda. Lihatlah hasil perubahannya! Andaikata ada yang tidak beres, coba perhatikan baik-baik penulisan tag-tag anda, mulai dari tag pembuka <HTML> hingga </HTML> jangan sampai ada yang salah tulis meskipun satu karakter. Misalnya: bila tag </TITLE> anda tulis </TILE> maka browser tidak akan menampilkan tulisan apa-apa dalam dokumen anda. Kalau tidak percaya, cobalah menulis source code yang salah seperti itu, simpan (save) kemudian refresh dokumen anda dan lihatlah hasilnya!
Untuk lebih mempermantap keterampilan yang anda dapatkan dari latihan kedua ini, ada baiknya anda mencoba membuat dokumen HTML berikut ini. Buatlah dokumen dengan judul (titel): Pemantapan Tipe-tipe Teks, yang isinya adalah tulisan seperti berikut:
Karena file-file HTML sebenarnya adalah file-file ASCII biasa, maka anda dapat menggunakan editor-editor teks sederhana seperti WordStar (WS), Notepad, MS Write, dan lain-lain. Editor-editor teks tersebut dapat membimbing anda mempelajari kode-kode HTML secara luar dalam. Akan tetapi mungkin anda sedikit frustrasi karena harus mengetik semua kode HTML baris per baris yang dalam perkembangannya akan menjadi sangat rumit. Meski demikian, menggunakan teks editor untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti tentang struktur file HTML.
Bila anda sudah menyimpannya, bukalah dan lihatlah hasilnya dalam program browser.

Jumat, 04 November 2011

menghilangkan tanggal postingan

mengHidden/ menghilangkan tanggal di postingan,caranya pengen tau?
OK langsung saja.
seperti biyasa ikuti langkah-langkah berikut:

1. buka menu LAYOUT, kemudian pilih EDIT HTML.
2. beri (centang) pada kotak Expand Widget Templates.
3. temukan kode HTML berikut:
h2.date-header {

4. jika sudah ketemu, tambahkan kode ini visibility: hidden; di antara kode tersebut.

lihat contoh berikut:
h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;

}

kode yang berwarna merah itu adalah kode tambahan.
caranya sangat mudah kan, hanya menambahkan secuil HTML.

5. selamad mencoba, and happy blogging.

membuat blog 3 kolom

pada dasarnya tempelate hanya terbagi dua.
seperti anda ketahui tempelate yang di sediakan pihak
blogger/blogspot sangat terbatas.
anda bisa mengubahnya sesuai dengan keinginan anda.
untuk mengubah semua itu ga mudah loh,. musti ada niat dolo! hehe..
misalnya anda ingin merubahnya menjadi 3kolom.
OK langsung saja ke TKP.

1. buka menu LAYOUT, kemudian pilih EDIT HTML.
2. beri (centang) pada kotak Expand Widget Templates.
3. temukan kode HTML berikut.
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }/span>

4. copy kode di atas, lalu pastekan tepat di bawah kode tersebut.jadi ada 2 yah??
lanjut.. kode yg berwarna merah anda ganti dengan#left-sidebar-wrapperkode ini
bertujuan untuk membuat css jadi unik.float: left; kode ini yang akan membuat
sidebar derada di sebelah kiri.
jadi kode akan terlihat seperti ini:
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }/span>

#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }/span>

5. kemudian temukan HTML bi bawah ini:
<div id='main-wrapper'>


6. paste-kan kode di bawah ini tepat sebelum kode di atas:
<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div>

7. coba preview blog anda, anda akan melihat kolom ke 3 berada di atas main section,
waduh! anjrit! jadi berantakan!

tenang saja,itu di karenakan belum merubah nilai “Outer Wrapper”.
jadi hanya bisa untuk 2 kolom.
untuk merubah nilai “Outer Wrapper”,ikuti langkah-langkah berikut:
temukan HTML berikut:
/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px ;
margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

anda harus merubah lebar dari wrapper,ganti angka 660px menjadi 880px.

8. Anda juga harus mengganti lebar dari header-wrapper ke angka 880px,
lihat kode di bawah:
#header-wrapper { width: 880px ; margin:0 auto 10px; border:1px solid $bordercolor; }


9. sampai sini anda bisa save template anda,coba view blog,anda akan melihat kolom
ke 3 yang masih kosong. itu di karenakan anda belum pasang wignet di sana.

10. tambahkan wignet apa saja yang anda inginkan,pada sidebar/kolom baru dengan
cara: buka menulayout - Page Elements - Add a wignet .

11. anda belum selesai sampai di sini, jika anda menambahkan widget pada sidebar di sebelah kiri anda akan melihat bahwa widget tersebut akan melebar sampai menembus
main body (tempat artikel/tulisan kita berada). Untuk mengatasinya kita cari kode berikut
pada HTML blog kita:
#main-wrapper {
width: 410px;
float: left;
margin-left: 20px
; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }
Kode yang saya beri tanda warna merah adalah yang harus anda rubah nilainya
seperti di atas.

12. selesai! sekarang anda memiliki 3 sidebar/kolom.

title bar blog berjalan

apa sih yang di maksud title bar berjalan??
itu loh judul yang ada di atas(title bar).
pernah kan anda melihat title bar yang berjalan/bergerak?
terlihat lebih unik dan menarik di lihatnya,pengen tau caranya pasang di blogmu?

pereview

caranya sangat mudah, yaitu dengan mengikuti langkah-langkah berikut:

1. login ke blogger, kemudia ke menu Layout, pilih Edit HTML.
2. jangan lupa beri tanda centang pada kolom Expand Widget Templates.
3. temukan HTML berikut:
<title><data:blog.pagetitle/></title>

4. ganti kode di atas dengan:
<script language='JavaScript'>
var txt="
KATA-KATA MUW DI SINI!! KALAU BELUM BISA,COBA TERUS YA,SAMPAI BERHASIL! OK! ";
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>

catatan!
1. texs berwarna hijau adalah judul/title bar blogmu.
anda bisa menggantinya sesuka anda.

2. texs berwarna merah di atas adalah merupakan kecepatan pergerakan,
jika anda menambahkan angka, maka kecepatan akan berkurang/jadi lambat.
sebaliknya,jika anda mengurangi angka, maka akan menjadi semakin cepat.

semoga bisa membantu.
selamat mencoba.

Image Berterbangan di Blog

OK, dalam pembahasan ini saya akan berikan script-script kode HTML
untuk membuatimage berterbangan di blog.
ini dia langkah-langkah pasangnya:
1. seperti biasa, login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. jangan lupa Beri tanda centang pada kotak "expand widget template"
3. Lalu temukan script kode HTML ]]></b:skin>.
4. bagi anda yang sudah ga sabar ingin cepet-cepet memasangnya dan
tidak ingin berpusing-pusing ria. saya telah sediakan kode scriptnya, sehingga anda hanya memasukan tanpa menghosting sendiri.
<script src='http://h1.ripway.com/xolix/kupu2 terbang blog js' type='text/javascript'/>
<script src='http://h1.ripway.com/xolix/kupu4 terbang blog js' type='text/javascript'/>
<script src='http://h1.ripway.com/xolix/image terbngan kampred js' type='text/javascript'/>
<script src='http://h1.ripway.com/xolix/image terbngan kampred4 js' type='text/javascript'/>


5. pilih salah satu script di atas.
masukan script-script tersebut setelah kode ]]></b:skin>.

6. save and lihat hasilnya.

PERHATIAN!
-> bagi anda yang ingin membuat image berterbangan itu sendiri, misalkan
dengan foto-foto anda sendiri. ini dia script-script nya:

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://i932.photobucket.com/albums/ad161/mamad_bucket/vf.gif';
floatimages[1]='http://i932.photobucket.com/albums/ad161/mamad_bucket/vf.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(); }
}


anda bisa memasukan kode-kode tersebut ke dalam tempat hosting anda.
catatan!
-> texs yang berwarna merah itulah image yang harus anda ganti.
-> jika ingin menambah image tersebut. anda hanya menambahkan:


jadi akan tampak seperti ini:


-> texs yang berwarna merah adalah image yang harus anda ganti.

selamat mencoba and moga berhasil..

Message Wellcome Alert and Goodbye Alert

Message Alert adalah sebuah pesan yang di berikan olah pemilik website
untuk pengunjung website. pesan-pesan ini akan muncul ketika membuka
blog atau akan meninggalkan blog tersebut.
Message Alert di sini saya bagi menjadi dua, yaitu:

1. Message Wellcome Alert adalah sebuah pesan ketika waktu
membuka website.
pesan ini bisa anda isi dengan ucapan selamat datang, assalamu'alaikum,
apa kabar, .. dll. sesuai selera anda lah,. hehe,.

2. Message Goodbye Alert adalah sebuah pesan ketika waktu
meninggalkan website.
pesan ini bisa anda isi dengan ucapan terimakasih sudah berkunjung,
hati-hati di jalan,.. awas kepleset! hik hik hik,... dll.
sesuai selera anda juga lah,. hehe,.

OK, bagi anda yang tertarik ingin memasangnya di blognya, anda bisa
ikuti langkah-langkah berikut:
seperti biasa lah.
1. login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. jangan lupa Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script-script berikut sebelum kode </head>.

-> untuk yang Message Wellcome Alert masukan script:
<script language="JavaScript">alert("PESAN Wellcome Alert");</script>


-> untuk yang Message Goodbye Alert masukan script:
<script type="text/javascript">
// goodbye alert
function goodbye(){
alert('PESAN Goodbye Alert');
}
parent.window.onunload=goodbye;
</script>


4. save dan lihat hasilnya.

catatan!
-> texs yang berwarna merah itulah yang harus anda ganti dengan
kata-katamu sendiri.
-> anda juga bisa memasukan kedua script tersebut kedalam blog anda,
sehingga blog anda nantinya akan ada Message Wellcome Alert and
Goodbye Alertnya

Title Bar Blog Berjalan

memang kemarin saya sudah membahas tentang title bar berjalan,
mungkin ini tidak jauh berbeda dengan yang kemarin saya postkan.
cuma yang saya postkan sekarang lebih banyak jenisnya.
title bar di sini ada 13 macam jenisnya, sehingga ada beberapa
pilihan yang membuat bingung anda. =D
caranya sangat mudah, yaitu:
A. login ke blogger, kemudia ke menu Layout, pilih Edit HTML.
B. jangan lupa beri tanda centang pada kolom Expand Widget Templates.
C. letakan kode-kode berikut di bawah kode:
<title><data:blog.pagetitle/></title>


D. ini dia script kode ke 13 jenis tersebut:
1. title bar center
<script type='text/javascript'>
//<![CDATA[
var message = new Array();
message[0] = "xolix-site";
message[1] = "Hulla!!!!";
message[2] = "WELCOME MY BLOG";
message[3] = "Happy Nice Day";
message[4] = "enjoy 4 visit";
message[5] = "jangan lupa comment";
var reps = 2;
var speed = 200; // Set the overall speed (larger number = slower action).
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 > 15) { s = 1;}
// you can fiddle with the patterns here...
if (s == 1) { document.title = '|+|*--------|--::[[ '+T+' ]]::--|--------*|+|'; }
if (s == 2) { document.title = '|+|-*-------|--::[[ '+T+' ]]::--|-------*-|+|'; }
if (s == 3) { document.title = '|+|--*------|--::[[ '+T+' ]]::--|------*--|+|'; }
if (s == 4) { document.title = '|+|---*-----|--::[[ '+T+' ]]::--|----*----|+|'; }
if (s == 5) { document.title = '|+|----*----|--::[[ '+T+' ]]::--|---*-----|+|'; }
if (s == 6) { document.title = '|+|------*--|--::[[ '+T+' ]]::--|--*------|+|'; }
if (s == 7) { document.title = '|+|-------*-|--::[[ '+T+' ]]::--|-*-------|+|'; }
if (s == 8) { document.title = '|+|--------*|--::[[ '+T+' ]]::--|*--------|+|'; }
if (s == 9) { document.title = '|+|-------*-|--::[[ '+T+' ]]::--|-*-------|+|'; }
if (s == 10) { document.title = '|+|------*--|--::[[ '+T+' ]]::--|--*------|+|'; }
if (s == 11) { document.title = '|+|----*----|--::[[ '+T+' ]]::--|---*-----|+|'; }
if (s == 12) { document.title = '|+|---*-----|--::[[ '+T+' ]]::--|----*----|+|'; }
if (s == 13) { document.title = '|+|--*------|--::[[ '+T+' ]]::--|------*--|+|'; }
if (s == 14) { document.title = '|+|-*-------|--::[[ '+T+' ]]::--|-------*-|+|'; }
if (s == 15) { document.title = '|+|*--------|--::[[ '+T+' ]]::--|--------*|+|'; }
if (C < (15 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 1;
sT = null;
doTheThing();
}
}
doTheThing();
//]]>
</script>



2. title bar scroll left.
<script type='text/javascript'>
//<![CDATA[
function tb1_makeArray(n){
this.length = n;
return this.length;
}

tb1_messages = new tb1_makeArray(1);
tb1_messages[0] = "SCROLL LEFT";
tb1_bln = 50;
tb1_rptType = 'infinite';
tb1_rptNbr = 5;
tb1_speed = 100;
tb1_counter=1;
tb1_timer = null;
tb1_last = 1;
tb1_st='';
tb1_currMsg = 0;
function tb1_scrolltitle(){
if (tb1_last > tb1_messages[tb1_currMsg].length){
if (tb1_st.length == 0){
tb1_last=1;
if (tb1_currMsg == tb1_messages.length-1){
if ((tb1_rptType == 'finite') && (tb1_counter==tb1_rptNbr)){
clearTimeout(tb1_timer);
return;
}
tb1_counter++;
tb1_currMsg=0;
}
else{
tb1_currMsg++;
}
}
else{
tb1_st=tb1_st.substring(1,tb1_st.length);
}
}
else{
tb1_st = tb1_messages[tb1_currMsg].substring(0, tb1_last);
for (var i=0; i<=(tb1_bln+tb1_messages[tb1_currMsg].length-tb1_last); i++)
tb1_st="_"+tb1_st;
tb1_last++;
}
document.title = tb1_st;
tb1_timer = setTimeout("tb1_scrolltitle()", tb1_speed);
}
tb1_scrolltitle();
//]]>
</script>


3. title bar scroll right.
<script type='text/javascript'>
//<![CDATA[
function tb2_makeArray(n){
this.length = n;
return this.length;
}

tb2_messages = new tb2_makeArray(1);
tb2_messages[0] = &quot;SCROLL RIGHT&quot;;
tb2_bln = 50;
tb2_rptType = 'infinite';
tb2_rptNbr = 5;
tb2_speed = 100;
var tb2_currMsg=0;
var tb2_kraj=tb2_messages[tb2_currMsg].length;
var tb2_sts=&quot;&quot;;
var tb2_timer = null;
var tb2_stsmsg=&quot;&quot;;
for (var i=0;i&lt;tb2_bln;i++)
tb2_stsmsg=&quot;_&quot;+tb2_stsmsg;
tb2_stsmsg += tb2_messages[tb2_currMsg];
var tb2_pocetak = tb2_stsmsg.length-1;
var tb2_ocapareno = 0;
var tb2_counter=1;
function tb2_scrolltitle(){
if (tb2_pocetak &gt;= 0){
tb2_sts = tb2_stsmsg.substring(tb2_pocetak,tb2_stsmsg.length);
tb2_pocetak--;
}
else{
if (tb2_ocapareno == tb2_messages[tb2_currMsg].length){
if (tb2_currMsg == tb2_messages.length-1){
if ((tb2_rptType == 'finite') &amp;&amp; (tb2_counter==tb2_rptNbr)){
clearTimeout(tb2_timer);
return;
}
tb2_currMsg=0;
tb2_counter++;
}
else{
tb2_currMsg++;
}
tb2_stsmsg=&quot;&quot;;
for (var i=0;i&lt;tb2_bln;i++)
tb2_stsmsg=&quot;_&quot;+tb2_stsmsg;
tb2_stsmsg += tb2_messages[tb2_currMsg];
tb2_pocetak = tb2_stsmsg.length-1;
tb2_ocapareno = 0;
}
else{
tb2_stsmsg=tb2_sts;
tb2_sts = &quot; &quot;+tb2_stsmsg.substring(0,tb2_stsmsg.length-1);
tb2_ocapareno++;
}
}
document.title = tb2_sts;
tb2_timer = setTimeout(&quot;tb2_scrolltitle()&quot;, tb2_speed);
}
tb2_scrolltitle();
//]]></script>


4. title bar blink.
<script type='text/javascript'>
//<![CDATA[
function tb3_makeArray(n){
this.length = n;
return this.length;
}

tb3_messages = new tb3_makeArray(1);
tb3_messages[0] = "BLINK";
tb3_rptType = 'infinite';
tb3_rptNbr = 5;
tb3_speed = 500;
tb3_nbrOneMsg = 5;
var tb3_currMsg=0;
var tb3_timerID = null;
var tb3_switcher = 0;
var tb3_countOneMsg=0;
var tb3_counter=1;
function tb3_blinktitle(){
if (tb3_countOneMsg == tb3_nbrOneMsg){
if (tb3_currMsg == tb3_messages.length-1){
if ((tb3_rptType == 'finite') && (tb3_counter==tb3_rptNbr)){
clearTimeout(tb3_timerID);
return;
}
tb3_counter++;
tb3_currMsg=0;
tb3_countOneMsg=0;
}
else{
tb3_currMsg++;
tb3_countOneMsg=0;
}
}
if (tb3_switcher==0){
document.title = tb3_messages[tb3_currMsg];
tb3_switcher=1;
tb3_countOneMsg++;
}
else{
document.title = "______________________________________________________________";
tb3_switcher=0;
}
tb3_timerID = setTimeout("tb3_blinktitle()", tb3_speed)
}
tb3_blinktitle();
//]]></script>


5. title bar letter picker.
<script type='text/javascript'>
//<![CDATA[
function tb4_makeArray(n){
this.length = n;
return this.length;
}

tb4_messages = new tb4_makeArray(1);
tb4_messages[0] = "LETTER PICKER";
tb4_rptType = 'infinite';
tb4_rptNbr = 5;
tb4_speed = 100;
tb4_inputDelay = 2000;
var tb4_counter = 1;
var tb4_chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopwrstuvwxyz.";
var tb4_pogodjenih = 0;
var tb4_stsmsg = "";
var tb4_currMsg = 0;
var tb4_timer = null;
var tb4_mozeDalje=true;
function tb4_addChar(ch){
if (tb4_chars.search(ch) == -1){
tb4_chars=tb4_chars+ch;
}
}
for (var i=0; i<tb4_messages.length; i++){
for (var j=0; j<tb4_messages[i].length; j++)
tb4_addChar(tb4_messages[i].charAt(j));
}
function tb4_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;
}
tb4_arr = new tb4_makeArray(tb4_messages[tb4_currMsg].length);
tb4_sts = new tb4_makeArray(tb4_messages[tb4_currMsg].length);
for (var i=0; i<tb4_messages[tb4_currMsg].length; i++){
tb4_arr[i] = i;
}
tb4_arr = tb4_shuffle(tb4_arr);
for (var i=0; i<tb4_messages[tb4_currMsg].length; i++){
tb4_sts[i] = tb4_messages[tb4_currMsg].charAt(tb4_arr[i]);
}
function tb4_setChar(k){
r = Math.round(Math.random() * tb4_chars.length);
tb4_sts[k] = tb4_chars.charAt(r);
tb4_stsmsg = "";
for (var i=0; i<tb4_sts.length; i++)
tb4_stsmsg += tb4_sts[i];
document.title = tb4_stsmsg;
if (tb4_chars.charAt(r) == tb4_messages[tb4_currMsg].charAt(k)){
tb4_stsmsg = "";
for (var i=0; i<tb4_sts.length; i++)
tb4_stsmsg += tb4_sts[i];
document.title = tb4_stsmsg;
tb4_pogodjenih++;
return;
}
setTimeout("tb4_setChar("+k+")", tb4_speed);
}
function tb4_init(k){
if (tb4_mozeDalje){
for (var k=0; k<tb4_messages[tb4_currMsg].length; k++){
tb4_msgchar = tb4_messages[tb4_currMsg].charAt(k);
tb4_setChar(k);
}
tb4_mozeDalje=false;
tb4_delay=200;
}
if (tb4_pogodjenih == tb4_messages[tb4_currMsg].length){
if (tb4_currMsg == tb4_messages.length-1){
if ((tb4_rptType == 'finite') && (tb4_counter==tb4_rptNbr)){
clearTimeout(tb4_timer);
return;
}
tb4_currMsg=0;
tb4_counter++;
}
else{
tb4_currMsg++;
}
tb4_arr = new tb4_makeArray(tb4_messages[tb4_currMsg].length);
tb4_sts = new tb4_makeArray(tb4_messages[tb4_currMsg].length);
for (var i=0; i<tb4_messages[tb4_currMsg].length; i++){
tb4_arr[i] = i;
tb4_mozeDalje=true;
tb4_pogodjenih=0;
tb4_delay=tb4_inputDelay;
}
tb4_arr = tb4_shuffle(tb4_arr);
for (var i=0; i<tb4_messages[tb4_currMsg].length; i++){
tb4_sts[i] = tb4_messages[tb4_currMsg].charAt(tb4_arr[i]);
}
}
tb4_timer = setTimeout("tb4_init(0)", tb4_delay);
}
function tb4_picktitle(){
tb4_init(0);
}
tb4_picktitle()
//]]></script>


6. title bar random letters.
<script type='text/javascript'>
//<![CDATA[
function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(1);
tb5_messages[0] = "RANDOM LETTERS";
tb5_rptType = 'infinite';
tb5_rptNbr = 5;
tb5_speed = 300;
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>


7. title bar random placer.
<script type='text/javascript'>
//<![CDATA[
function tb6_makeArray(n){
this.length = n;
return this.length;
}

tb6_messages = new tb6_makeArray(1);
tb6_messages[0] = "RANDOM PLACER";
tb6_rptType = 'infinite';
tb6_rptNbr = 5;
tb6_speed = 500;
tb6_nbrOneMsg = 5;
var tb6_currMsg=0;
var tb6_timer = null;
var tb6_countOneMsg=0;
var tb6_counter=1;
tb6_arr = new tb6_makeArray(100);
tb6_arr[0] = "_";
for (var i=1; i<tb6_arr.length; i++)
tb6_arr[i] = tb6_arr[i-1] + "_";
var tb6_tbTimer = null;
function tb6_settitle(){
var k;
if (tb6_countOneMsg == tb6_nbrOneMsg){
if (tb6_currMsg == tb6_messages.length-1){
if ((tb6_rptType == 'finite') && (tb6_counter==tb6_rptNbr)){
clearTimeout(tb6_timer);
return;
}
tb6_counter++;
tb6_currMsg=0;
tb6_countOneMsg=0;
}
else{
tb6_currMsg++;
tb6_countOneMsg=0;
}
}
k = Math.round(Math.random() * tb6_arr.length)
document.title = tb6_arr[k] + tb6_messages[tb6_currMsg];
tb6_countOneMsg++;
tb6_timer = setTimeout("tb6_settitle()", tb6_speed);
}
tb6_settitle();
//]]></script>


8. title bar elastic.
<script type='text/javascript'>
//<![CDATA[
function tb7_makeArray(n){
this.length = n;
return this.length;
}

tb7_messages = new tb7_makeArray(1);
tb7_messages[0] = "ELASTIC";
tb7_rptType = 'infinite';
tb7_rptNbr = 5;
tb7_speed = 200;
tb7_timeOneMsg = 6000;
tb7_minBrojRazmaka = 0;
tb7_maxBrojRazmaka = 3;
var tb7_counter=1;
var tb7_currMsg;
var tb7_stsmsg="";
var tb7_brojac = 0;
var tb7_expand = true;
var tb7_run=false
var tb7_tmpmsg="";
var tb7_spaces="";
var tb7_timer=null;
for (var i=0; i<tb7_minBrojRazmaka; i++)
tb7_spaces += "_";
for (var i=0; i<tb7_messages.length; i++){
tb7_tmpmsg="";
for (var j=0; j<tb7_messages[i].length; j++){
tb7_tmpmsg=tb7_tmpmsg+tb7_spaces+tb7_messages[i].charAt(j);
}
tb7_messages[i]=tb7_tmpmsg;
}
function tb7_settitle(){
if (!tb7_run){
clearTimeout(tb7_timer2);
return;
}
var tb7_sts = "";
if (tb7_brojac == 0)
document.title = tb7_messages[tb7_currMsg]
else{
for (var i=0; i<tb7_messages[tb7_currMsg].length; i++){
for (var j=0; j<tb7_brojac; j++)
tb7_sts += "_";
tb7_sts += tb7_messages[tb7_currMsg].charAt(i);
}
document.title = tb7_sts;
}
if (tb7_expand && (tb7_brojac >= tb7_maxBrojRazmaka))
tb7_expand=false;
if (!tb7_expand && tb7_brojac < tb7_minBrojRazmaka)
tb7_expand = true;
if (tb7_expand)
tb7_brojac++
else tb7_brojac--;
tb7_timer2 = setTimeout("tb7_settitle()", tb7_speed);
}
function tb7_coordinator(){
if (!tb7_run){
tb7_currMsg=0;
tb7_run = true;
tb7_settitle();
}
else{
if (tb7_currMsg == tb7_messages.length-1){
if ((tb7_rptType == 'finite') && (tb7_counter==tb7_rptNbr)){
clearTimeout(tb7_timer);
tb7_run = false;
return;
}
tb7_counter++;
tb7_currMsg=0;
}
else{
tb7_currMsg++;
}
}
tb7_timer = setTimeout("tb7_coordinator()",tb7_timeOneMsg);
}
tb7_coordinator();
//]]></script>


9. title bar message scroller.
<script type='text/javascript'>
//<![CDATA[
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(1);
tb8_messages[0] = "MESSAGE SCROLLER";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
//]]></script>


10. title bar R-Banner.
<script type='text/javascript'>
//<![CDATA[
// Copyright 1996 - Tomer and Yehuda Shiran
// This example will appear in our forthcoming book on JavaScript.
// Feel free to "steal" this code provided that you leave this notice as is.
// Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/
// For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>
function tb9_makeArray(n){
this.length = n;
return this.length;
}

tb9_messages = new tb9_makeArray(1);
tb9_messages[0] = "R-Banner";
tb9_rptType = 'infinite';
tb9_rptNbr = 5;
tb9_speed = 100;
tb9_delay = 2000;
var tb9_counter=1;
var tb9_currMsg=0;
var tb9_timerID = null
var tb9_bannerRunning = false
var tb9_state = ""
tb9_clearState()
function tb9_stopBanner() {
if (tb9_bannerRunning)
clearTimeout(tb9_timerID)
tb9_timerRunning = false
}
function tb9_startBanner() {
tb9_stopBanner()
tb9_showBanner()
}
function tb9_clearState() {
tb9_state = ""
for (var i = 0; i < tb9_messages[tb9_currMsg].length; ++i) {
tb9_state += "0"
}
}
function tb9_showBanner() {
if (tb9_getString()) {
tb9_currMsg++
if (tb9_messages.length <= tb9_currMsg) {
if ((tb9_rptType == 'finite') && (tb9_counter==tb9_rptNbr)){
tb9_stopBanner();
return;
}
tb9_counter++;
tb9_currMsg=0;
}
tb9_clearState()
tb9_timerID = setTimeout("tb9_showBanner()", tb9_delay)
}
else {
var tb9_str = ""
for (var j = 0; j < tb9_state.length; ++j) {
tb9_str += (tb9_state.charAt(j) == "1") ? tb9_messages[tb9_currMsg].charAt(j) : "____"
}
document.title = tb9_str
tb9_timerID = setTimeout("tb9_showBanner()", tb9_speed)
}
}
function tb9_getString() {
var full = true
for (var j = 0; j < tb9_state.length; ++j) {
if (tb9_state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = tb9_getRandom(tb9_messages[tb9_currMsg].length)
if (tb9_state.charAt(num) == "0")
break
}
tb9_state = tb9_state.substring(0, num) + "1" + tb9_state.substring(num + 1, tb9_state.length)
return false
}
function tb9_getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
tb9_startBanner()
//]]></script>


11. title bar title wiper.
<script type='text/javascript'>
//<![CDATA[
function tb10_makeArray(n){
this.length = n;
return this.length;
}

tb10_messages = new tb10_makeArray(1);
tb10_messages[0] = "TITLE WIPER";
tb10_rptType = 'infinite';
tb10_rptNbr = 5;
tb10_speed = 100;
tb10_delay = 2000;
var tb10_wiper
var tb10_space="_"
var tb10_currMsg=0;
var tb10_counter=1;
var tb10_index=0
tb10_main()
function tb10_main()
{
document.title=tb10_messages[tb10_currMsg].substring(0,tb10_index)
tb10_index++
if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){setTimeout('tb10_reset_clear()',tb10_delay);}
else{setTimeout('tb10_main()',tb10_speed)}
}
function tb10_reset_clear()
{
tb10_index=0
tb10_wiper=""
for(var a=0;a<tb10_messages[tb10_currMsg].length;a++){tb10_wiper+=tb10_space}
tb10_clearem()
}
function tb10_clearem()
{
document.title=tb10_wiper.substring(0,tb10_index) + "->" + tb10_messages[tb10_currMsg].substring(tb10_index+2,tb10_messages[tb10_currMsg].length)
tb10_index++
if(tb10_index==(tb10_messages[tb10_currMsg].length+4)){
if (tb10_currMsg == tb10_messages.length-1){
if ((tb10_rptType == 'finite') && (tb10_counter==tb10_rptNbr)){
document.title="";
return;
}
tb10_counter++;
tb10_currMsg = 0;
}
else tb10_currMsg++;
tb10_index=0
tb10_main()
}
else{setTimeout('tb10_clearem()',250)}
}
//]]></script>


12. title bar bounce.
<script type='text/javascript'>
//<![CDATA[
function tb13_makeArray(n){
this.length = n;
return this.length;
}

tb13_messages = new tb13_makeArray(1);
tb13_messages[0] = "BOUNCE";
tb13_rptType = 'infinite';
tb13_rptNbr = 5;
tb13_speed = 100;
tb13_maxspaces = 40;
tb13_bncOneMsg = 1;
var tb13_counter=1;
var tb13_currMsg=0;
var tb13_spaces=0;
var tb13_right=true;
var tb13_counterOneMsg=0;
var tb13_timer=null;
function tb13_bounce(){
var tmp=tb13_messages[tb13_currMsg];
tb13_spaces = (tb13_right)?tb13_spaces+1:tb13_spaces-1;
for (var i=0; i<tb13_spaces; i++)
tmp = "_"+tmp;
document.title = tmp;
if ((tb13_spaces >= tb13_maxspaces) || (tb13_spaces<1)){
tb13_right = !tb13_right;
}
if ((tb13_spaces == 0)){
tb13_counterOneMsg++;
if (tb13_counterOneMsg == tb13_bncOneMsg){
if (tb13_currMsg == tb13_messages.length-1){
if ((tb13_rptType == 'finite') && (tb13_counter==tb13_rptNbr)){
clearTimeout(tb13_timer);
return;
}
tb13_counter++;
tb13_currMsg=0;
tb13_counterOneMsg=0;
}
else{
tb13_currMsg++;
tb13_counterOneMsg=0;
}
}
}
tb13_timer = setTimeout("tb13_bounce()", tb13_speed);
}
tb13_bounce();
//]]></script>


13. title bar title bar shooter.
<script type='text/javascript'>
//<![CDATA[
function tb14_makeArray(n){
this.length = n;
return this.length;
}

tb14_messages = new tb14_makeArray(1);
tb14_messages[0] = "TITLE BAR SHOOTER";
tb14_rptType = 'infinite';
tb14_rptNbr = 5;
tb14_speed = 100;
tb14_distance = 50;
tb14_delay = 2000;
var tb14_letter = 0;
var tb14_counter=1;
var tb14_currMsg = 0;
var tb14_orgSpaces = tb14_distance;
var tb14_nbrSpaces = tb14_orgSpaces;
var tb14_shootTimer = null;
function tb14_shoottitle(){
var sp=tb14_speed;
var tmp=tb14_messages[tb14_currMsg].substring(0,tb14_letter);
for (var i=0; i<tb14_nbrSpaces; i++)
tmp += "_";
tmp+=tb14_messages[tb14_currMsg].charAt(tb14_letter);
for (var i=0; i < tb14_orgSpaces-tb14_nbrSpaces; i++)
tmp+="_";
tmp += "=o";
document.title=tmp;
tb14_nbrSpaces--;
if (tb14_nbrSpaces == 0){
tb14_letter++;
tb14_orgSpaces -= 1;
tb14_nbrSpaces=tb14_orgSpaces;
if (tb14_letter > tb14_messages[tb14_currMsg].length){
if (tb14_currMsg == tb14_messages.length-1){
if ((tb14_rptType == 'finite') && (tb14_counter==tb14_rptNbr)){
clearTimeout(tb14_shootTimer);
return;
}
tb14_counter++;
tb14_currMsg=0;
}
else{
tb14_currMsg++;
}
tb14_letter=0;
tb14_nbrSpaces = tb14_orgSpaces = tb14_distance;
sp=tb14_delay;
}
}
tb14_shootTimer = setTimeout("tb14_shoottitle()",sp);
}
tb14_shoottitle();
//]]></script>


catatan!
-> ganti texs yang berwarna merah dengan tulisan yang anda mau.

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes