Tuesday 11 March 2014

Cara Membuat Burung Terbang Di Blog

Cara membuat burung terbang di blog, caranya :


1. buka blog anda, lalu copy HTML di bawah ini ke Java Script di Blog anda

2. Tulisan yang berwarna biru itu, anda ganti dengan akun twitter dan akun blog anda




NIE HTMLnya GAN :



Cara Mengganti Mouse Pada Blog

cara Mengganti mouse agar berbentuk monyet, tinggal copy HTML ini ke Java Script di blog anda :


TINGGAL COPY HTML INI DI JAVA SCRIPT GAN :


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat192.ani), url(http://cur.cursors-4u.net/nature/nat-2/nat192.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Cute Rocking Baby Monkey"><img alt="Cute Rocking Baby Monkey" border="0" src="http://cur.cursors-4u.net/cursor.png" style="position: absolute; right: 0px; top: 0px;" /></a>

Cara Membuat Tulisan Bergerak Mengikuti Mouse

untuk membuat tulisan bergerak, tinggal copy nie HTML di Java Script di blog anda :

NB : tulisan biru adalah tulisan akan muncul di blog anda, jadi anda boleh ganti sesuka anda


HTML nya :

<style type="text/css"></p>
<p>
#outerCircleText {</p>
<p>
font-style: italic;</p>
<p>
font-weight: bold;</p>
<p>
font-family: &#39;comic sans ms&#39;, verdana, arial;</p>
<p>
color: #ff840a;</p>
<p>

</p>
<p>
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}</p>
<p>
#outerCircleText div {position: relative;}</p>
<p>
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}</p>
<p>

</p>
<p>
</style>
<script type="text/javascript"></p>
<p>
//<![CDATA[</p>
<p>

</p>
<p>
;(function(){</p>
<p>

</p>
<p>
// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)</p>
<p>
var msg = "<font color="#0000ff">Mega Tech.blogspot.com</font>";</p>
<p>

</p>
<p>

</p>
<p>
// Set font's style size for calculating dimensions</p>
<p>
// Set to number of desired pixels font size (decimal and negative numbers not allowed)</p>
<p>
var size = 25;</p>
<p>

</p>
<p>
// Set both to 1 for plain circle, set one of them to 2 for oval</p>
<p>
// Other numbers &amp; decimals can have interesting effects, keep these low (0 to 3)</p>
<p>
var circleY = 0.75; var circleX = 2;</p>
<p>

</p>
<p>
// The larger this divisor, the smaller the spaces between letters</p>
<p>
// (decimals allowed, not negative numbers)</p>
<p>
var letter_spacing = 5;</p>
<p>

</p>
<p>
// The larger this multiplier, the bigger the circle/oval</p>
<p>
// (decimals allowed, not negative numbers, some rounding is applied)</p>
<p>
var diameter = 12;</p>
<p>

</p>
<p>
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)</p>
<p>
var rotation = 0.2;</p>
<p>

</p>
<p>
// This is not the rotation speed, its the reaction speed, keep low!</p>
<p>
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)</p>
<p>
var speed = 0.3;</p>
<p>

</p>
<p>
// BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //</p>
<p>

</p>
<p>
if (!window.addEventListener &amp;&amp; !window.attachEvent || !document.createElement) return;</p>
<p>

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

</p>
<p>
document.body,</p>
<p>

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

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

</p>
<p>
'px';</p>
<p>
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';</p>
<p>
};</p>
<p>
},</p>
<p>

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

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

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

</p>
<p>
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';</p>
<p>

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

</p>
<p>
})();</p>
<p>
//]]></p>
<p>
</script>

Cara membuat pinguin di blog

cara membuat pinguin di blog :

tinggal copy ni HTML ke blog anda :

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | GreenGeeks Review