tulisan berjalan

Hari Ini:

.

Sabtu, 19 Januari 2013

SISTEM BILANGAN


SISTEM BILANGAN

I. DEFINISI
System bilangan (number system) adalah suatu cara untuk mewakili besaran dari suatu item fisik. Sistem bilanan yang banyak dipergunakan oleh manusia adalah system biilangan desimal, yaitu sisitem bilangan yang menggunakan 10 macam symbol untuk mewakili suatu besaran.Sistem ini banyak digunakan karena manusia mempunyai sepuluh jari untuk dapat membantu perhitungan. Lain halnya dengan komputer, logika di komputer diwakili oleh bentuk elemen dua keadaan yaitu off (tidak ada arus) dan on (ada arus). Konsep inilah yang dipakai dalam sistem bilangan binary yang mempunyai dua macam nilai untuk mewakili suatu besaran nilai.
Selain system bilangan biner, komputer juga menggunakan system bilangan octal dan hexadesimal.

II. Teori Bilangan

1. Bilangan Desimal
Sistem ini menggunakan 10 macam symbol yaitu 0,1,2,3,4,5,6,7,8,dan 9. system ini menggunakan basis 10. Bentuk nilai ini dapat berupa integer desimal atau pecahan.
Integer desimal :
adalah nilai desimal yang bulat, misalnya 8598 dapat diartikan :
8 x 103 = 8000
5 x 102 = 500
9 x 101 = 90
8 x 100 = 8
8598
position value/palce value absolute value


Absolue value merupakan nilai untuk masing-masing digit bilangan, sedangkan position value adalah merupakan penimbang atau bobot dari masing-masing digit tergantung dari letak posisinya, yaitu nernilai basis dipangkatkan dengan urutan posisinya.

Pecahan desimal :
Adalah nilai desimal yang mengandung nilai pecahan dibelakang koma, misalnya nilai 183,75 adalah pecahan desimal yang dapat diartikan :
1 x 10 2 = 100
8 x 10 1 = 80
3 x 10 0 = 3
7 x 10 –1 = 0,7
5 x 10 –2 = 0,05
183,75

2. Bilangan Binar
Sistem bilangan binary menggunakan 2 macam symbol bilangan berbasis 2digit angka, yaitu 0 dan 1.
Contoh bilangan 1001 dapat diartikan :

1 0 0 1
1 x 2 0 = 1
0 x 2 1 = 0
0 x 2 2 = 0
1 x 2 3 = 8
10 (10)
Operasi aritmetika pada bilangan Biner :
a. Penjumlahan
Dasar penujmlahan biner adalah :
0 + 0 = 0
0 + 1 = 1
1 + 0 = 1
1 + 1 = 0 dengan carry of 1, yaitu 1 + 1 = 2, karena digit terbesar ninari 1, maka harus dikurangi dengan 2 (basis), jadi 2 – 2 = 0 dengan carry of 1
contoh :

1111
10100 +
100011
atau dengan langkah :
1 + 0 = 1
1 + 0 = 1

1 + 1 = 0 dengan carry of 1
1 + 1 + 1 = 0

1 + 1 = 0 dengan carry of 1 1 0 0 0 1 1

b. Pengurangan
Bilangan biner dikurangkan dengan cara yang sama dengan pengurangan bilangan desimal. Dasar pengurangan untuk masing-masing digit bilangan biner adalah :
0 - 0 = 0
1 - 0 = 1
1 - 1 = 0
0 – 1 = 1 dengan borrow of 1, (pijam 1 dari posisi sebelah kirinya).
Contoh :
11101
1011 -
10010



dengan langkah – langkah :
1 – 1 = 0

0 – 1 = 1 dengan borrow of 1

1 – 0 – 1 = 0
1 – 1 = 0
1 – 0 = 1
1 0 0 1 0

c. Perkalian
Dilakukan sama dengan cara perkalian pada bilangan desimal. Dasar perkalian bilangan biner adalah :
0 x 0 = 0
1 x 0 = 0
0 x 1 = 0
1 x 1 = 1
contoh
Desimal Biner

