NURI KIDS SCHOOL TAMAN PENITIPAN ANAK, PLAYGROUP DAN TK JATEN KARANGANYAR playgroup tk tpa nuri karanganyar
Artikel Terbaru

Minggu, 06 Maret 2022

Pengertian SUBNETTING dan Cara menghitungnya

Subnetting sering diartikan sebagai metode yang dilakukan untuk membagi blok setiap alamat IP address menjadi beberapa blok IP address. Dari blok yang rentang IP address nya banyak dibuat sehingga membentuk rentang IP address yang lebih sedikit.Sebelum melanjutkan lebih jauh, ada baiknya jika kita mengenal dan memahami terlebih dahulu beberapa istilah yang sering digunakan dalam subnetting seperti di bawah ini.

Network address adalah sebuah alamat IP address yang dipakai untuk mewakili dari sekumpulan host yang tergabung dalam sebuah jaringan. Fungsinya adalah untuk menandai sebuah network agar dapat dibedakan dengan network yang lain. Karena fungsinya tersebut, network address juga dipakai untuk mengirimkan paket dari LAN ke LAN atau jaringan satu ke jaringan lain.

Broadcast address adalah alamat yang digunakan sebuah IP address untuk mengirim paket ke semua host yang ada pada sebuah jaringan/LAN. Berbeda dengan network address, broadcast address tidak diperuntukan untuk untuk mengirim paket ke jaringan lain.

Subnet mask adalah bagian IP address yang dapat menggambarkan jumlah host dari sebuah jaringan. Contoh dari subnetmask, 255.255.255.0 (subnetmask desimal) kemudian dikonversi ke bilangan binary menjadi 11111111.11111111.11111111.00000000 (subnetmask biner). Pada contoh tersebut bisa kita ketahui terdapat 8 bit angka biner nol, yang berarti jumlah host pada jaringan tersebut adalah 2^8 = 256 host. Karena bilangan tersebut berbentuk binary maka pemangkatan yang digunakan adalah 2.

Classless Inter-Domain Routing (CIDR) merupakan yang dipakai untuk mengalokasikan jumlah alamat yang ada pada blok tertentu. Misal 192.168.0.0/24, pada contoh tersebut yang merupkan CIDR adalah “/24” yang juga sering disebut dengan notasi. Pada kasus ini, bisa kita lihat pula jumlah host yang tersedia. /24 maka jika implementasikan ke bilangan biner menjadi 11111111.11111111.11111111.00000000, dengan melihat bilangan tersebut maka sudah bisa kita ketahui jumlah host yang tersedia.

Host valid / IP valid adalah alamat IP address yang dapat digunakan oleh host. Misal dalam rentang IP address 192.168.1.0/24, maka host jumlah host valid nya adalah 192.168.1.1 – 192.168.1.254. Sedangkan Ip address pertama 192.168.1.0 merupakan Network address dan IP address kedua 192.168.1.255 merupakan broadcast address.

Power of 2. Yang dimaksud dengan power of 2 adalah pemangkatan angka 2 dengan bilang mulai dari nol, 1, 2 dan seterusnya, yang penting bilangan tersebut haruslah angka genap positif. Yang mesti diingat dalam pemangkatan angka 2 adalah sebagai berikut:

2^0 = 1
2^1= 2
2^2=2 x 2 = 4
2^3=2 x 2 x 2 = 8
2^4= 2 x 2 x 2 x 2 = 16
2^5= 2 x 2 x 2 x 2 x 2 = 32
2^6= 2 x 2 x 2 x 2 x 2 x 2 = 64
2^7=2 x 2 x 2 x 2 x 2 x 2 x 2 = 128
2^8=2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 = 256
2^9=2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 = 512
2^10= 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2 = 1024

Baiklah, bekal diatas saya rasa sudah cukup untuk mulai berhitung.

A. IP address class C Subnetting

Tentukan IP address yang akan mau disubnetting, misalnya 192.168.1.0/24. Agar lebih mudah memahaminya, saya gunakan CIDR dalam penulisan IP address nya. Sebelum lanjut, saya akan manampilkan CIDR secara lengkap.

Subnet mask         CIDR/Notasi
255.0.0.0                /8
255.128.0.0            /9
255.192.0.0            /10
255.224.0.0            /11
255.240.0.0            /12
255.248.0.0            /13
255.252.0.0            /14
255.254.0.0            /15
255.255.0.0            /16
255.255.128.0         /17
255.255.192.0         /18
255.255.224.0         /19
255.255.240.0         /20
255.255.248.0         /21
255.255.252.0         /22
255.255.254.0         /23
255.255.255.0         /24     ———–> # Awal dari Class C
255.255.255.128     /25
255.255.255.192     /26
255.255.255.224     /27
255.255.255.240     /28
255.255.255.248     /29
255.255.255.252     /30

