Archive for Juni 2013

Cara Membuat Icon Tombol Kembali Ke Bawah

Minggu, 16 Juni 2013

Posted by Unknown

Sekedar Sharing - Sebelumnya Saya telah posting tutorial Cara Membuat Tombol Kembali Ke Atas Di Blog. Dan sekarang saya akan posting Cara Membuat Icon Tombol Kembali Ke Bawah . untuk membuatnya ikuti langkah berikut ini :

- Pertama Login dulu ke akun blog sobat
- Kemudian masuk ke bagian Tata Letak
- Lalu tambahkan Gadget HTML/Javascript
- Dan Masukan kode berikut :

<!-- Sekedarsharing2.blogspot.com -- >
<div style="display:scroll; position:fixed; top:50px; right:-6px;"> <a href='#footer' title='Ke bawah halaman'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbWkXL8AvVTCldio3A9rI-Lg4A1FCg-T0PLtaPBjE_GLLTBLapssLICtErgN4lBnND3zd3nj4FivUzCBnOqebWtg4zOdxIHVqtvLjSCH25i8ghEanjTc4CWYb2Z1qfTeb6TsDfA957qKpV/s1600/Back_to_bottom.png" /></a><br /> </div>
<!-- Sekedarsharing2.blogspot.com -- >

- Simpan dan lihat hasilnya

Semoga Bermanfaat !

Cara Membuat Icon Tombol Kembali Ke Atas Di Blog

Posted by Unknown

0 Comments

Tag : tutorial blog

Sekedar Sharing - Cara Membuat Icon Tombol Kembali Ke Atas Di Blog. Tombol ini berfungsi agar memudahkan pengunjung untuk kembali ke atas halaman pada blog kita. ada baiknya kita membuat tombol otomatis . untuk membuatnya ikuti langkah berikut ini :

- Pertama Login dulu ke akun blog sobat
- Kemudian masuk ke bagian Tata Letak
- Lalu tambahkan Gadget HTML/Javascript
- Dan Masukan kode berikut :

<!-- Sekedarsharing2.blogspot.com -- >
<span style=" red=""><div style="display:scroll; position:fixed; bottom:50px; right:-6px;"> <a href='#' title='Ke Atas halaman'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjVh_Y0NH_4uF-yfNeJ3uzhuwJeZRXn1iV0g79KbzgHSAywEChOSK-d877UX3qOAth8QyNvV77fttA6uuTf-vziw53S0ppIQ3GeBPCY_yUJw0YN2zVcj970gczznPvO2JTTuTg_voM81qP/s1600/Back_to_top.png" /></a><br /> </div>
<!-- Sekedarsharing2.blogspot.com -- >

- Setelah itu jangan lupa di Simpan dan lihat hasilnya

Semoga Bermanfaat !

Cara Membuat Widget Monyet Lucu Ngumpet Di Blog

Sabtu, 15 Juni 2013

Posted by Unknown

0 Comments

Tag : tutorial blog

Sekedar Sharing - Cara Membuat Widget Monyet Lucu Ngumpet Di Blog . Widget Lucu Monyet ngumpet, apabila di serang pake kursor maka monyet itu akan ngumpet ketakutan,, hhee lucu banget sob.

silahkan bagi yang ingin nyoba. ikuti Langkah - Langkah Sebagai Berikut :

- Login ke akun blog sobat
- Klik template >> Edit HTML
- Kemudian cari kode </body>, lalu letakan kode dibawah ini tepat diatas kode tadi.

<a href='http://sekedarsharing2.blogspot.com/'>
<div id='namanyayoyo' style='position:fixed;bottom:50px;left:0;z-index:1'><embed bgcolor='#FFFFFF' height='125' id='mymovie' name='mymovie' quality='high' src='http://www.cute-factor.com/animation/yoyocici/yoyoduo.swf' style='' type='application/x-shockwave-flash' width='50' wmode='transparent'/></div></a>