14
12 x
28
14

+
168

1110
1100 x
0000
0000
1110
1110 +
10101000
d. pembagian
Pembagian biner dilakukan juga dengan cara yang sama dengan bilangan desimal. Pembagian biner 0 tidak mempunyai arti, sehingga dasar pemagian biner adalah :
0 : 1 = 0
1 : 1 = 1
Desimal Biner
5 / 125 \ 25
10 -
25
25 -
0 101 / 1111101 \ 11001
101 -
101
101 -
0101
101 -
0

3. Bilangan Oktal
Sistem bilangan Oktal menggunakan 8 macam symbol bilangan berbasis 8 digit angka, yaitu 0 ,1,2,3,4,5,6,7.
Position value system bilangan octal adalah perpangkatan dari nilai 8.
Contoh :
12(8) = …… (10)
2 x 8 0 = 2
1 x 8 1 =8 10
Jadi 10 (10)

Operasi Aritmetika pada Bilangan Oktal
a. Penjumlahan
Langkah-langkah penjumlahan octal :
- tambahkan masing-masing kolom secara desimal
- rubah dari hasil desimal ke octal
- tuliskan hasil dari digit paling kanan dari hasil octal
- kalau hasil penjumlahan tiap-tiap kolom terdiri dari dua digit, maka digit paling kiri merupakan carry of untuk penjumlahan kolom selanjutnya.
Contoh :
Desimal Oktal

21
87 +
108
25
127 +
154
5 10 + 7 10 = 12 10 = 14 8
2 10 + 2 10 + 1 10 = 5 10 = 5 8
1 10 = 1 10 = 1 8



b. Pengurangan
Pengurangan Oktal dapat dilaukan secara sama dengan pengurangan bilangan desimal.
Contoh :
Desimal Oktal

108
87 -
21
154
127 -
25
4 8 - 7 8 + 8 8 (borrow of) = 5 8
5 8 - 2 8 - 1 8 = 2 8
1 8 - 1 8 = 0 8



c. Perkalian
Langkah – langkah :
- kalikan masing-masing kolom secara desimal
- rubah dari hasil desimal ke octal
- tuliskan hasil dari digit paling kanan dari hasil octal
- kalau hasil perkalian tiap kolol terdiri dari 2 digit, maka digit paling kiri merupakan carry of untuk ditambahkan pada hasil perkalian kolom selanjutnya.
Contoh :
Desimal Oktal

14
12 x
28
14 +
168
16
14 x
70
4 10 x 6 10 = 24 10 = 30 8
4 10 x 1 10 + 3 10 = 7 10 = 7 8

16
14 x
70
16
1 10 x 6 10 = 6 10 = 6 8
1 10 x 1 10 = 1 10 = 1 8

16
14 x
70
16 +
250
7 10 + 6 10 = 13 10 = 15 8
1 10 + 1 10 = 2 10 = 2 8




d. Pembagian
Desimal Oktal
12 / 168 \ 14
12 -
48
48 –
0
14 / 250 \ 16
14 - 14 8 x 1 8 = 14 8
110
110 - 14 8 x 6 8 = 4 8 x 6 8 = 30 8
0 1 8 x 6 8 = 6 8 +
110 8




4. Bilangan Hexadesimal
Sistem bilangan Oktal menggunakan 16 macam symbol bilangan berbasis 8 digit angka, yaitu 0 ,1,2,3,4,5,6,7,8,9,A,B,C,D,Edan F
Dimana A = 10, B = 11, C= 12, D = 13 , E = 14 dan F = 15
Position value system bilangan octal adalah perpangkatan dari nilai 16.
Contoh :
C7(16) = …… (10)
7 x 16 0 = 7
C x 16 1 = 192 199
Jadi 199 (10)





