Rabu, 25 Maret 2015

Membuat Kusor Pada Mouse Bergerak diikuti Teks

Disini saya mau share cara membuat kursor pada mouse diikuti teks.
Penasaran? Lgsung aja deh.

1. Login ke akun blog.
2. Masuk ke Tata Letak blog.
3. Lalu klik Tambah Gadget dan pilih HTML/JavaScript
4. Setelah itu copy link di bawah 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 = "Yarah'sBlog";
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.createT
extNode(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('sc
roll', ascroll, false);
};

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

if (window.addEventListener){
window.addEventListener('load'
, init, false);
document.addEventListener('mou
seover', mouse, false);
document.addEventListener('mou
semove', mouse, false);
if (/Apple/
.test(navigator.vendor))
window.addEventListener('scrol
l', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousem
ove', mouse);
};

})();


4. Lalu pastekan di kolom konten dan klik Simpan.
 Dan lihat hasilnya ^^

Keterangan : 

* Teks yang berwarna biru adalah warna Teks pada kursor.
Kalian boleh pilih warna apa yang kalian suka, ini daftar warnanya
 * Teks yang berwarna merah adalah nama teks pada kusor tersebut, bisa diganti sesuka kalian.

Sekian :D 

Cara Mendownload Video dari Youtube

Saya mau share tentang Cara Mendownload Video dari Youtube.
Cara ini berguna bagi yang tidak punya maupun yang punya akun google.

1. Pilih video mana yang mau didownload
2. Kalo udah pilih, klik kanan pada video youtube itu dan klik salin URL video. Seperti ini :

3. Pergi ke alamat INI
4. Paste URL yang tadi disalin ke kolom ini, lalu klik download :

5. Pilih format videonya misalnya MP4 

6. Selanjutnya tinggal disave aja.


Udah gitu aja. Smoga bermanfaat :)