langkah langkah mengkrimping kabel jaringan

Untuk itu kalau ingin mengkrimping kabel UTP, maka kita harus menyiapkan peralatan seperti:

Tank Crimping
Kabel UTP{kabel berpilin ganda tak berpelindung}
Konektor RJ-45
Cable Tester

=> Tank Crimping

Tank krimping merupakan alat untuk memotong kabel UTP dan untuk menjepit ujung konektor,dan ini sangat penting sekali bagi kita yang ingin belajar cara mengkrimping kabel,alat ini bentuknya hampir sama dengan Tank biasa yang sering kita lihat atau temui.Dan di bawah ini adalah gambar tank crimping:

plug crimper / tank krimping

=> Kabel UTP

Kabel UTP perlu kita gunakan untuk saling menyalurkan jaringan internet,dan di dalam kabel UTP ini di dalamnya ada 8 helai kabel kecil yang berwarna-warni,dan ini warna kabel kecil yang ada di dalam kabel UTP:

Putih Orange
Orange
Putih Hijau
Hijau
Putih Biru
Biru
Putih Coklat
Coklat

dan ini urutan kabel untuk di masukkan kedalam Konektor.

Kabel UTP ada dua model :

Yaitu Model Straight dan Model Cross

Berikut Model Staight :

Putih Orange ——– Putih Orange
Orange ————— Orange
Putih Hijau ———- Putih Hijau
Hijau —————– Hijau
Putih Biru ———– Putih Biru
Biru —————– Biru
Putih Coklat ——– Putih Coklat
Coklat ————— Coklat

Berikut Model Cross :

Putih Orange ——– Putih Hijau
Orange ————— Biru
Putih Hijau ———- Putih Orange
Hijau —————– Hijau
Putih Biru ———– Putih Biru
Biru —————– Orange
Putih Coklat ——– Putih Coklat
Coklat ————— Coklat




=> Konektor

Konektor adalah peripheral yang kita pasang pada ujung kabel UTP tujuanya agar kabel dapat kita pasang pada port LAN. Kita harus mempunyai konektor RJ-45 untuk dipasangkan pada ujung kabel UTP. dan alat ini sangat berguna sekali.

konektor RJ-45



=> Cable Tester

Merupakan alat untuk menguji hasil krimpingan kita,tapi kalau krimpingan kita salah maka lampu di Cable Tester ini tidak akan menyala dan kalau hasil krimpingan kita sudah benar maka lampu di Cable Tester akan menyala dengan otomatis,jadi alat ini sangan berguna bagi kita untuk mengetahui hasil krimpingan kita,di bawah ini contoh gambar Cable Tester:

tester kabel UTP

Read More

Cara Merubah Cursor Di Blog Versi 2 di Blog

Hello all.. apa kabar nya neeh.. Postingan kali ini akan saya coba sedikit garing heheee.. inspirasi ini muncul ketika saya sedang browsing ke salah satu situs web milik microsoft saya gerak - gerakkan mouse nya eeh ada gambar yang bikin mata saya melotot lihat nya (mata jengkol kale bang) hehehee... Cara pemasangan nya cukup mudah ga perlu neko - neko silahkan ikuti langkah berikut :

1. Login ke Blogger + Tata Letak + Edit HTML dan berikan centang pada Expand Tempelate Widget (untuk jaga - jaga sebaik nya kamu Download Tempelate Lengkap kamu)

2. Kemudian kamu cari kode body { (untuk memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)

3. Seteleh ketemu kamu letakkan Script dibawah ini di bawah kode body {

cursor:url("http://i49.tinypic.com/flvjtl.gif"),text;

NB : Tulisan yang warna biru dapat kamu ganti dengan url gambar yang kamu inginkan atau kamu ingin mengganti dengan kode gambar di bawah ini :

Ini url nya http://i46.tinypic.com/24zivc8.gif

Ini url nya http://i45.tinypic.com/330bwwn.gif

Untuk lebih lanjut silahkan kamu berkunjung disini dan kamu bisa pilih ikon cursor mouse sesuka mu kemudian upload gambar tersebut di PhotoBucket/TinyPic

Read More

Membuat Tulisan Mengikuti Cursor di blog

Mungkin teman2 pernah berkunjung ke suatu blog lalu tiba2 cursornya teman2 diikuti oleh suatu teks. Nah, untuk membuat yang seperti itu sebenarnya gampang mudah, karena kita hanya membutuhkan kode HTML khusus membuat efek tulisan yang mengikuti cursor.copy paste kode HTML di bawah ini :

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Pandjie Blog'.split('').reverse().join('');

var font='Verdana,Arial';
var size=5; // up to seven
var color='#FF9900';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

 Nah, kopi-paste kode di atas ke gadget HTML-nya teman2 lalu jangan lupa disimpan. Beberapa bagian yang bisa teman2 ganti yaitu yang berwarna biru (bisa diganti dengan tulisan apa pun), hijau (ukuran font), dan orange (yaitu warna tulisan/font,) Semoga Bermanfaat []

Read More

Cara Membuat Headline News di Blogspot

Cara Membuat Headline News - Hai sobat blogger jumpa lagi di Pembelajaran Komputer dan Internet pada posting ini saya akan menjelaskan mengenai cara membuat headline news berjalan di atas maupun dibawah blog.

Berikut Langkah Membuat Headline News :
1. Login ke akun blogger
2. Masuk ke Rancangan pilih Elemen laman
3. Klik Add Gadget pilih HTML/JavaScript
4. Masukkan kode berikut

<script type="text/javascript">
var hn_url_blog="http://blogpandjie.blogspot.com";
var hn_jumlah_post= 10;
var hn_warna_latar="#333333";
var hn_warna_garis="#000000";
var hn_posisi="top";
var hn_tampilkan_judul=true;
var hn_backlink= true;
</script>
<script src="http://shurikenbozz.googlecode.com/files/Headlinenews1.js"></script>

5. Simpan

Perhatikan kode yang berwarna biru ganti sesuai dengan keterangan berikut :

•     hn_url_blog adalah URL blog Sobat.
•     hn_jumlah_post adalah jumlah judul artikel yang mau ditampilkan.
•     hn_warna_latar adalah kode warna untuk latar belakang headline news.
•     hn_warna_garis adalah kode warna untuk garis bingkai headline news.
•     hn_posisi untuk menentukan posisi headline news, apakah di atas ("top") atau di bawah ("bottom").
•     hn_tampilkan_judul bernilai true untuk menampilkan tulisan "Headline news of NAMABLOG" di bagian kiri dan false jika tidak ingin menampilkannya.

Sekedar tambahan kalo ingin mengganti kode warna bisa gunakan HTML Color Code
Jika artikel  Cara Membuat Headline News di Blogspot bermanfaat ato ada yang kurang bisa ditambahkan, silahkan berikan komentar sobat.
Selamat mencoba :)

Read More