Operasi Aritmetika Pada Bilangan Hexadesimal
a. Penjumlahan
Penjumlahan bilangan hexadesimal dapat dilakukan secara sama dengan penjumlahan bilangan octal, dengan langkah-langkah sebagai berikut :
Langkah-langkah penjumlahan hexadesimal :
- tambahkan masing-masing kolom secara desimal
- rubah dari hasil desimal ke hexadesimal
- tuliskan hasil dari digit paling kanan dari hasil hexadesimal
- kalau hasil penjumlahan tiap-tiap kolom terdiri dari dua digit, maka digit paling kiri merupakan carry of untuk penjumlahan kolom selanjutnya.
Contoh :
Desimal hexadesimal

2989
1073 +
4062
BAD
431 +
FDE
D 16 + 1 16 = 13 10 + 110 = 14 10 = E 16
A 16 + 3 16 = 10 10 + 3 10 = 13 10 =D 16
B16 + 4 16 = 1110 + 4 10 = 15 10 = F 16




b. Pengurangan
Pengurangan bilangan hexadesimal dapat dilakukan secara sama dengan pengurangan bilangan desimal.




Contoh :
Desimal hexadesimal

4833
1575 -
3258
12E1
627 -
CBA
16 10 (pinjam) + 1 10 - 710 = 10 10 = A 16
14 10 - 7 10 - - 1 10 (dipinjam) = 11 10 =B 16
1610 (pinjam) + 2 10 - 610 = 12 10 = C 16

1 10 – 1 10 (dipinjam) 0 10 = 0 16



c. Perkalian
Langkah – langkah :
- kalikan masing-masing kolom secara desimal
- rubah dari hasil desimal ke octal
- tuliskan hasil dari digit paling kanan dari hasil octal
- kalau hasil perkalian tiap kolol terdiri dari 2 digit, maka digit paling kiri merupakan carry of untuk ditambahkan pada hasil perkalian kolom selanjutnya.
Contoh :
Desimal Hexadesimal

172
27 x
1204
344 +
4644

AC
1B x
764
C 16 x B 16 =12 10 x 1110= 84 16
A16 x B16 +816 = 1010 x 1110+810=7616


AC
1B x
764
AC
C16 x 116 = 1210 x 110 =1210=C16
A16 x 116 = 1010 x110 =1010=A 16

AC
1B x
764
AC +
1224
616 + C16 = 610 + 1210 = 1810 =12 16
716+A16 +116 = 710 x 1010 + 110=1810 = 1216







D. Pembagian
Contoh :
Desimal hexadesimal
27 / 4646 \ 172
27-
194
189 –
54
54 –
0
1B / 1214 \ AC
10E - 1B16xA16 = 2710x1010=27010= 10E16
144
144- 1B 16 x C16 = 2710 x 10 10 = 3240 10
0 =14416





III. Konversi Bilangan
Konversi bilangan adalah suatu proses dimana satu system bilangan dengan basis tertentu akan dijadikan bilangan dengan basis yang alian.

Konversi dari bilangan Desimal
1. Konversi dari bilangan Desimal ke biner
Yaitu dengan cara membagi bilangan desimal dengan dua kemudian diambil sisa pembagiannya.
Contoh :

45 (10) = …..(2)
45 : 2 = 22 + sisa 1
22 : 2 = 11 + sisa 0
11 : 2 = 5 + sisa 1
5 : 2 = 2 + sisa 1
2 : 2 = 1 + sisa 0 101101(2) ditulis dari bawah ke atas


2. Konversi bilangan Desimal ke Oktal
Yaitu dengan cara membagi bilangan desimal dengan 8 kemudian diambil sisa pembagiannya
Contoh :
385 ( 10 ) = ….(8)
385 : 8 = 48 + sisa 1
48 : 8 = 6 + sisa 0
601 (8)

3. Konversi bilangan Desimal ke Hexadesimal
Yaitu dengan cara membagi bilangan desimal dengan 16 kemudian diambil sisa pembagiannya
Contoh :
1583 ( 10 ) = ….(16)
1583 : 16 = 98 + sisa 15
96 : 16 = 6 + sisa 2
62F (16)

