Senin, 25 Februari 2013

Efek Pada Kursor

Published : 2/25/2013 08:57:00 AM Author : EGON SASTRA

1. Membuat Efek Taburan Bintang Pada Kursor (cursor) Di Blogger

Sahabat Blogger kali ini kita akan membahas cara Membuat Efek Taburan Bintang Pada Kursor (cursor) Di Blogger, dengan adanya efek ini akan meningkatkan daya tarik untuk sebagian orang yang sangat menyenangi kreasi di blog Anda, efek yang kita buat kali ini yaitu efek bintang yang terus berjatuhan dari kursor yang ada di halaman situs yang terus muncul tiada habis dengan warna yang beragam dan bisa kita ganti warnanya sesuai dengan warna yang kita sukai, seperti biru, hijau, merah, ungu, silver, kuning, hitam, ok mari kita langsung saja ke langkah-langkahnya ;

1. Login ke Blogger.com
2. Klik Rancangan

3. Di Elemen Laman klik Tambah Gadget

4. Lalu tambahkan HTML/JavaScript dengan cara klik tanda +

5. Masukan script di bawah ini kedalamnnya Lihat Langkah-Langkah Tambah Gadget HTML/Javascript

Read More : http://masihinginbelajar.blogspot.com/2012/03/membuat-efek-taburan-bintang-pada.html#ixzz2Lvl6AMiT
Terima Kasih Anda telah membaca artikel ini.

2. Efek Buble

Ok deh buat sobat" yang dah kepengen ma ini tips, Langsung aja ke TKP. hehehehe
1.Login ke Blogger
2.Rancangan --> Elemen Laman --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript

<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>

NB :

Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini atau disini.
Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan

4. Simpan dan coba lihat hasilnya.....

Good Luck ^_^

3. Efek Cursor Diikuti Bintang Warna-Warni

1. buka dasbor > rancangan > edit html
2. copy dan paste kode dibawah ini di atas ]]></b:skin> (klu tidak bisa , coba letakkan dibawah ]]></b:skin> )
<script type="text/javascript" src="http://yourjavascript.com/312027802/myhafiezers-efek-bintang.js"></script>

3. simpan

Semoga Artikel Percantik Blog Dengan New Efek Cursor Diikuti Bintang Warna-Warni Bermanfaat Bagi Anda.

Read More ->>

TeKS KuRSoR

Published : 2/25/2013 07:53:00 AM Author : EGON SASTRA

Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>#outerCircleText {font-style: italic;font-weight: bold;font-family: 'comic sans ms', verdana, arial;color: #a4336a;position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}#outerCircleText div {position: relative;}#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}</style>
<script type='text/javascript'>//<![CDATA[;(function(){// Your message here (QUOTED STRING)var msg = "Tulis teks anda disini";/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */// Set font's style size for calculating dimensions// Set to number of desired pixels font size (decimal and negative numbers not allowed)var size =20;// Set both to 1 for plain circle, set one of them to 2 for oval// Other numbers & decimals can have interesting effects, keep these low (0 to 3)var circleY = 0.75; var circleX = 2;// The larger this divisor, the smaller the spaces between letters// (decimals allowed, not negative numbers)var letter_spacing = 5;// The larger this multiplier, the bigger the circle/oval// (decimals allowed, not negative numbers, some rounding is applied)var diameter = 15;// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)var rotation = 0.3;// This is not the rotation speed, its the reaction speed, keep low!// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)var speed = 0.2;////////////////////// Stop Editing //////////////////////if (!window.addEventListener && !window.attachEvent || !document.createElement) return;msg = msg.split('');var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],o = document.createElement('div'), oi = document.createElement('div'),b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement:document.body,mouse = function(e){e = e || window.event;ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-positionxmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position},makecircle = function(){ // rotation/positioningif(init.nopy){o.style.top = (b || document.body).scrollTop + 'px';o.style.left = (b || document.body).scrollLeft + 'px';};currStep -= rotation;for (var d, i = n; i > -1; --i){ // makes the circled = document.getElementById('iemsg' + i).style;d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +'px';d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';};},drag = function(){ // makes the resistancey[0] = Y[0] += (ymouse - Y[0]) * speed;x[0] = X[0] += (xmouse - 20 - X[0]) * speed;for (var i = n; i > 0; --i){y[i] = Y[i] += (y[i-1] - Y[i]) * speed;x[i] = X[i] += (x[i-1] - X[i]) * speed;};makecircle();},init = function(){ // appends message divs, & sets initial values for positioning arraysif(!isNaN(window.pageYOffset)){ymouse += window.pageYOffset;xmouse += window.pageXOffset;} else init.nopy = true;for (var d, i = n; i > -1; --i){d = document.createElement('div'); d.id = 'iemsg' + i;d.style.height = d.style.width = a + 'px';d.appendChild(document.createTextNode(msg[i]));oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;};o.appendChild(oi); document.body.appendChild(o);setInterval(drag, 25);},ascroll = function(){ymouse += window.pageYOffset;xmouse += window.pageXOffset;window.removeEventListener('scroll', ascroll, false);};o.id = 'outerCircleText'; o.style.fontSize = size + 'px';if (window.addEventListener){window.addEventListener('load', init, false);document.addEventListener('mouseover', mouse, false);document.addEventListener('mousemove', mouse, false);if (/Apple/.test(navigator.vendor))window.addEventListener('scroll', ascroll, false);}else if (window.attachEvent){window.attachEvent('onload', init);document.attachEvent('onmousemove', mouse);};})();//]]></script>

4. Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
5. Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6. Save & lihat hasilnya

http://slinder9.blogspot.com/2012/05/cara-membuat-teks-pada-kursor.html

