Unlock Blog / Website Using Free Proxy
URL :
Selamat Datang di ihgilailmam.blogspot.com , Silahkan Cari disini apa yang anda Cari,dan Jangan lupa Follow & Commentnya ya !

Tampilkan postingan dengan label Cursor. Tampilkan semua postingan
Tampilkan postingan dengan label Cursor. Tampilkan semua postingan

Cara Merubah Warna Block Text Saat diBlock

Posted in Label: , , |

Tulisan kita adalah tulisan yang bagus, maupun juga tulisan yang bermutu, dan mungkin kita tidak tahu jika tulisan kita itu ada yang nge-block ataupun copy-paste. Jika diblock maka background tulisan yang kita block akan berubah warna menjadi biru dan tulisannya menjadi putih kan ? Nahh !! sekarang kita akan belajar bagaimana cara merubah warna-warna tersebut baik dalam background juga tulisannya itu..

Disinilah kita akan belajar cara menerapkan untuk mengganti warna backgroun atau tulisan saat kita block tulisan tersebut.Kita dapat mengganti warnanya sesuai dengan keinginan yang kita mau.
Contohnya seperti ini :


Cara merubah warna saat kita block :
  •  Kayak biasa login ke Blogger.
  •  Di halaman Dasbor, kita pilih Rancangan.
  •  Kemudian pilih Edit HTML
  •  Beri tanda centang pada Expand Template Widget
  •  Cari kode berikut ini ]]></b:skin>
  •  Taruh kode berikut ini di atasnya

::-moz-selection{background:red; color:green}
::selection{background:#ff0000; color:#33ff33}

* yang berwarna biru/background:#ff0000  itu adalah code warna background saat anda nge-block
* yang berwarna fuchsia/color:#33ff33 itu adalah code warna tulisan saat anda nge-block

kalo yang bagian sini ::-moz-selection{background:red; color:green} maupun background atau color, saya rasa tidak berpengaruh. karena yang berpengaruh hanyalah code warna tersebut.

Read Users' Comments (7)

Membuat Efek Bubble (Gelembung) Pada Cursor

Posted in Label: |

Membuat Efek Bubble (Gelembung) Pada Cursor
Selamat datang kembali, salam Blogger.. :D Bagaimana tampilan blogmu? dah oke blom? Kali ini ihgilailmam menyajikan salah satu cara membuat blogmu terlihat berbeda. Kalau dulu pernah kita membuat efek bintang sekarang ganti membuat efek bubble (gelembung) yang akan mengikuti cursor. Sama seperti mainan bocah yang bola yang bergelembung-gelembung dari sabun itu loh,, tapi di terjadi di blog dan cursornya adalah penghasil bubble (gelembung-gelembung) itu.


Saya pernah mencoba, dan lucu. Gelembung itu dari berasal daricursor kecil lalu lama-lama besar dan naik ke atas. Ibarat sebuah halaman atau toko, kadang blog juga perlu kejutan atau tampilan yang berbeda dari biasanya. Efek bubble (gelembung) ini bisa menjadi pilihan ketika ingin membuat berbeda itu. Dan melepas (menghapusnya) ketika sudah mulai bosan. ;)