Konversi dari system bilangan Biner
1. Konversi ke desimal
Yaitu dengan cara mengalikan masing-masing bit dalam bilangan dengan position valuenya.
Contoh :
1 0 0 1
1 x 2 0 = 1
0 x 2 1 = 0
0 x 2 2 = 0
1 x 2 3 = 8
10 (10)


2. Konversi ke Oktal
Dapat dilakukan dengan mengkonversikan tiap-tiap tiga buah digit biner yang dimulai dari bagian belakang.
Contoh :

11010100 (2) = ………(8)
11 010 100

3 2 4
diperjelas :
100 = 0 x 2 0 = 0
0 x 2 1 = 0
1 x 2 2 = 4
4
Begitu seterusnya untuk yang lain.

3. Konversi ke Hexademial
Dapat dilakukan dengan mengkonversikan tiap-tiap empat buah digit biner yang dimulai dari bagian belakang.
Contoh :
11010100
1101 0100
D 4


Konversi dari system bilangan Oktal
1. Konversi ke Desimal
Yaitu dengan cara mengalikan masing-masing bit dalam bilangan dengan position valuenya.


Contoh :
12(8) = …… (10)
2 x 8 0 = 2
1 x 8 1 =8 10
Jadi 10 (10)

2. Konversi ke Biner
Dilakukan dengan mengkonversikan masing-masing digit octal ke tiga digit biner.
Contoh :
6502 (8) ….. = (2)

2 = 010
0 = 000
5 = 101
6 = 110
jadi 110101000010

3. Konversi ke Hexadesimal
Dilakukan dengan cara merubah dari bilangan octal menjadi bilangan biner kemudian dikonversikan ke hexadesimal.
Contoh :
2537 (8) = …..(16)
2537 (8) = 010101011111
010101010000(2) = 55F (16)
Konversi dari bilangan Hexadesimal

1. Konversi ke Desimal
Yaitu dengan cara mengalikan masing-masing bit dalam bilangan dengan position valuenya.

Contoh :
C7(16) = …… (10)
7 x 16 0 = 7
C x 16 1 = 192 199
Jadi 199 (10)

2. Konversi ke Oktal
Dilakukan dengan cara merubah dari bilangan hexadesimal menjadi biner terlebih dahulu kemudian dikonversikan ke octal.
Contoh :
55F (16) = …..(8)
55F(16) = 010101011111(2)
010101011111 (2) = 2537 (8)

Senin, 26 Maret 2012

Cara Pasang Iklan Di Bawah Postingan,

Dalam memasang iklan PPC(Pay Per Click) banyak tekhnik yang bisa dilakukan supaya iklan yang kita pasang bisa menghasilkan banyak klik.Dalam postingan kali ini Klinik-it akan mencoba menjelaskan tentang Cara Pasang Iklan Di Bawah Postingan,Yang tentunya bertujuan supaya iklan yang kita pasang banyak di klik pengunjung. Karena iklan yang ditempatkan pada posisi yang ideal lah yang akan banyak memproleh klik dari pengunjung.Selain itu juga masih banyak tempat-tempat ideal untuk memesang iklan PPC.seperti di atas postingan,Di pansang dengan menggunakan Script Pop Up .Dan masih banyak lagi dan akan saya posting pada postingan berikutnya.Dan buat kamu yang Pasang Iklan Di Bawah Postingan.Silakan ikuti langkah-langkah berikut ini :

1.Login ke blogger.

2.Klik "Tata Letak" kemudian Klik "Edit HTML".Kemudian beri tanda centang pada tulisan "expand widget tempate"

3.Selanjutnya Cari kode berikut ini.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>

4.Setelah ketemu kodenya letakan kode iklan di bawahnya.Tapi sebelumnya Parse Dulu kode iklanya DISINI.

5.Supaya lebih jelas silakan lihat kode Lengkapnya berikut ini.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>


Taro kode iklanya disini.