- Kemudian Simpan Template

Semoga Bermanfaat !

Sumber : Om Google

Cara Membuat Loading Blog Keren

Posted by Unknown

0 Comments

Tag : tutorial blog

Sekedar Sharing - Cara Membuat Loading Blog Keren. Kali Ini Sobat Sekedar Sharing akan Men Share Tutorial Membuat Loading Keren dan menarik di Blog. Loading ini sangat bagus bagi para Blogger yang suka Hal-hal yang menarik untuk mempercantik Blogger. ada 2 warna yaitu Merah sama Biru, Tapi Terserah Sobat Pilih Sesuai Selera.
udahl jangan kebanyakan cing-cong hheee, kita langsung aja ke Langkah-Langkahnya :

Sebelum Melakukan Perubahan Di harap membacup terlebih dahulu.

Untuk Loading Yang Berwarna Merah

- Langkah Pertama Login Dulu Ke akun sobat.
- Klik Template >> Edit HTML
- Masukan Kode CSS berikut ini di atas ]]></b:skin>

#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

- Kemudian tambahkan kode Jquery ini diatas kode </head, jika dalam template sudah terpasang Jquery maka tidak perlu lagi tambahan Jquery tersebut, agar proses efek loading lancar.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

- dan langkah yang terakhir, pasang kode berikut diatas tag </body>

<div id='loadhalaman'>
<div class='loadball'/>
<div class='loadball-2'/>
</div>
<script type='text/javascript'>
$(function() {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../']");
$internalLinks.click(function() {
$('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
});

// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
$('#loadhalaman').click(function() {
$(this).hide();
});
});

</script>

- Jangan Lupa Simpan Template

Untuk Loading Yang Berwarna Biru

untuk caranya sama seperti merah

Kode HTML

<div class="ball"></div>
<div class="ball1"></div>

Kode CSS

.ball {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-top:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 35px #2187e7;
width:50px;
height:50px;
margin:0 auto;
-moz-animation:spin .5s infinite linear;
-webkit-animation:spin .5s infinite linear;
}
.ball1 {
background-color: rgba(0,0,0,0);
border:5px solid rgba(0,183,229,0.9);
opacity:.9;
border-top:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:50px;
box-shadow: 0 0 15px #2187e7;
width:30px;
height:30px;
margin:0 auto;
position:relative;
top:-50px;
-moz-animation:spinoff .5s infinite linear;
-webkit-animation:spinoff .5s infinite linear;
}
@-moz-keyframes spin {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(-360deg); }
}

Semoga Bermanfaat !!

Sumber : Om Google

Cara Membuat Popular Post Menjadi Keren

Posted by Unknown

0 Comments

Tag : tutorial blog

Sekedar Sharing - Cara Membuat Popular Post Tampil Keren. Kali ini Sekedar Sharing akan Share sebuah tutorial yaitu Membuat Tampilan Popular Post menjadi keren dan Menarik.
Langsung aja Kita Lihat ScreenShootnya :

Dan Berikut adalah Langkah-Langkah Untuk Membuatnya :

- Langkah Pertama Login Ke akun Blogger Sobat
- Kemudian Masuk Dasbor >> Tata Letak >> Tambah Gadget >> HTML/Javascript
- Lalu Masukan Kode Di Bawah ini