Setelah itu kita lakukan subnetting terhadap ip private yang termasuk dalam class C.

IP address yang akan kita subnetting adalah 192.168.1.0/24
Subnet mask binner = 11111111.11111111.11111111.00000000
Subent mask decimal = 255.255.255.0
Jumlah Blok = 2^0 = 1
Jumlah host/blokl = 2^8 = 256
Jumlah host valid = 256 – 2 =254
Blok Pertama: (total host 192.168.1.0 s/d 192.168.1.255)
Network address = 192.168.1.0
Host Valid atau IP Valid = 192.168.1.1 s/d 192.168.1.254
Broadcast address = 192.168.1.255

Berikut ini adalah penjelasan dari cara perhitungan diatas.
1. Subnet mask binner (SM Binner)
Jumlah bit binner pada IP address adalah 32 bit, yang terbagi atas 4 oktet. Setiap oktet terdiri atas 8 bit yang dibatasi dengan titik atau dot. Berdasarkan CIDR atau notasi yang ditentukan diawal perhitungan tadi, yaitu /24. Maka bisa ditentukan bahwa Subnetmask binner adalah 11111111.11111111.11111111.00000000;

2. Subnet mask decimal (SM Decimal)
Subnet mask desimal merupakan konversi dari subnet mask binner. Karena Subnet mask binner adalah 11111111.11111111.11111111.00000000, maka subnet decimal 255.255.255.0;

3. Jumlah blok
Karena seubnetting ini dilakukan pada kelas C, maka yang merupakan NET ID adalah tiga oktet pertama dan yang merupkan HOST ID. Perlu kita ketahui yang menetukan jumlah blok pada sebuah IP address adalah jumlah bit 1 pada HOST ID. Karena pada HOST ID tidak terdapat bit 1, maka jumlah blok pada ip address tersebut adalah 2^0 = 1.

4. Jumlah host/blok
Cara penghitungan jumlah host ini merupakan kebalik dari perhitungan jumlah blok. Untuk mencari jumlah host, yang perlu diperhatikan adalah jumlah bit 0 pada SM Binner diatas. Karena pada SM BInner tersebut terdapat 8 bit 0, maka jumlah host nya adalah 2^8 = 256.

5. Jumlah Host valid atau IP Valid
Jumlah total range IP address diatas adalah 256 yang terdiri atas 192.168.1.0 s/d 192.168.1.255; Untuk menentukan IP valid, maka Jumlah Host – 2 (network address dan broadcast address). Jadi Karena pada ip address terdapat 3 jenis address, yaitu network address, broadcast address, dan IP valid. Maka IP address tersebut dibagi menjadi 3 bagian, yaitu 192.168.1.0 sebagai network address, 192.168.1.255 sebagai broadcast address, dan yang menjadi range IP valid adalah 192.168.1.1 s/d 192.168.1.254;

Setelah saya menjelaskan tentang metode perhitungan diatas, saya akan berikan lagi contoh perhitungan dengan notasi yang berbeda agar semakin mudah dipahami terlebih bagi yang masih belajar.

IP address yang akan kita subnetting adalah 192.168.1.0/25
Subnet mask binner = 11111111.11111111.11111111.100000
Subent mask decimal = 255.255.255.128 (didapat dari 2^7=128)
Jumlah Blok = 2^1 = 2
Jumlah host/blokl = 2^7 = 128
Jumlah host valid = 128 – 2 =126
Blok Pertama: (total range 192.168.1.0 sampai 192.168.1.127)
Network address = 192.168.1.0;
Host Valid atau IP Valid = 192.168.1.1 s/d 192.168.1.126
Broadcast address = 192.168.1.127
Blok Kedua: (total range 192.168.1.128 sampai 192.168.1.255) pada blok kedua, urutan host melanjutkan blok pertama.
Network address = 192.168.1.128
Host Valid atau IP Valid = 192.168.1.129 s/d 192.168.1.254
Broadcast address =  192.168.1.255