<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

6.Kemudian Klik Save template

7.Dan tinggal kamu lihat hasilnya.Iklan ini akan tampil di setiap postingan blog kamu.

pasang iklan Di Atas Postingan

Setelah sebelumnya klinik-it memposting artikel tentang cara pasang iklan di bawah postingan,Kali ini klinik-it akan memposting artikel lagi dan masih tentang periklanan.seperti janji klinik-it waktu itu yang akan memposting Tentang Cara Pasang Iklan Di Atas Postingan.Nah ini janji klinik-it.Buat kamu yang ingin Pasang Iklan Di Atas Postingan yang pasti tujuanya untuk mendapatkan klik pengunjung yang banyak.karena iklan di atas postingan adalah tempat yang paling ideal untuk memeasang iklan PPC dari tempat-tempat yang lain .Sama seperti sebelumnya,sebelum kita memasang iklan di atas postringan Ada baiknya kita berdoa dahulu .hehehe.

Ya udah langsung aja yuk kita pasang iklan Di Atas Postingan.Silakan ikuti langkah-langkah berikut:

1.Login ke blogger.

2.Klik "Tata Letak" kemudian Klik "Edit HTML".Kemudian beri tanda centang pada tulisan "expand widget tempate".

3.Selanjutnya Cari kode berikut ini.

<div class='contentwrapper'>

<div id='content'>

4.Kalo udak ketemu Cari Kode iklan di bawahnya.Tapi sebelumnya parse Dahulu kodenya DISINI.

5.Kalo udah selesai jangan lupa Klik SAVE TEMPLATE.

6.Tinggal kamu lihat dech hasilnya.dan Iklan ini akan tampil pada semu postingan kamu.

Nge-Hack Facebook

Pengen Iseng ? Nge-Hack Facebook teman .hehehe .. gampang banget caranya ,tapi ingat tutorial Cara Nge-Hack Facebook ini hanya untuk pengetahuan saja bukan untuk hal yang tidak-tidak .Silakan ikuti langkah-langkah berikut untuk nge-hack akun facebook teman anda .hehehe

Download Software FacebookFreezer Disini Setelah anda download exstract filenya dan jalankan.

Cara Pakenya gini :
1. ketikkan email target pada Form eMail (harus diketahui dulu email FB target).
2. Klik Frezee
3. Tunggu sampai proses selesai / 100%
4. Efeknya account yang di Frezee tidak akan bisa login, jika anda suah merasa "puas" dan ingin membebaskan target silakan klik "stop freezer".

Selamat mencoba .Dan hati-hati para hacker facebook berkeliaran disekitar anda .heheheh

memasang gambar animasi di blog


Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa menacing gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan lode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat



Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>




2. Boring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola


Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. Tuyul baring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru



Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>




9. Bunga




Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


10.Anjing laut


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


11.Lumba-lumba


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur



Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


15.Ikan


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia


Kode buku tamu

Cara yang paling banyak digunakan adalah membuat buku tamu melayang di blog, tutorialnya baca dibawah ini!
  1. Login pada blogger atau blogspot kamu.
  2. Klik rancangan.
  3. Add gadget atau tambahkan widget dan pilih html/javascript.
Copy dan paste

membuat buku tamu melayang di blog


Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia


Kode buku tamu

Cara yang paling banyak digunakan adalah membuat buku tamu melayang di blog, tutorialnya baca dibawah ini!
  1. Login pada blogger atau blogspot kamu.
  2. Klik rancangan.
  3. Add gadget atau tambahkan widget dan pilih html/javascript.
  4. Copy dan paste kode berikut:
<!-- right hidden chatbox by http:infonetmu.blogspot.com/ START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">
masukan kode shoutbox/buku tamu sobat di sini
<br />
<div class="hc-credit">
<span style="float:left">

</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox by http://infonetmu.blogspot.com/ END -->
  1. Klik simpan.
  2. Selesei.

Jumat, 09 Maret 2012

Cara Membuat Tulisan Berjalan