Cara Membuat Efek Bubble (Gelembung) Pada Cursor
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini: 
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

    // <![CDATA[

    var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles

    var bubbles=100; // maximum number of bubbles on screen

    var x=ox=400;

    var y=oy=300;

    var swide=800;

    var shigh=600;

    var sleft=sdown=0;

    var bubb=new Array();

    var bubbx=new Array();

    var bubby=new Array();

    var bubbs=new Array();

    window.onload=function() { if (document.getElementById) {

    var rats, div;

    for (var i=0; i<bubbles; i++) {

    rats=createDiv("3px", "3px");

    rats.style.visibility="hidden";

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="1px";

    div.left="0px";

    div.bottom="1px";

    div.right="0px";

    div.borderLeft="1px solid "+colours[3];

    div.borderRight="1px solid "+colours[1];

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="0px";

    div.left="1px";

    div.right="1px";

    div.bottom="0px"

    div.borderTop="1px solid "+colours[0];

    div.borderBottom="1px solid "+colours[2];

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.left="1px";

    div.right="1px";

    div.bottom="1px";

    div.top="1px";

    div.backgroundColor=colours[4];

    div.opacity=0.5;

    if (document.all) div.filter="alpha(opacity=50)";

    document.body.appendChild(rats);

    bubb[i]=rats.style;

    }

    set_scroll();

    set_width();

    bubble();

    }}

    function bubble() {

    var c;

    if (x!=ox || y!=oy) {

    ox=x;

    oy=y;

    for (c=0; c<bubbles; c++) if (!bubby[c]) {

    bubb[c].left=(bubbx[c]=x)+"px";

    bubb[c].top=(bubby[c]=y)+"px";

    bubb[c].width="3px";

    bubb[c].height="3px"

    bubb[c].visibility="visible";

    bubbs[c]=3;

    break;

    }

    }

    for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

    setTimeout("bubble()", 40);

    }

    function update_bubb(i) {

    if (bubby[i]) {

    bubby[i]-=bubbs[i]/2+i%2;

    bubbx[i]+=(i%5-2)/5;

    if (bubby[i]>sdown && bubbx[i]>0) {

    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

    bubb[i].width=bubbs[i]+"px";

    bubb[i].height=bubbs[i]+"px";

    }

    bubb[i].top=bubby[i]+"px";

    bubb[i].left=bubbx[i]+"px";

    }

    else {

    bubb[i].visibility="hidden";

    bubby[i]=0;

    return;

    }

    }

    }

    document.onmousemove=mouse;

    function mouse(e) {

    set_scroll();

    y=(e)?e.pageY:event.y+sleft;

    x=(e)?e.pageX:event.x+sdown; }

    window.onresize=set_width;

    function set_width() {

    if (document.documentElement && document.documentElement.clientWidth) {

    swide=document.documentElement.clientWidth;

    shigh=document.documentElement.clientHeight;

    }

    else if (typeof(self.innerHeight)=="number") {

    swide=self.innerWidth;

    shigh=self.innerHeight;

    }

    else if (document.body.clientWidth) {

    swide=document.body.clientWidth;

    shigh=document.body.clientHeight;

    }

    else {

    swide=800;

    shigh=600;

    }

    }

    window.onscroll=set_scroll;

    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;

    }

    }

    function createDiv(height, width) {

    var div=document.createElement("div");

    div.style.position="absolute";

    div.style.height=height;

    div.style.width=width;

    div.style.overflow="hidden";

    return (div);

    }

    // ]]>

    </script>

5. Kode warna pink adalah kode warna dari bubble (gelembung) itu, kamu bisa mengubah dengan kode warna yang lain.
6. Simpan jika sudah selesai. 

Read Users' Comments (0)

Cara Membuat Cursor Sendiri

Posted in Label: |

saya bingung kenapa ada blog yang kursornya memiliki ciri khas dari blog itu sendiri...truss saya coba-coba untuk memvuat kursor sendiri , ehh...ternyata cara saya ini behasil loh . Cara saya membuat kursor sendiri dengan menggunakan Adobe Photoshop .


Makannya kursor saya yang ini bukan dari url web yang lain , melainkan membuatnya dengan tangan saya sendiri , berikut cara-cara untuk membuatnya dengan tangan kita sendiri :

1. Buka Adobe Photoshopnya terserah mau yang berapa
2. Pilih File --> New
3. Samakan dengan gambar berikut













4. pilih custom shape tool












5. Mulailah dengan gambarnya













6. jika sudah selesai , save gambar dengan  .gif , maka jadinya seperti ini Cursor.gif