<script
language='Javascript'>document.write(unescape('%3C%73%74%79%6C%65%3E%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%2E%69%74%65%6D%2D%74%69%74%6C%65%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%7B%62%61%63%6B%67%72%6F%75%6E%64%3A%20%6E%6F%6E%65%20%72%65%70%65%61%74%20%73%63%72%6F%6C%6C%20%30%20%30%20%74%72%61%6E%73%70%61%72%65%6E%74%3B%66%6C%6F%61%74%3A%20%6C%65%66%74%3B%6C%69%73%74%2D%73%74%79%6C%65%3A%20%6E%6F%6E%65%20%6F%75%74%73%69%64%65%20%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%20%33%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%20%30%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%65%66%65%66%65%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%66%6C%6F%61%74%3A%6C%65%66%74%3B%6D%61%72%67%69%6E%3A%30%20%36%70%78%20%30%20%30%3B%70%6F%73%69%74%69%6F%6E%3A%72%65%6C%61%74%69%76%65%3B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%2D%77%65%62%6B%69%74%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%2D%6D%6F%7A%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%20%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%3A%68%6F%76%65%72%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%35%70%78%3B%2D%6F%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%20%20%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%7D%0A%3C%2F%73%74%79%6C%65%3E%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%62%6F%74%74%6F%6D%3A%20%30%70%78%3B%20%72%69%67%68%74%3A%20%30%70%78%3B%22%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%7A%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%2F%64%69%76%3E'));</script>

- Jangan Lupa Simpan

Semoga Bermanfaat !

Sumber : Om Google

Cara Membuat Efek Kursor Blog Di Kelilingi Komet Berekor

Posted by Unknown

1 Comment

Tag : tutorial blog

Sekedar Sharing - Cara membuat efek kursor blog di kelilingi tiga bintang berekor. 3 bintang yang mempunyai warna berbeda yang dapat menghiasi tampilan pada kursor blog sobat. bagi yang ingin mencobanya silahkan ikuti langkah-langkah berikut :

- langkah pertama login ke blog sobat
- langkah kedua masuk dasbor >> Tata Letak >> Add Gadget >> Pilih HTML/Javascipt
- Kemudian copy paste code script di bawah ini

<script language="JavaScript" type="text/javascript">
var xCol = "#FF0000";
var yCol = "#00FF00";
var zCol = "#0000FF";
var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.
var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();
var pix = "px";
var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"></div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"></div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"></div>');
}
if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{

if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}

}
function winsize()

{
var oh,sy,ow,sx,rh,rw;

if (domWw)

{

if (d.documentElement && d.defaultView &&

typeof d.defaultView.scrollMaxY == "number")

{

oh = d.documentElement.offsetHeight;

sy = d.defaultView.scrollMaxY;

ow = d.documentElement.offsetWidth;

sx = d.defaultView.scrollMaxX;

rh = oh-sy;

rw = ow-sx;

}

else

{

rh = r.innerHeight;

rw = r.innerWidth;

}

h = rh;

w = rw;

}

else

{

h = r.clientHeight;

w = r.clientWidth;

}

}

function scrl(yx)

{

var y,x;

if (domSy)

{

y = r.pageYOffset;

x = r.pageXOffset;

}

else

{

y = r.scrollTop;

x = r.scrollLeft;

}

return (yx == 0)?y:x;

}

function mouse(e)

{

var msy = (domSy)?window.pageYOffset:0;

if (!e) e = window.event;

if (typeof e.pageY == 'number')

{

my = e.pageY - msy + 16;

mx = e.pageX + 6;

}

else

{

my = e.clientY - msy + 16;

mx = e.clientX + 6;

}

if (my > h-65) my = h-65;

if (mx > w-50) mx = w-50;

}

function assgn()

{

for (j = 0; j < 3; j++)

{

dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) + scrl(0) + pix;

dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;

}

stp+=s;

for (i = 0; i < n; i++)

{

if (i < n-1)

{

vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;

vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;

vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;

}

else

{

vx[i].top = dy[0]; vx[i].left = dx[0];

vy[i].top = dy[1]; vy[i].left = dx[1];

vz[i].top = dy[2]; vz[i].left = dx[2];

}

}

setTimeout(assgn,t);

}

function init()

{

for (i = 0; i < n; i++)

{

vx[i] = document.getElementById("x"+(idx+i)).style;

vy[i] = document.getElementById("y"+(idx+i)).style;

vz[i] = document.getElementById("z"+(idx+i)).style;

}

winsize();

assgn();

}