atau COPAS yg ini :

<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #FF0000;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Blog Kucopas";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.3;

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Keterangan:

#FF0000 adalah Kode warna Teks atau tulisan yang mengikuti kursor mouse, Silahkan sobat ganti dengan kode warna yang lain sesuai dngan keinginan sobat. Kode warna HTML bisa di lihat DISINI.

Warna BIRU adalah Teks yang mengikuti kursor mouse, Silahkan ganti dengan Teks atau tulisan seperti yang sobat inginkan

http://kuc0pas.blogspot.com/2012/09/cara-membuat-kursor-mouse-di-ikuti-teks.html

Read More ->>

Kursor Blog-1

Published : 2/25/2013 07:43:00 AM Author : EGON SASTRA

Apakah anda ingin kursor blog anda menjadi seperti diatas? jika ingin mari ikuti Langkah Berikut:

1. Login ke akun Blogger Anda
2. Klik Tata Letak/Layout
3.add gadget/ tambah gadget

4.Pilih HTML

5.Copas(copy paste) kode Berikut:

6.Simpan

CATATAN:
jika kalian ingin icon yg lain / icon pilihan anda sendiri..ubah saja url yg berwarna HIJAU

dengan:

anda bisa mengganti cursornya dengan yang di bawah ini:

http://cursor.com/images/10a.gif

http://cursor.com/images/11a.gif

http://cursor.com/images/12a.gif

http://cursor.com/index_07.gif

http://cursor.com/images/19a.gif

http://cursor.com/images/20a.gif

http://cursor.com/images/25a.gif

http://cursor.com/images/33a.gif

http://cursor.com/images/40a.gif

http://cursor.com/images/85a.gif

http://cursor.com/images/103a.gif

http://cursor.com/images/199a.gif

http://cursor.com/images/6385a.gif

http://cursor.com/images/6459a.gif

http://cursor.com/images/8150a.gif

Read More ->>

pasang lagu di blog

Published : 2/25/2013 03:01:00 AM Author : EGON SASTRA

Cara Mudah Memasang Lagu Di Blog

Cara Mudah Memasang Lagu Di Blog - Banyak sudah tutorial-tutorial tentang cara memasang lagu atau cara menambahkan lagu pada blog, Memasang Widget Musik Player untuk sebuah blog memiliki kekurangan dan kelebihan tersendiri. Tergantung dari si pengunjung dan koneksi yang dimilikinya.

Untuk anda yang tetap ingin memasang lagu diblognya, berikut saya sediakan satu tutorial mudah dan singkat, silangkan disimak.
Pertama kunjungi situs scmplayer.net, kemudian pada tab Choose Skin, silahkan pilih tampilan skin widget yang nantinya akan ditampilkan pada blog anda.

Lalu klik pada tab Edit Playlist, disini ada dua pilihan yaitu dengan memasukan url lagu yang di pasang manual(Manual Playlist). Atau dari playlist akun youtube(RSS Podcast) anda. gunakan saja pilihan pertama "Manual Playlist".

Contoh Yang Saya Lakukan

Perhatikan pada gambar yang saya lingkari merah, disitu terterah contoh untuk memasukan lagu yang anda inginkan, silahkan anda cari situs yang menyediakan lagu atau bisa anda upload sendiri ataupun mencari di youtube.com video yang nantinya sebagai url lagu.(bukan menampilkan video, hanya suara dari video)

Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan anda. Atau seperti pengaturan saya pada gambar dibawah ini

Klik Untuk Memperbesar

Setelah itu klik tombol Done, lalu copy script yang diberikan.

Langkah terakhir, masuk ke akun blogger anda pilih tata letak. Kemudian klik tambah gadget pilih gadget HTML/Javascript. Lalu paste kan script tadi. klik Simpan.

Sekarang blog anda sudah terpasang lagu, setiap pengunjung yang datang akan disambut dengan lagu yang anda pasang :) pastikan pada tab Edit Playlist, anda memasukan url yang benar. Selamat mencoba....

Title: Cara Mudah Memasang Lagu Di Blog
URL: http://vmediakom.blogspot.com/2012/08/cara-mudah-memasang-lagu-di-blog.html
By: vmediakom Rating: 4.5

sumber: http://vmediakom.blogspot.com/2012/08/cara-mudah-memasang-lagu-di-blog.html

Read More ->>

efek2 pda blog

Published : 2/25/2013 02:36:00 AM Author : EGON SASTRA

KUMPULAN EFEK UNTUK BLOG

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

2. Efek hati bertaburan

3. Efek bintang bertaburan

4. Efek kembang api

5. Efek Gelembung

5. Efek Kupu - Kupu Terbang

Cara pemasangan :

Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

2. Banjir

3. Bunga Mekar

4. Bom Atom

5. Ufo

6. Graffity

7. Shaver

8. Gun

9.Bloody gun

10. Paint ball

11. Chainsaw

12. Dinosaur

13. Lebah

14. Lalat

15. Semut

16. Siput

17. Cacing

18. Mold

19. Bayi merangkak

20. Telur mata sapi

21. Kopi tumpah

22. Terbakar

23. Tomat

24. Creampie

25. Murka

26. Sapi Jorok

27. Anjing Jorok

28. Kencing Sembarangan

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..

sumber: http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html

Read More ->>

Senin, 25 Februari 2013

Efek Pada Kursor

1. Membuat Efek Taburan Bintang Pada Kursor (cursor) Di Blogger

TeKS KuRSoR

Kursor Blog-1

pasang lagu di blog

Cara Mudah Memasang Lagu Di Blog

efek2 pda blog

Popular Posts

Blogger templates

Archive

Blogger news

Blogroll

About