IP address yang akan kita subnetting adalah 192.168.1.0/26
Subnet mask binner = 11111111.11111111.11111111.11000000
Subent mask decimal = 255.255.255.192 {didapat dari (2^7) + (2^6) = 192 }
Jumlah Blok = 2^2 = 4
Jumlah host/blokl = 2^6 = 64
Jumlah host valid = 64 – 2 = 62
Blok Pertama: (total range 192.168.1.0 sampai 192.168.1.63)
Network address = 192.168.1.0;
Host Valid atau IP Valid = 192.168.1.1 s/d 192.168.1.62
Broadcast address = 192.168.1.63;
Blok Kedua: (total range 192.168.1.64 sampai 192.168.1.127)  pada blok kedua, urutan host melanjutkan blok pertama.
Network address = 192.168.1.64;
Host Valid atau IP Valid = 192.168.1.65 s/d 192.168.1.126
Broadcast address = 192.168.1.127;
Blok Ketiga: (total range 192.168.1.128 sampai 192.168.1.191)  pada blok ketiga, urutan host melanjutkan blok kedua.
Network address = 192.168.1.128;
Host Valid atau IP Valid = 192.168.1.129 s/d 192.168.1.190
Broadcast address = 192.168.1.191;
Blok Keempat: (total range 192.168.1.192 sampai 192.168.1.255) pada blok keempat, urutan host melanjutkan blok ketiga.
Network address = 192.168.1.192;
Host Valid atau IP Valid = 192.168.1.193 s/d 192.168.1.254
Broadcast address = 192.168.1.255;

Untuk menghitung IP address dengan CIDR atau notasi /27, /28, /29, /30 silahkan Anda coba sendiri, sekaligus untuk berlatih menghitung. Semoga bermanfaat. ðŸ™‚

Selasa, 04 Agustus 2020

animasi widget


  • Login Blogmu
  • Klik tata letak
  • Klik Add gadget > Html/Javascript
  • Paste-kan kodenya disitu dan save :D
Langsung copy aja kodenya:
  1. Efek salju hujan hello kitty
Kodenya:
<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/37/37074/848/parts.js"></script></a></p>


A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu - Kupu Terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :
  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Ufo
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Gun
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9.Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

26. Sapi Jorok
<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

27. Anjing Jorok 
<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

28. Kencing Sembarangan
<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Cara pemasangan :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan script efek di dalam kotak yang di sediakan
  3. Klik save dan lihat hasilnya.
kalau tidak bisa anda dapat menggunakan:
cara pemasangan:
1.Login ke blogger
2.klik template
3.pilih edit html
4.kemudian cari </body> kopikan kode efek diatas kode </body>
Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya )

KODE WARNA

http://carazain.blogspot.com/p/kode-warna-html.html

Widget Teks mengikuti kursor

Salah satu cara lain untuk memperindah dan membuat tampilan blog menjadi menarik yaitu dengan membuat text atau tulisan bergerak mengikuti kursor di blog. Mungkin sobat blogger pernah berkunjung pada sebuah blog dan melihat tulisan bergerak mengarah ke mana saja kursor sobat gerakkan lalu jika kursor didiamkan maka tulisan tersebut akan terus berputar mengelilingi cursor. Sebenarnya sobat juga bisa membuatnya secara mudah dengan hanya menambahkan script html tertentu pada blog.

Cara Membuat Tulisan Mengikuti Kursor Di Blog Terbaru

Kali ini saya akan share gimana Cara Membuat Tulisan Mengikuti Kursor Di Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat sobat yang ingin membuat text bergerak / berjalan / berputar mengelilingi cursor pada blog.

Cara Membuat Tulisan Bergerak Mengikuti Cursor :

1. Bikin tulisan mengelilingi kursor seperti diatas yaitu dengan cara masuk ke menu Tata Letak dan klik Tambahkan gadget

Cara Membuat Tulisan Mengikuti Kursor Di Blog Terbaru

2. Kemudian klik tombol tambah pada pilihan HTML/Javascript

Cara Membuat Tulisan Mengikuti Kursor Di Blog Terbaru

3. Setelah itu masukkan kode berikut ke dalam kotak konten seperti pada gambar, silahkan ganti script yang ditandai merah dengan kode warna (bisa lihat disini) dan tulisan yang sobat inginkan, jika sudah klik Simpan.. Selesai

