23 May 2013

*Memasang Burung Twitter Terbang*


 
1. Klik Layout > Add Gadget > Html/Javascript
2. Copy paste kode di bawah ini ke kolom Html/javascript
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0-c9P3j69SgZlFQj6DZXDvmfNPuwCYV2swDLXcbfjMOn-KCZex96fjotHMFVc4neqAYa7XZf6du9KKNnIGwVc_r2kIpRve8nL8T4hsAtQvP8lEe2bL4NV9VeQsKeQeybnWoxxqOeYl4/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/
Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>
3. Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
4. Ganti kode yang berwarna merah jika sobat ingin mengganti warna burung twitter
Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig231X8-k8IQqz3OEQfhVekIBszYPebMJ2OOY1ddMNoPFipxUBjQqgypQ1yqB6eS7Yci9fC1cp0IIlNM3JYpjT63PHrJkPgLRx3XujDwpjywaZes5mAMvb2lAuZXruP8nsJXYPp_2Kn-s/s1600/yellow+bird.png
Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqoQzS37YS0ElK4LO5fs7c1OwCVwAcfjzI49h0HJt1dK7apZghwZ0oBOjGljsoY08sZZ9tGrzXk7aG3ddhb7aWFQK3xhVdkFVw5oZ7L_O8KUUCzSWnt4xkZUTJwvbZbdwQOdBi6nXN31I/s1600/black+bird.png
Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7NHGMPbgGsisNpZQSJmo5qgZA4nWAAxdPFg88KwdgSpdmcTyFagmnbaRZ7ehkBkXs1I3AZ6LXn9dvwSE_CleGvfFzReg62pXyQG__3KplDrCLr2OzhAfST1Ifzl5G3AItqD0LAGulT0k/s1600/Blue+bird.png
Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_z6zUsbaiyFS2jVtd1hfdcmnLEwA5WqUJ9p1nrkGiCfFmdYKcfUCOmo-GvlsiJd6GJTG9HRlUUtFswHdUrlnmdiL8lS5eMZs2mnnyLldpSVA_FPgiWjGGjo_6vYp8RlQZr7P7lLx3dgY/s1600/brown+bird.png
Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTOQ_CiJBX8B5UMjb4ixYlit4R-YrRFs7tAW4iiL977GzBboejoyXjDZ93ipdvOkPTbxovu0czk8jzg6SuOazkj1Uv_Ygp5FIxPXfMz9cr0mPo-MetKk4-F6G-UgJZjIuc8LpwkMJaOzk/s1600/Green+bird.png
Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1abwDzGW6hi6iHfz2Xb2j8dIVNCJgrcvuTVJKq_jjcEHlJKUQMsd3g2YfcpKlJmB_VOHnL0LZtMdXCqgvKzvCV6sk9azAfEqJ7beO84yNQt8v2K_JmjyOcAtpDnSeC1wsEFzrUJr9XIA/s1600/purple+bird.png
Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHIZTt3BHlibn9o6M3h6gbN-pV8NQ-gZ6x8iLEk9P9jQk1nYYG3tHSC0fsqdAqaeo2mLMM8lxL89mRiZA12D06IKKiDz3LFDgG-n18xYulzKFOCvY6u5y0wkBt7LdpVBbbqlhIdB2quY/s1600/white+bird.png
5. Simpan dan lihat hasilnya



22 May 2013

*Kelebihan Dan Kekurangan Browser Pada Internet*


     1.   Mozilla Firefox 