Cara Membuat Tulisan Berjalan

Mungkin diantara anda ada yang ingin tau Bagaimana Cara membuat tulisan berjalan - atau tulisan yang bisa bergerak kekanan/kekiri dan keatas/kebawah ? .Tulisan ini saya bikin saat saya dulu mencoba membuat beberapa tulisan di blog saya bisa bergerak keatas atau kekanan.

Dan saya berfikir : Jika saya saja dulu bingung cara membuat tulisan bergerak,maka pasti banyak juga orang lain yang juga tidak tau caranya.Oleh sebab itu saya mencoba menuliskan artikel cara membuat tulisan bergerak ini ,khusus untuk anda yang belum mengetahui nya.
Apa sih tujuan atau manfaat Tulisan Yang bisa berjalan di Blog?
Saya melihat dibeberapa blog,menggunakan teknik tulisan bergeser kekanan atau kekiri untuk menarik perhatian pengunjung (dan memang teknik ini mampu membuat saya melirik ke tulisan yang berjalan tsb).

Meskipun ada webmaster guru, yang menghindari trik tulisan berjalan ini ,dengan alasan : "Membuat Pusing..!" . Tapi menurut saya trik ini memang cukup ampuh kok. Agar tdk membuat pusing sebagian orang tertentu ( Ada lho beberapa org yang memliki gangguan penglihatan pada barang/tulisan/objek yang bergerak2..), kita bisa membuat tulisan yang bergerak tsb untuk diam sesaat ketika kursor mouse diarahkan ke tulisan bergerak itu. -- Lihat aja yah contohnya dibawah. --
Mana sih Contoh Tulisan Berjalan Di blogspot

Bergerak kekanan ! cara membuat tulisan berjalan di blog

Bergerak kekiri ! cara membuat tulisan bergerak

Ke Kanan dan Kekiri ? - cara membuat tulisan bergerak

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??


Bergerak Ke Atas


Bergerak Ke Atas dan Ke bawah

Tulisan bergerak atau MARQUE ini, pada beberapa pengaturannya : Misal : align;behavior;haspace; dll : ada yang tidak kompatible ( tidak berfungsi ) di beberapa browser,terutama di browser kuno.Untuk melihat semua fungsi marque berfungsi semua fitur2 nya, coba buka blog yang ada marque nya dengan mozila firefox

Lalu mana Kode HTML Tulisan Berjalan nya ?

Oke ini kode nya :

Kode HTML Untuk Tulisan Yang bergerak kekanan


Tulisan Bergerak Bergerak kekanan (ganti dgn tulisan anda)


Kode HTML Untuk Tulisan Yang Bergerak kekiri : Lihat pada kode tulisan bergerak kekanan diatas,tinggal ganti kata "right" menjadi "left"


Kode HTML Untuk Tulisan Yang Ke Kanan dan Kekiri


Tulisan Bergerak Ke Kanan dan Kekiri (ganti dgn tulisan anda)



Kode HTML Untuk Tulisan Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak


Tulisan Bergerak kekanan Perlahan (ganti dgn tulisan anda



Kode HTML Untuk Tulisan Tulisan Yang Bisa Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop


Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop??



Kode HTML Untuk Tulisan Yang Bergerak Ke Atas


Tulisan Bergerak Ke Atas



Kode HTML Untuk Tulisan Yang Bergerak Ke Atas dan Ke bawah


Tulisan Bergerak Ke Atas dan Ke bawah


Note : Anda bisa merubah warna tulisan dengan kode warna HTML :

red = warna merah
blue= warna biru
yellow = warna Kuning
white = warna putih
black = warna hitam

Kode warna HTML, pada contoh diatas seperti ini:



Bisa diganti dengan seperti ini :



#f00; = warna merah ;

#00f; = Warna Biru ;

#0f0; = Warna Hijau ;

#f0f; = Warna Ungu ;

Atau dikombinasi....Coba-coba aja ya....

evek salju

aima

burung

Entri Populer