if (window.addEventListener)

{
window.addEventListener("resize",winsize,false);

window.addEventListener("load",init,false);

document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);

document.attachEvent("onmousemove",mouse);

window.attachEvent("onresize",winsize);

}

</script>

- Langkah terakhir Simpan

Ket : Ganti kode yang berwarna merah dengan warna faforit sobat.

Semoga Bermanfaat !

Sumber : Om Google

Cara Pengalamatan IP Address

Selasa, 11 Juni 2013

Posted by Unknown

2 Comments

Tag : Internet, Jaringan

Pengalamatan Dengan IP

1. Overview

Pengalamatan bertujuan bagaimana supaya data yang dikirim sampai pada mesin yang sesuai (mesin tujuan) dan bagaimana hal tersebut dapat dilakukan oleh operator dengan mudah. Untuk itu maka data dari suatu host (komputer) harus dilewatkan ke jaringan menuju host tujuan, dan dalam komputer tersebut data akan disampaikan ke user atau proses yang sesuai. TCP/IP menggunakan tiga skema untuk tugas ini :

1. Addressing

IP address yang mengidentifikasikan secara unik setiap host di jaringan, sehingga dapat menjamin data dikirim ke alamat yang benar.

2. Routing

Pengaturan gateway untuk mengirim data ke jaringan dimana host tujuan berada.

3. Multiplexing

Pengaturan nomor port dan protokol yang mengirim data pada modul software yang benar di dalam host.

Masing-masing skema penting untuk pengiriman data antar dua aplikasi yang bekerjasama dalam jaringan TCP/IP.

IP address berupa bilangan biner 32 bit dan ditulis sebagai 4 urutan bilangan desimal yang dipisahkan dengan tanda titik. Format penulisan IP adalah : xxxxxxxx.xxxxxxxx.xxxxxxxx.xxxxxxxx, dengan x adalah bilangan biner 0 atau 1. Dalam implementasinya IP address ditulis dalam bilangan desimal dengan bobot antara 0 – 255 (nilai desimal mungkin untuk 1 byte). IP address terdiri dari bagian jaringan dan bagian host, tapi format dari bagian-bagian ini tidak sama untuk setiap IP address.

Jumlah bit alamat yang digunakan untuk mengidentifikasi jaringan, dan bilangan yang digunakan untuk mengidentifikasi host berbeda-beda tergantung kelas alamat yang digunakan. Ada tiga kelas alamat utama, yaitu kelas A, kelas B, dan kelas C. Dengan memeriksa beberapa bit pertama dari suatu alamat , software IP bisa dengan cepat membedakan kelas address dan strukturnya. Contoh kelas IP address dapat dilihat pada Gambar 2.6.

Berikut ini diberikan aturan yang membedakan kelas IP address :

a. IP Address kelas A :

bit pertama dari IP address adalah 0

jadi jaringan dengan IP yang byte pertamanya : 0 – 127

hanya ada kurang dari 128 jaringan kelas A

setiap jaringan kelas A bisa mempunyai jutaan host

b. IP Address kelas B :

bit pertama dari IP address adalah 10

jadi jaringan dengan IP yang byte pertamanya : 128 – 191

terdapat ribuan jaringan kelas B

setiap jaringan kelas B bisa mempunyai ribuan host

c. IP Address kelas C :

bit pertama dari IP address adalah 110

jadi jaringan dengan IP yang byte pertamanya 192 – 223

terdapat jutaan jaringan kelas C

setiap jaringan kelas C hanya mempunyai kurang dari 254 host

d. IP Address kelas D :

bit pertama dari IP address adalah 111 nomor jaringan dengan IP yang byte pertamanya lebih dari 223

