widget

Jumat, 29 Juli 2011

Cara membuat bintik salju di blog

skarang akku mwu ksi tau caranya buat ritisan salju di blog...
cranya mudah...
copy aja script tu ke blog mu....


ok, the script :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js' type='text/javascript'></script> <script type="text/javascript"> $(document).snowfall({flakeCount:199}); </script>

cool...

Cara merubah kursor mouse pada blog

Saya yakin, Anda pasti bosan dengan cursor berbentuk panah itu. Dengan trik kali ini, Anda bisa mengganti cursor panah tersebut dengan gambar-gambar yang menarik setiap kali blog Anda dibuka. Caranya pun sangat mudah.

Langsung saja, begini caranya:

1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan    


<style type="text/css">body {cursor:url("http://i982.photobucket.com/albums/ae302/eixplicittees/Mangekyo_Sharingan_Cursor_by_The_11.gif"),default}</style>

5. Nah, ganti alamat cursorhttp://i982.photobucket.com/albums/ae302/eixplicittees/Mangekyo_Sharingan_Cursor_by_The_11.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilahwww.123cursors.com , http://photobucket.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”. kalau di 
http://photobucket.com ketik kan cursor pada seach
Mudah kan?

Cara Membuat Tulisan Berjalan


Bagaimana agar bisa membuat tulisan berjalan?

Seperti Ini ??


Bergerak kekanan !

Bergerak kekiri !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??


Bergerak Ke Atas


Bergerak Ke Atas dan Ke bawah
Oke ini kode nya :

Untuk Yang bergerak kekanan:
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>

Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left"


Untuk Yang Ke Kanan dan Kekiri:
<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>


Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak;
<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>


Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop:
<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>


Untuk Yang Bergerak Ke Atas:
<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>


Untuk Yang Bergerak Ke Atas dan Ke bawah:
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>

Note : Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi....Coba-coba aja ya....

Update 25 agustus 2009:
Karena ada pertanyaan soal bagaiamana cara agar gambar bisa bergerak kekanan atau kekiri, maka sy perlu tambahkan sedikit disini ...
caranya pertama anda bikin dulu image yang anda inginklan, lalu anda upload image tsb ke photobucket.com
Kemudian nanti dari photobucket anda akan mendapatkan URL dari image yg anda upload tsb.
Kemudian masukkan ke dalam scrip marque(Berjalan) seperti yg ada diatas.
Berikut contoh script utk image Photo saya yg bergeraK Kekanan;
<marquee direction="right"><img src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg" /></marquee>

dan ini contoh image yg bisa bergerak kekanan


ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/bubble.gif dgn URL image milik anda

Semoga membantu

Membuat Widget Anda Sendiri dengan Widgetbox


Anda pasti sudah memperhatikan kalau di blog ini cukup banyak dibahas tentang widget. Tapi ingin nggak Anda mencoba untuk membuatnya sendiri? Kalau blog atau website Anda memiliki fasilitas RSS (nggak mungkin kali ya kalau nggak punya), Anda bisa memanfaatkan fasilitas blidget dari Widgetbox.
Dengan blidget ini, Anda bisa membuat widget yang menampilkan data RSS dari blog yang Anda miliki (atau bahkan blog orang lain). Anda bisa mengubah-ubah tampilan warna widget agar sesuai dengan selera Anda. Lalu apa gunanya widget ini? Salah satu gunanya bisa sebagai alat promosi blog. Bila Anda punya 2 blog, Anda bisa memasang widget yang menampilkan RSS blog pertama di blog Anda yang kedua, dan sebaliknya. Jadi, pengunjung setia blog pertama Anda bisa melihat sekilas tulisan Anda di blog kedua, dan sebaliknya.
Yang lebih menarik, kalau fasilitas RSS blog Anda juga mendukung penampilan gambar (image). Dengan fasilitas blidget dari Widgetbox ini, gambar pertama dari setiap posting bisa ditampilkan sebagai bagian dariwidget. Kalau Anda punya blog yang fokus pada penampilan gambar (seperti foto atau komik), gambar tersebut bisa langsung tampil dalam widget yang Anda buat.
Berikut ini beberapa contoh widget yang dibuat menggunakan blidget dari Widgetbox. Contoh lainnya bisa Anda lihat di sidebar, yang menampilkan RSS gambar dan judul posting dari blog Eye Pleasure.

Ini dia Caranya Membuat Nama Blog Kita Bergerak di Tab Browser



Halo.. tdi bru nmuin cara mmbuat nama blog kita bergerak di tab..


  • buka blog kita
  • klik rancangan
  • pilih tempat di tata letak
  • pilih konfigur HTML/Java Script
  • copas script d bawah nhe..


<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "KeLvIn_BLoGgeR";
tb8_messages[1] = "ThIS iS a CrAZY BloG";
tb8_messages[2] = "GiVe a CoMmeNTs";
tb8_messages[3] = "AnD be mY sUbsCrIbeR.!!";                            
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>

n' simpan

NB : tulisan yang aku boldkan itu diganti dengan  kata2 mu sndiri...

Trus ada 2 model...

yang model ke-2:

copy script d bwh nhe...

<script language='JavaScript'>
var txt="Text / kata2 anda taruh sini.. OK";
var ekhancepetandunk=170;var fress=null;function gerakyuk() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
fress=setTimeout("gerakyuk()",ekhancepetandunk);}gerakyuk();
</script>

NB : 
tulisan yang aku boldkan itu diganti dengan  kata2 mu sndiri...
Related Posts Plugin for WordPress, Blogger...