7. Jika semua stepnya telah dijalani...uploadlah gambarmu itu , dan ambil URLnya...jika susah mengupload gambar , saya sarankan upload di TinyPic.com . Itu lebih mudah

Terima Kasih Semoga Bermanfaat !

Read Users' Comments (10)

Cara Mengganti Cursor

Posted in Label: |


saya heran , kenapa orang lain kursornya unik-unik...giliran saya kursornya cuma gambar "tangan" doang . Akhirnya , saya jalan-jalan untuk mendapatkan , caranya mengganti kursor tersbut ! ketemu deh blog yang menyediakannya . wuaah...ternyata caranya gampang sekali...
dari situlah saya mengganti kursor "tangan"  saya ini dengan kursor saya yang sekarang...
langsung saja , jangan bertele-tele :

  1. Log-in keakun anda seperti biasa
  2. Pilih rancangan-->edit HTML
  3. Cari code <head> , tidak usah menggunakan ctrl+f , karena code tersebut berada diatas jadi mudah untuk mencarinya .
  4. Setelah itu letakkan script berikut di bawah code <head> itu
Berikut scriptnya :
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixh3SBfggXevdvl3nXh1_AjCV622kl1ATh_IfYQsYFvZhFoNtl2bo87AixyqstUyD7TGuvCGxUohkzXCYY_jK5pDcnKHQJ7yoUA1LYwzmsqw5s9rHhcsrPxFS28PoKjV9llsqGerwNZmP2/s1600/jasablogsitus-web-id.gif"), auto;}
</style> 

code yang berwarna merah itu adalah code gambar cursornya

JIKA INGIN CURSORNYA TIDAK BERGANTI-GANTI JIKA TERKENA LINK / MERUBAH CURSOR JIKA TERKENA LINK BERIKUT SCRIPTNYA :

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixh3SBfggXevdvl3nXh1_AjCV622kl1ATh_IfYQsYFvZhFoNtl2bo87AixyqstUyD7TGuvCGxUohkzXCYY_jK5pDcnKHQJ7yoUA1LYwzmsqw5s9rHhcsrPxFS28PoKjV9llsqGerwNZmP2/s1600/jasablogsitus-web-id.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixh3SBfggXevdvl3nXh1_AjCV622kl1ATh_IfYQsYFvZhFoNtl2bo87AixyqstUyD7TGuvCGxUohkzXCYY_jK5pDcnKHQJ7yoUA1LYwzmsqw5s9rHhcsrPxFS28PoKjV9llsqGerwNZmP2/s1600/jasablogsitus-web-id.gif"), auto;}
</style> 

Terima Kasih semoga tutorial ini bermanfaat bagi anda !

Read Users' Comments (2)

Membuat Efek Bintang Yang Berjatuhan Pada Cursor

Posted in Label: |

Huuuh...Sebenernya sih males ngeposting mulu (sebenernya sih baru ngepost 3 >LoL) Ingin menghiasi cursor kalian dengan efek bintang yg berjatuhan ? agar blogger kalian terlihat keren gituloh akwkwkwk...Tapi jangan takut blogger-blogger kalian kebanjiran dengan bintang-bintang yg berjatuhan itu , bintangnya akan menghilang dengan sendirinya santai aja ...


bintang-bintang ini tidak akan berhenti jatuh ,jika blog kalian tidak ditutup , sebenernya warnanya itu beragam , tapi kenapa aku gk bisaa ya ??? jadi cuma warna merah deh...

1. Log-in ke akun anda


2. Pilih tata letak ---> tambah gadget ---> pilih java script


      









3. Setelah diklik java scriptnya copas code dibawah ini

<script src='https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/bintang.merah.js' type='text/javascript'/></script>

4. Lalu masukan code yg anda copas tadi 
5. Setelah copas , SIMPAN 
6. Lihat hasilnya

Read Users' Comments (0)

Langganan: Postingan (Atom)

close