merupakan address yang dialokasikan untuk kepentingan khusus Tidak semua alamat jaringan dan alamat host dapat digunakan. Misalnya kita telah membicarakan bahwa alamat dengan desimal pertama lebih dari 233 dialokasikan untuk kepentingan khusus. Dua alamat kelas A, 0 dan 127, juga dialokasikan untuk kepentingan khusus. Jaringan 0 menunjukkan route default (digunakan untuk menyederhanakan aplikasi jaringan dengan membiarkan host lokal dialamatkan dengan cara yang sama seperti remote-host digunakan ketika mengkonfigurasi host) dan jaringan 127 sebagai loopback-address. Selain itu juga ada beberapa alamat host yang disediakan untuk kepentingan khusus ini, misalnya 0 dan 255 dalam semua kelas jaringan. Sebuah IP address dengan semua bit hostnya 0 menunjukkan jaringannya sendiri, misalnya 26.0.0.0 menunjukkan jaringan 26 dan 128.66.0.0 menunjukkan jaringan 128.66. Alamat dalam bentuk ini digunakan dalam tabel routing untuk menunjukkan seluruh jaringan. IP address dengan semua bit host diset satu adalah broadcast address. Suatu alamat broadcast digunakan untuk alamat setiap host dalam jaringan secara simultan. Alamat broadcast untuk jaringan 128.66 adalah 128.66.255.255.

2. Supernetting

Ada dua masalah yang saling berkaitan, antara pemberian suatu kelas alamat pada suatu lembaga. Pertama kelas alamat yang diberikan lebih kecil daripada jumlah host yang akan dihubungkan. Dan yang kedua sebaliknya, kelas alamat yang lebih besar dari host yang akan saling dihubungkan. Supernetting berkaitan dengan metode untuk memanipulasi alokasi alamat yang terbatas sedemikian sehingga semua host yang tersedia dapat dihubungkan ke jaringan. Jadi supernetting adalah menggunakan bit mask alamat asal untuk membuat jaringan yang lebih besar.

3. Subnetting

Masalah kedua yang berkaitan dengan bagaimana membuat suatu alokasi alamat lebih efisien, bila ternyata host yang akan kita hubungkan ke jaringan lebih kecil daripada alokasi alamat yang kita punyai. Yang jelas dengan menggunakan metoda subnetting, bit host IP address direduksi untuk subnet ini. Sebagai contoh, subnet mask diasosiasikan dengan alamat kelas B standart adalah 255.255.0.0. Subnet mask digunakan dengan memperluas bagian jaringan dari suatu alamat kelas B dengan byte tambahan. Misalnya sub mask 255.255.255.0 berarti dua byte pertama mendefinisikan jaringan kelas B, byte ketiga menunjukkan alamat subnet, dan yang keempat baru menunjuk pada host pada subnet yang bersangkutan. Masking yang byte-oriented lebih mudah dibaca dan diartikan, tapi sebenarnya subnet masking bersifat bit-oriented, jadi misalnya seseorang bisa saja membuat sub-mask 255.255.255.192. Tabel 2.1 mengilustrasi efek dari subnet-mask terhadap bermacam-macam alamat jaringan :

IP Address
Subnetmask
Interpretasi

128.66.12.1
255.255.255.0
Host 1 pada subnet 128.66.12.0

130.97.16.132
255.255.255.192
Host 4 pada subnet 130.97.16.128

192.178.16.66
255.255.255.192
Host 2 pada subnet 192.178.16.64

132.90.132.5
255.255.240.0
Host 4.5 pada subnet 132.90.128.0

18.20.16.91
255.255.0.0
Host 16.91 pada subnet 18.20.0.0

Cara Membuat Widget Translate Keren Di Blog

Posted by Unknown

0 Comments

Tag : tutorial blog

<img src="widget translate.png" alt="Cara membuat widget translate yang keren di blog">

Kali ini Sekedar Sharing akan share, bagaimana Cara Membuat Widget Translate atau Terjemah Keren di Blog. Sebenarnya Google juga telah menyediakan widget translate yang bisa dipakai untuk blog, tapi widget ini, Saya tidak mengambil dari google tapi dari situs lain, seperti yang Kamu lihat di blog Saya.