<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #4679BD;/*Ganti warna sesuai keinginan*/
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type='text/javascript'>//<![CDATA[
/* Circling text trail- Tim Tilton - Website: http://www.tempermedia.com/ - Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts.
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
var msg = "Welcome To My Blog"; // Ganti tulisan sesuai keinginan
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.3;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]></script>

Cara Membuat Tulisan Mengikuti Kursor Di Blog Terbaru

4. Berikut adalah tampilan text bergerak mengelilingi kursor pada blog

Kamis, 17 September 2015

Perbedaan Hub dan Switch | Pengertian Hub dan Switch



Perbedaan Hub dan Switch sebenarnya melanjutkan pembahasan yang sebelumnya pada Peralatan Jaringan Komputer, dan kali ini lebih memperlengkapi saja tetapi tetap singkat padat dan jelas :).
Singkat cerita pebahasan di spesifikasikan lebih ke Perbedaan – Pengertian Hub dan Switch, Karena secara fisik HUB dan SWITCH sama, kegunaan secara umum pun sama yaitu menghubungkan antara device jaringan dan/atau antara komputer dalam jaringan. Padahal sebenarnya cara kerjanya berbeda jauh.
HUB
hub
Hub merupakan suatu device pada jaringan yang secara konseptual beroperasi pada layer 1 (Physical Layer). Maksudnya, hub tidak menyaring menerjemahkan sesuatu, hanya mengetahui kecepatan transfer data dan susunan pin pada kabel.
Cara kerja alat ini adalah dengan cara mengirimkan sinyal paket data ke seluruh port pada hub sehingga paket data tersebut diterima oleh seluruh komputer yang berhubungan dengan hub tersebut kecuali komputer yang mengirimkan.
Sinyal yang dikirimkan tersebut diulang-ulang walaupun paket data telah diterima oleh komputer tujuan. Hal ini menyebabkan fungsi colossion lebih sering terjadi.
Misalnya ketika ada pengiriman paket data dari port A ke port B dan pada saat yang sama ada pengiriman paket data dari port C ke port D, maka akan terjadi tabrakan (collision) karena menggunakan jalur yang sama (jalur broadcast yang sama) sehingga paket data akan menjadi rusak yang mengakibatkan pengiriman ulang paket data.
Jika hal ini sering terjadi maka collison yang terjadi dapat mengganggu aktifitas pengiriman paket data yang baru maupun ulangan. Hal ini mengakibatkan penurunan kecepatan transfer data. Oleh karena itu secara fisik, hub mempunyai lampu led yang mengindikasikan terjadi collision.
Ketika paket data dikirimkan melalui salah satu port pada hub, maka pengiriman paket data tersebut akan terlihat dan terkirim ke setiap port lainnya sehingga bandwidth pada hub menjadi terbagi ke seluruh port yang ada. Semakin banyak port yang tersedia pada hub, maka bandwidth yang tersedia menjadi semakin kecil untuk setiap port. Hal ini membuat pengiriman data pada hub dengan banyak port yang terhubung pada komputer menjadi lambat.
SWITCH
Switch
Switch merupakan suatu device pada jaringan yang secara konseptual berada pada layer 2 (Datalink Layer) dan ada yang layer 3 (Network Layer). Maksudnya, switch pada saat pengirimkan data mengikuti MAC address pada NIC (Network Interface Card) sehingga switch mengetahui kepada siapa paket ini akan diterima.
Jika ada collision yang terjadi merupakan collision pada port-port yang sedang saling berkirim paket data.
Misalnya ketika ada pengiriman paket data dari port A ke port B dan pada saat yang sama ada pengiriman paket data dari port C ke port D, maka tidak akan terjadi tabrakan (collision) karena alamat yang dituju berbeda dan tidak menggunakan jalur yang sama.
Semakin banyak port yang tersedia pada switch, tidak akan mempengaruhi bandwidth yang tersedia untuk setiap port. Ketika paket data dikirimkan melalui salah satu port pada switch, maka pengiriman paket data tersebut tidak akan terlihat dan tidak terkirim ke setiap port lainnya sehingga masing-masing port mempunyai bandwidth yang penuh. Hal ini menyebabkan kecepatan pentransferan data lebih terjamin.
Kesimpulan Perbedaan Hub dan Switch
Dari keterangan diatas dapat disimpulkan bahwa switch lebih baik daripada hub baik secara perbandingan konseptual maupun secara prinsip kerjanya. Perbedaan cara kerja ini menjadi perbedaan mendasar antara hub dengan switch.
Perbedaan ini pula mengakibatkan transfer data switch lebih cepat daripada hub karena switch langsung mengirim paket data ke komputer tujuan, tidak mengirim ke seluruh port yang ada (broadcast) sehingga bandwidth yang ada pada switch dapat digunakan secara penuh.
http://otakkacau.net