Friday 31 July 2015

Cara Membuat Efek Bintang Jatuh pada Kursor Blog

abdulsidik95.blogspot.co.id
Efek Bintang Jatuh


Anda mungkin sering melihat Blog-blog yang memasang Efek bintang Jatuh.
Mungkin Anda tertarik untuk memasang efek bintang jatuh dari kursor. Efek bintang jatuh akan memberikan kesan elegan dan menarik apabila dipasang di blog kita, selain tampilannya yang berwarna akan ada kesan hidup yang ditawarkan oleh efek-efek bintang ini. Efek bintang jatuh akan menarik perhatian pengunjung yang datang ke blog kita dan mungkin mereka juga ingin memasang efek tersebut setelah melihat blog kita memiliki efek bintang jatuh dari kursor.




Cara Membuat Efek Bintang Jatuh pada Kursor Blog sebagai berikut:
1. Login terlebih dahulu ke Akun Blog Sobat.
2. Copy Semua Kode di Bawah Ini.

<script type='text/javascript'> 
// <![CDATA[ 
var colour="#52D8ED"; 
var sparkles=100; 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 

set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 


for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 

setTimeout("sparkle()", 40); 

function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 

else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 


else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 


function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 

if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 

else { 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 


else tiny[i].style.visibility="hidden"; 

document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 

function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 

else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 

else { 
sdown=0; 
sleft=0; 


window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 

else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 

else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 


function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 

// ]]> 
</script>

3. Pilih Design/Tata Letak > Add gadget > HTML/Javascript. Pastekan/Tempelkan kode yang sudah di copy tadi.

4. Kemudian Save dan lihat hasilnya.


Cari kode yang berwarna biru diatas dan gantilah sesuai dengan kode warna keinginan sobat, banyak kok kode warna yang bisa sobat gunakan.
Silahkan di coba di blog sobat yah, dan lihat perubahan tampilannya yang akan lebih menarik dan atraktif pastinya.

Cara lainnya:
Cara yang ini hampir sama dengan cara yang di atas cuma scripnyanya lebih simple atau lebih pendek dan hasilnya atau efek bintang jatuhnya nanti juga akan sedikit berbeda. Terserah Anda mau pakai script/kode yang mana. Ikuti langkah-langkah yang ini.

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML
sesuai warna yang kita inginkan berikut ini:
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>


Catatan : Ganti warna biru dengan warna yang anda inginkan, misalkan warna hijau, merah, ungu, silver, kuning, dan  hitam kemudian save/simpan.

Selamat Mencoba dan semoga bermanfaat.
Salam Blogger Pemula.



Cara Setting Laptop Biar Tidak Mati Saat Didiamkan/Dibiarkan Pada Windows 7

Pada postingan kali ini saya akan kembali memberi tips supaya laptop atau komputer tidak mati pada saat tidak dimainkan atau didiamkan.

Berikut adalah caranya :

  • Pertama klik Start atau bisa menekan tombol berlogo windows pada keyboard
  • Kemudian Pilih Control Panel, untuk lebih jelasnya lihat gambar di bawah

http//abdulsidik95.blogspot.com
  •  Kemudian klik System and Security



  • Klik Change when the computer sleepsuntuk lebih jelasnya lihat gambar dibawah ini



  • Kemudian pada bagian Put the computer to sleep pilih never kemudian klik save changes. Untuk lebih jelasnya lihat gambar dibawah ini


Keterangan: Kata Never bearti Komputer/laptop tidak pernah mati atau tidak pernah redup ketika di penggunaan pada "On battery/Tanpa mengecas", atau penggunaan pada "Plugged In/ketika Anda sedang Mengecas.

Selamat mencoba dan Semoga Bermanfaat.
Salam Pemula.




      Thursday 30 July 2015

      Cara Mengganti/Merubah Kursor Mouse Pada Blog

      Cara Mengganti atau Merubah Kursor Mouse Pada Blog merupakan hal yang seharusnya dilakukan untuk menarik perhatian pembaca/pengunjung. Ketika mereka melihat kursor blog anda berbeda maka kemungkinan mereka juga ingin memasang atau mengganti kursor mouse pada blog mereka. Bagaimana caranya? Untuk caranya sudah saya siapkan di postingan yang ini. Bagi Anda yang ingin mengganti kursor mouse pada blog Anda silahkan ikuti saja langkah-langkahnya sebagai berikut:
      1. Buka/login terlebih dahulu ke Blog Anda.
      2. Kunjungi situs www.cursors-4u.com. Disana Anda akan disugukan/ditawarkan berbagai macam jenis/bentuk kursor mouse berdasarkan kategori yang ada.
      3. Pilih salah satu kategori yang ada, misalkan kita pilih Anime. Lihat gambar di bawah ini.




      http://abdulsidik95.blogspot.com
      http://abdulsidik95.blogspot.com
      4.        Pilih Naruto. Lihat gambar di bawah ini.

      Gambar
      http://abdulsidik95.blogspot.com

      5.        Pilih gambar/Bentuk Kursor yang sesuai dengan keinginan Anda. Lihat gambar di bawah ini.

      http://abdulsidik95.blogspot.com
      6.        Kemudian Copy Kode yang tersedia seperti pada gambar di bawah ini.

      http://abdulsidik95.blogspot.com/
      7.        Setelah itu Anda kembali ke Dasbor Blog Anda dan Pilih Tata Letak. Lihat gambar di bawah ini.

      http://abdulsidik95.blogspot.com/
      8.        Pilih salah satu Tambahkan Gadget. Misalkan pilih Tambahkan Gadget pada halaman sebelah
      Kiri. Perlu diketahui Tata letak Blog Anda mungkin berbeda dengan saya yang penting Anda bisa   menemukan tambahkan Gadget yang ada di Blog Anda. Lihat gambar ini.

      http://abdulsidik95.blogspot.com

      9.        Lihat HTML/JavaScript dan Klik tombol tanda tambah seperti pada gambar.

      http://abdulsidik95.blogspot.com
      10.    Ada 2 Kolom yaitu Judul dan Konten.
      Kolom judul: Tuliskan Kursor atau Nama/Keterangan yang ingin Anda tulis.
      Kolom Konten: Isikan/Pastekan Kode yang tadi sudah di copy. Dan pilih Simpan. Lihat Gambar ini.

      http://abdulsidik95.blogspot.com

      11.    Anda akan melihat Gadget Kursor atau Keterangan yang Anda tuliskan di kolom judul sebelumnya. Langkah terakhir yaitu Anda Save/Simpan Setelan. Lihat Gambar di bawah ini.

      http://abdulsidik95.blogspot.com

      Anda akan melihat perubahan pada kursor di Blog Anda.

      Sekian Cara Mengganti/Merubah Kursor Mouse di Blog. Semoga bermanfaat dan salam pemula.