Langsung aja untuk langkah-langkahnya ada di bawah ini :

1.    Log in ke Blogger Kamu
2.    Pilih tata letak, lalu klik tambah gadget
3.    Pilih dan klik html/javascript
4.    Lalu masukan kode dibawah ini :

<div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="http://www.translatecompany.com/">translate</a></div>

<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

5. Simpan dan lihat hasilnya !

Semoga Bermanfat !

Cara Mengganti Logo Blogger Pada Blog

Senin, 10 Juni 2013

Posted by Unknown

0 Comments

Tag : tutorial blog

favicon atau favorit icon adalah sebuah gambar kecil di addres bar tang menunjukan ciri khas suatu blog. Favicon bisasanya berada disebelah kiri nama blog atau halaman yang sedang kita buka. Favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange.

Nah langkah pertama yang perlu dilakukan adalah membikin gambar sekitar 2 x 2cm dengan adobe photoshop kalau bisa...Tapi tenang aja, Untuk yang ng' bisa bikin nya sendiri,,,Sob juga bisa take it from google image,,alias ambil gambar dari google,,,Tapi ukurannya pun harus kurang dari 100kb dan persegi.

Langkah keduanya, setelah selesai membikin gambar atau ngdownload gambarnya. Buka blogger anda dulu

Trus masuk ke Tata Letak dan di sana coba lihat bagian paling atas yang bernama favicon trus setelah sob mengkliknya lalu klik lagi browse dan ambil deh data gambar sob tadi

Lalu Simpan dan lihat hasilnya !

Apabila Masih belum berubah, biasanya perubahan dilakukan dalam waktu 24 jam jadi harus sabar menunggu sob :)

Semoga Bermanfaat !

Cara Menghilangkan Judul Di Header Blog

Posted by Unknown

0 Comments

Tag : tutorial blog

Judul blog memang sangat penting untuk search engine. Terkadang ada beberapa orang yang tidak suka memakai judul blog di bandingkan dengan gambar atau orang yang berbisnis di bidang periklanan. Memang judul blog diperlukan agar bisa terindeks oleh search engine. Ada satu cara untuk menghilangkan judul blog dengan cara mengedit HTML template blog.

Silahkan Masuk Ke Blogger anda.

Setelah itu, Klik Menu Template.

Klik Tombol Edit HTML.

Cari Kode berikut ini atau Dengan mencari Kata Kunci Header, Dengan menekan CTRL+F atau F3:

Tambahkan kode berikut ini di atas } visibility:hidden;

#header h1 {

width:940px;

margin:0 auto;

padding:0;

height:135px;

}

Sehingga Menjadi:

#header h1 {

visibility:hidden;

width:940px;

margin:0 auto;

padding:0;

height:135px;

}

Atau jika tidak ada cara Kode dengan kata kunci Header, Tambakan Kode visibility:hidden; di atas kode }

Jika Sudah, Klik Pertinjau untuk mengetahui Salah atau Benarnya, Jika benar, Klik Simpan Template.

Semoga bermanfaat !

Sekedar Sharing

Archive for Juni 2013

Cara Membuat Icon Tombol Kembali Ke Bawah

Cara Membuat Icon Tombol Kembali Ke Atas Di Blog

Cara Membuat Widget Monyet Lucu Ngumpet Di Blog

Cara Membuat Loading Blog Keren

Cara Membuat Popular Post Menjadi Keren

Cara Membuat Efek Kursor Blog Di Kelilingi Komet Berekor

Cara Pengalamatan IP Address

Cara Membuat Widget Translate Keren Di Blog

Cara Mengganti Logo Blogger Pada Blog

Cara Menghilangkan Judul Di Header Blog

Popular Post

Arsip Blog

Statistik

Labels

Mengenai Saya

Followers