Kelebihan : memiliki banyak fitur tambahan/add ons (https://addons.mozilla.org/en-US/firefox/) yang bisa disesuaikan dengan kebutuhan user. Add ons itu bisa berasal dari Mozilla itu sendiri atau dari komunitas pengembangnya di seluruh dunia. Mozilla Firefox juga mudah di update dan memiliki security system/keamanan yang sangat baik. Browser juga memiliki kemungkinan konfigurasi yang sangat banyak (jika dibandingkan dengan Internet Explorer). 
Kekurangan : terkadang loading Mozilla Firefox cukup memakan waktu saat mulai dari start awal. Terlebih jika banyak adds on yang terinstal. Update pada Firefox juga artinya kita mendownload versi anyar dari Firefox itu sendiri, tidak seperti Internet Explorer yang hanya meng-upgrade modulnya saja. Selain itu, update Firefox juga biasanya menyebabkan beberapa adds on yang terinstal tidak berfungsi. 

     2.   Opera 
Kelebihan : Opera Browser merupakan aplikasi browser yang cukup ringan, sehingga tidak memakan memori hardisk yang cukup besar pada notebook atau PC. Memiliki email client dan rss sendiri sehingga tidak perlu memakai email client lain seperti Outlook dan sebagainya. Memiliki Opera Turbo yang bisa diaktifkan ketika koneksi sedang lambat sehingga proses loading page bisa lebih cepat. Pemanggilan kembali Cache lebih cepat. 
Kekurangan : Opera Browser biasanya sedikit lambat dalam membaca scriptpada beberapa halaman situs. Sama seperti Firefox, meng-update Operas Browser artinya harus men-download kembali masternya. 

     3.   Google Chrome 
Kelebihan : Chrome saat ini memiliki reputasi yang cukup kuat untuk menyaingi Firefox di dalam dunia web browser. Browser Chrome ini bisa dikatakan sebagai browser yang ringan, gesit, termasuk saat start awal dan melakukan perpindahan tab. Chrome otomatis akan mem-bookmark semua situs yang pernah dibuka atau sering dikunjungi. Browser adrress dari Chrome juga bertindak sebagai search engine sehingga lebih praktis. Desainnya cukup simpel dengan sistem keamanan yang sangat kuat (paling tahan terhadap serangan hacker). Update Chrome juga mudah. 
Kekurangan : Tapi sayangnya Google Chrome yang tersedia saat ini masih dalam versi Beta. Chrome juga terkesan kurang dinamis karena fiturnya tidak banyak. Beberapa ahli juga mengatakan bahwa Chrome masih banyak security hole-nya sehingga tidak disarankan untuk transaksi keuangan. Makin banyak tab dibuka maka makin banyak pula memori yang dibutuhkan saat browsing. 

     4.   Internet Explorer 
Kelebihan : Sudah menyediakan add ons tetapi tidak sebanyak Firefox, tampilan lebih simpel, elegan dan menarik, terintegrasi dengan system operasi Windows, gampang dan tidak ribet dalam pengoperasiannya, tampilan situs dan loading gambar lebih cepat dan jelas, beberapa situs hanya bisa dibuka khusus untuk IE dan saat ini Internet Explorer masih menjadi browser yang paling banyak dipakai di seluruh dunia. 
Kekurangan : Sering gagal membaca script dibeberapa situs khususnya CSS, system keamanan yang belum optimal, tidak ada fitur tab, dan kecepatan dalam membuka web kalah cepat dengan yang lainnya apalagi dalam kondisi bandwith kecil, berat saat membuka tab baru dan start pertama.

*Perbedaan antara Internet dan Intranet*


  • Internet adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan di seluruh dunia. 
  • Sedangkan intranet adalah sebuah jaringan komputer yang hanya menghubungkan komputer satu dengan yang lainnya dalam satu perusahaan atau instansi, biasanya akses ke web server intranet hanya dapat dilakukan dari dalam karena dilindungi oleh sebuah firewall.


*Membuat Teks Berjalan Pada Blog*


  1. Login dahulu ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :
1.Teks berjalan dari kanan ke kiri
          kode :<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan           Berjalan</marquee>
2.Teks berjalan dari kiri ke kanan
          kode :<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan     Berjalan </marquee>
3. Teks berjalan bolak balik
          kode :<marquee direction="left" scrollamount="2" align="center"           behavior="alternate"> Contoh Tulisan Berjalan </marquee>
4. Teks berjalan dari atas ke bawah
          kode : <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan    Berjalan </marquee>
5. Teks berjalan dari bawah ke atas
          kode : <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan        Berjalan </marquee>
6. Teks berjalan mondar-mandir
          kode : <marquee direction="up" scrollamount="2" align="center"           behavior="alternate"> Contoh Tulisan Berjalan </marquee>
7. Teks berjalan zig-zag nembus
          kode : <center><marquee direction="up" scrollamount="2" align="center"         behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan          Berjalan </marquee></marquee></center>
8. Teks berjalan zig-zag mantul
          kode : <center><marquee direction="up" scrollmount="2" align="center"
          behavior="alternate" width="90%"><marquee direction="right"
          behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

19 May 2013

*Cara membuat efek bola pelangi mengelilingi kursor*



Berikut ini cara membuat efek bola pelangi berputar putar:
1. login ke akun blog sobat 
2. pilih rancangan>tata letak
3. klik Tambah gadget
4. pilih HTML/Javascript dan copas code berikut:



<script language="JavaScript" type="text/javascript">


var xCol = "#FF0000";
var yCol = "#FFFF00";
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>