Pada saat kalian sudah lulus ujian chunin dan naik ke level 20, maka anda sudah dapat berhak untuk membeli sebuah pet. Pet tersebut ada berbagai macam, untuk itu saya memposting tutorial ini bagi kalian yang ingin menyamakan element terhadap pet-pet tersebut. Oke langsung saja saya jelaskan.
Selasa, 30 Oktober 2012
Senin, 22 Oktober 2012
CARA MEMBUAT KURSOR DI IKUTI TEKS SEPERTI ULAR
Sobat
pasti pernah lihat di blog orang, kenapa kok kursorya selalu di ikuti
teks panjang seperti ular… terus mikir, gimana cara bikinya ya…??
langsung aja sob ane tunjukin caranya…
<style type='text/css'>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: regular;
font-weight: bold;
font-family: 'ravie', tahoma, arial;
color: #00FF00;
/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Alul Nak Tkj Ma’arif";
/* 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 = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// 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.3;
////////////////////// 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-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>
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: regular;
font-weight: bold;
font-family: 'ravie', tahoma, arial;
color: #00FF00;
/* End Optional */
/* Start Required - Do Not Edit */
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;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type='text/javascript'>
//<![CDATA[
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/
;(function(){
// Your message here (QUOTED STRING)
var msg = "Alul Nak Tkj Ma’arif";
/* 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 = 10;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;
// 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.3;
////////////////////// 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-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>
PENTING :
a. Ganti kode
- font-style: regular; (ganti dengan underline untuk gaya teks bergaris atau italic untuk teks miring)
- font-weight: bold; (ganti dengan bold untuk gaya teks tebal atau normal untuk teks normal)
- font-family: 'bell mt', tahoma, arial; (ganti dengan jenis font yang Anda inginkan)
- color: #0080FF; (ganti dengan kode warna yang Anda inginkan, untuk melihat kode warna klik di sini Kode HTML Warna Untuk Blog)
b. Ganti tulisan yang berwarna kuning Alul Nak Tkj Ma’arif dengan teks yang Anda inginkan
c. Ganti kode var size = 16 sesuai dengan ukuran teks yang Anda inginkan.
4. Jika sudah selesai kemudian klik “Simpan Template”
a. Ganti kode
- font-style: regular; (ganti dengan underline untuk gaya teks bergaris atau italic untuk teks miring)
- font-weight: bold; (ganti dengan bold untuk gaya teks tebal atau normal untuk teks normal)
- font-family: 'bell mt', tahoma, arial; (ganti dengan jenis font yang Anda inginkan)
- color: #0080FF; (ganti dengan kode warna yang Anda inginkan, untuk melihat kode warna klik di sini Kode HTML Warna Untuk Blog)
b. Ganti tulisan yang berwarna kuning Alul Nak Tkj Ma’arif dengan teks yang Anda inginkan
c. Ganti kode var size = 16 sesuai dengan ukuran teks yang Anda inginkan.
4. Jika sudah selesai kemudian klik “Simpan Template”
Kode warna teks
Merah: #FF0000
Hijau: #00FF00
Biru: #0000FF
Hitam: #190710
-==™ Gimana…?? mudah kan caranya ™==-
-=* Selamat Mencoba *=-
Read more: http://alulnaxkudus.blogspot.com/2011/10/cara-buat-kursor-di-ikuti-teks.html#ixzz033RhjuNU
Senin, 15 Oktober 2012
Kamis, 11 Oktober 2012
REPORT TEXT
Report text adalah salah satu dari beberapa genre text berbahasa
inggris yang berisikan tentang informasi dari sesuatu. Informasi
tersebut disajikan dengan apa adanya. Dalam report text tidak ada
keterlibatan penulis untuk ikut mengembangkan report text tersebut.
Semuanya disajikan secara logis berdasarkan fakta sesungguhnya yang ada
di lapangan. Ciri yang paling menonjol dari report text adalah
digunakannya simple present tense dalam penulisan kalimatnya. Ada juga
yang menggunakan past tense, hal itu untuk membahas sesuatu hal yang
sudah punah. Biar lebih mudah memahami report text, kamu harus tahu struktur yang membentuk report text tersebut, yaitu :
Kamis, 13 September 2012
Firefox Cepat Dengan Speedyfox 2.0.2 Terbaru
Meskipun browser mozilla firefox merupakan browser paling cepat
Download Modem booster 8 terbaru 2012 Full
Menurut sumber yang dipercaya Modem booster Terbaru 2012 inimampu meningkatkan kecepatan internet hingga 300% lebih cepat
Prototype 2
 |
|
Rabu, 12 September 2012
FotoSketcher
Free Download Software - FotoSketcher adalah aplikasi edit foto gratis (Freeware), yang dapat berfungsi untuk memodifikasi semua koleksi foto menjadi tampak seperti gambar kartun pada umumnya.
Langganan:
Postingan (Atom)