Cara Menambahkan Gambar Berjatuhan Di Blog (Falling Snow Effect)
aklil | 01.41 |
Tips and Trick Blog
Gambar berjatuhan, haha kedengaran lucukan, tapi ini salah satu tips menpercantik tampilan Blog kita. Kalo Kalian tertarik, silahkan ikuti langkah-langkah berikut :
[1]. Pertama Login dulu ke Blog Kalian
[3]. Lalu Copy dan Paste-kan Code di bawah ke dalamnya
<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = "http://i634.photobucket.com/albums/uu66/oktri_2009/kampret.gif";
</script>
<script language='JavaScript' src='http://jmkjs.googlecode.com/files/Gambar%20Jatuh.js'/>
[4]. Ganti tulisan yang berwarna Merah dengan Link Gambar Kalian.
[5]. Simpan dan lihat hasilnya.
Semoga Berhasil...!!!
DOWNLOAD ARTIKEL :
1. Ms. Office Word 2003
2. Ms. Office Word 2007
3. Download Script/Code
Cara Membuat Teks Berjalan Di Blog
aklil | 01.25 |
Tips and Trick Blog
Teks berjalan, hemm mungkin ini tidak asing lagikan..?? seperti yg Kalian lihat pada Blog ini, di bawah Judul Blog, kan ada tulisan yg berjalan ke kanan dan ke kiri. Nah kalau Kalian tertarik membuatnya, silahkan ikuti langkah-langkah berikut ini :
[1]. Pertama Login dulu ke Blog Kalian.
[2]. Kemudian cari Rancangan.
[3]. Klik Tambah Gadget.
[4]. Pilih HTML/java script.
[5]. Lalu Copy dan Paste-kan salah satu Script di bawah sesuai keinginan Kalian .
[1]. Pertama Login dulu ke Blog Kalian.
[2]. Kemudian cari Rancangan.
[3]. Klik Tambah Gadget.
[4]. Pilih HTML/java script.
[5]. Lalu Copy dan Paste-kan salah satu Script di bawah sesuai keinginan Kalian .
A.TEKS BERJALAN KE KANAN
NB :
- Kalau Ingin Teks Berjalan Ke Kiri, Kalian Cukup Mengganti Kata "right" Dengan "left".
- Kalau Ingin Teks Berjalan Ke Kiri, Kalian Cukup Mengganti Kata "right" Dengan "left".
B.TEKS BERJALAN KEKIRI DAN KEKANAN
<span style="color: blue; font-family: arial; font-size: medium;"><marquee behavior="alternate" bgcolor="pink" direction="right" height="20px" scrollamount="2" scrolldelay="10" width="450px">??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</marquee></span>
C.MEMBUAT TEKS BERGERAK DENGAN EFEK BOUNCE ATAU MEMANTUL
<font face="comic sans ms" color="yellow" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</marquee></marquee></font>
D.TEKS BERJALAN KEATAS DAN KE BAWAH
<font face="verdana" color="white" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="blue" width="450px">??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</marquee></font>
NB :
- Pada teks "??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�", ganti dengan pesan Kalian.[6]. Terakhir tinggal di SAVE, dan lihat hasilnya.
Semoga Bermanfaat...!!!
DOWNLOAD ARTIKEL :
1. Ms. Office Word 2003
2. Ms. Office Word 2007
3. Download Script/Code
Kalian mungkin agak asing dengan judul Postingan kali ini, Tulisan "Showing Newest Posts With Label" biasanya muncul ketika Kalian meng-klik Label, yang letaknya di atas semua Postingan.
Ok langsung saja berikut langkah-langkahnya :
[1]. Pertama Login Dulu Ke Blog Kalian.
[2]. Trus Cari Rancangan --> Edit HTML.
[3]. Cari Code "body {" (Tanpa Tanda Petik) Agar Memudahkan Mencari Kode Itu Tekan Saja (CTRL +).
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
[4]. Ganti Code di atas dengan Code di bawah.
[5]. Simpan dan lihat hasilnya.
Semoga Berhasil...!!!
Cara Merubah Warna Text Selection
aklil | 00.51 |
Tips and Trick Blog
Sebelum Di Rubah Warna Text Selection :
Sesudah Di Rubah Warna Text Selection :
Jika Kalian menyeleksi sebuat tulisan pada Postingan Blog Kalian, maka akan keluar warna Biru atau Putih, itu Default. Dan kali ini Saya akan memberikan cara menggantinya sesuai dengan warna yang Kalian inginkan.
Jika Kalian tertarik, ikuti langkah-langkah berikut :
[1]. Seperti biasa Login dulu ke Blog Kalian.
[2]. Trus cari Rancangan --> Edit HTML.
[3]. Trus cari Code "body {" (Tanpa Tanda Petik) Biar Gampang Mencarinya Tekan Saja (CTRL + F).
[4]. Kalo sudah Copy dan Paste-kan Code di bawah ini di atas Code yang tadi.
NB :::-moz-selection {background: #CC3399;color: #ffffff;}
- Kalian bisa mengganti Warna Text Highlight di atas (#CC3399), dengan Warna yang Kalian suka.
[5]. Simpan Dan Lihat Hasilnya.
Kalo Kalian dingung mencari Code Warna tidak usah kuatir, klik saja DI SINI.
Semoga Berhasil....!!! ^_^
Daftar Kode Warna HTML Lengkap
aklil | 05.29 |
Tips and Trick Blog
| #FFFFFF | #FFFFCC | #FFFF99 | #FFFF66 | #FFFF33 | #FFFF00 |
| #FFCCFF | #FFCCCC | #FFCC99 | #FFCC66 | #FFCC33 | #FFCC00 |
| #FF99FF | #FF99CC | #FF9999 | #FF9966 | #FF9933 | #FF9900 |
| #FF66FF | #FF66CC | #FF6699 | #FF6666 | #FF6633 | #FF6600 |
| #FF33FF | #FF33CC | #FF3399 | #FF3366 | #FF3333 | #FF3300 |
| #FF00FF | #FF00CC | #FF0099 | #FF0066 | #FF0033 | #FF0000 |
| #CCFFFF | #CCFFCC | #CCFF99 | #CCFF66 | #CCFF33 | #CCFF00 |
| #CCCCFF | #CCCCCC | #CCCC99 | #CCCC66 | #CCCC33 | #CCCC00 |
| #CC99FF | #CC99CC | #CC9999 | #CC9966 | #CC9933 | #CC9900 |
| #CC66FF | #CC66CC | #CC6699 | #CC6666 | #CC6633 | #CC6600 |
| #CC33FF | #CC33CC | #CC3399 | #CC3366 | #CC3333 | #CC3300 |
| #CC00FF | #CC00CC | #CC0099 | #CC0066 | #CC0033 | #CC0000 |
| #99FFFF | #99FFCC | #99FF99 | #99FF66 | #99FF33 | #99FF00 |
| #99CCFF | #99CCCC | #99CC99 | #99CC66 | #99CC33 | #99CC00 |
| #9999FF | #9999CC | #999999 | #999966 | #999933 | #999900 |
| #9966FF | #9966CC | #996699 | #996666 | #996633 | #996600 |
| #9933FF | #9933CC | #993399 | #993366 | #993333 | #993300 |
| #9900FF | #9900CC | #990099 | #990066 | #990033 | #990000 |
| #66FFFF | #66FFCC | #66FF99 | #66FF66 | #66FF33 | #66FF00 |
| #66CCFF | #66CCCC | #66CC99 | #66CC66 | #66CC33 | #66CC00 |
| #6699FF | #6699CC | #669999 | #669966 | #669933 | #669900 |
| #6666FF | #6666CC | #666699 | #666666 | #666633 | #666600 |
| #6633FF | #6633CC | #663399 | #663366 | #663333 | #663300 |
| #6600FF | #6600CC | #660099 | #660066 | #660033 | #660000 |
| #33FFFF | #33FFCC | #33FF99 | #33FF66 | #33FF33 | #33FF00 |
| #33CCFF | #33CCCC | #33CC99 | #33CC66 | #33CC33 | #33CC00 |
| #3399FF | #3399CC | #339999 | #339966 | #339933 | #339900 |
| #3366FF | #3366CC | #336699 | #336666 | #336633 | #336600 |
| #3333FF | #3333CC | #333399 | #333366 | #333333 | #333300 |
| #3300FF | #3300CC | #330099 | #330066 | #330033 | #330000 |
| #00FFFF | #00FFCC | #00FF99 | #00FF66 | #00FF33 | #00FF00 |
| #00CCFF | #00CCCC | #00CC99 | #00CC66 | #00CC33 | #00CC00 |
| #0099FF | #0099CC | #009999 | #009966 | #009933 | #009900 |
| #0066FF | #0066CC | #006699 | #006666 | #006633 | #006600 |
| #0033FF | #0033CC | #003399 | #003366 | #003333 | #003300 |
| #0000FF | #0000CC | #000099 | #000066 | #000033 | #000000 |
| #465584 | #EEF2F7 | #3A4F6C | #00D | #434951 | #555 |
| #777 | #DFE6EF | #345487 | #F5F9FD | #3860BB | #BCD0ED |
| #C2CFDF | #F0F5FA | #D1DCEB | #003 | #900 | #CCE9FD |
| #E4EAF2 | #4C77B6 | #DFE6EF | #EEF2F7 | ||
Semoga Bermanfaat Ya...!!!





