music

Tuesday, 30 June 2015

putrajaya

Sejarah putrajaya



Putrajaya is a planned city, 25 km south of Kuala Lumpur, that serves as the federal administrative centre of Malaysia. The seat of government was shifted in 1999 from Kuala Lumpur to Putrajaya, due to overcrowding and congestion in the Kuala Lumpur area. Nevertheless, Kuala Lumpur remains Malaysia's national capital, being the seat of the King and Parliament, as well as the country's commercial and financial centre. Putrajaya was the brainchild of former Prime Minister Tun Dr Mahathir Mohammad. In 2001, Putrajaya became Malaysia's third Federal Territory after Kuala Lumpur and Labuan.
Named after the first Malaysian Prime MinisterTunku Abdul Rahman Putra, the city is within the Multimedia Super Corridor, beside the recently developed Cyberjaya. In Sanskrit, "putra" means "prince" or "male child", and "jaya" means "success" or "victory". The development of Putrajaya started in early 1990s, and today major landmarks have been completed and the population is expected to grow in the near future.

Monday, 29 June 2015

melaka

sejarah melaka



Sejarah Melaka bermula dengan pengasasan Kesultanan Melaka olehParameswara, seorang bangsawan Srivijaya dari Palembang, pada tahun antara 1400 hingga 1403.
Parameswara merupakan turunan ketiga dari Sri Maharaja Sang Utama Parameswara Batara Sri Tri Buana (Sang Nila Utama), seorang penerus raja Srivijaya. Sang Nila Utama mendirikan Singapura Lama dan berkuasa selama 48 tahun. Kekuasaannya dilanjutkan oleh puteranya Paduka Sri Pekerma Wira Diraja (1372 – 1386) yang kemudian diteruskan oleh cucunya, Paduka Seri Rana Wira Kerma (1386 – 1399). Pada tahun 1401, Parameswara putrra dari Seri Rana Wira Kerma, mengungsi dari Tumasik setelah mendapat penyerangan dari Majapahit.
Parameswara pada awalnya menjadi raja di Singapura pada tahun 1390-an. Negeri ini kemudian diserang oleh Jawa dan Siam, yang memaksanya berpindah lebih ke utara. Kronikal Dinasti Ming mencatat Parameswara telah tinggal di ibukota baru di Melaka pada 1403, tempat armada Ming yang dikirim ke selatan menemuinya. Sebagai balasan ufti yang diberikan Kekaisaran China menyetujui untuk memberikan perlindungan pada kerajaan baru tersebut.
Parameswara kemudian menganut agama Islam setelah menikahi seorang puteri dari Pasai. Laporan dari kunjungan Laksamana Cheng Ho pada 1409 melaporkan bahawa pada saat itu Parameswara masih berkuasa, dan raja dan rakyat Melaka sudah menjadi Muslim. Pada 1414 Parameswara digantikan puteranya, Sultan Megat Iskandar Shah.
Megat Iskandar Shah memerintah selama 10 tahun, dan digantikan olehSultan Muhammad Shah. Putera Sultan Muhammad Shah yang kemudian menggantikannya, Raja Ibrahim, dilihat tidak menganut agama Islam, dan mengambil gelaran Seri Parameswara Dewa Shah. Namun masa pemerintahannya hanya 17 bulan, dan dia mangkat kerana terbunuh pada 1445, masyarakat Melaka menggelarnya Sultan Abu Syahid. Saudara seayahnya, Raja Kasim, kemudian menggantikannya dengan gelaran Sultan Muzaffar Syah.
Di bawah pemerintahan Sultan Muzaffar Shah Melaka melakukan ekspansi di Semenanjung Tanah Melayu dan pantai timur Sumatera (Kampar dan Inderagiri). Ini memancing kemarahan Siam yang menganggap Melaka sebagai bawahan Kedah, yang pada saat itu menjadi vassal Siam. Namun serangan Siam pada 1455 dan 1456 dapat dipatahkan oleh Melaka.
Di bawah pemerintahan raja berikutnya yang naik takhta pada tahun 1459,Sultan Mansur Shah, Melaka menyerbu Kedah dan Pahang, dan menjadikannya negara vassal. Di bawah sultan yang sama Johor, Jambi dan Siak juga takluk. Dengan demikian Melaka mengendalikan sepenuhnya kedua pesisir yang mengapit Selat Malaka.
Sultan Mansur Shah berkuasa sehingga baginda mangkat pada 1477. Baginda digantikan oleh puteranya Sultan Alauddin Riayat Shah. Sultan ini memerintah selama 11 tahun, saat baginda meninggal dan digantikan oleh putranya Sultan Mahmud Shah.
Sultan Mahmud Shah memerintah Melaka sehingga tahun 1511, saat ibu kota kerajaan tersebut diserang tentera Portugis di bawah pimpinan Alfonso de Albuquerque. Serangan dimulai pada 10 Ogos 1511 dan berjaya ditawan pada 24 Ogos 1511. Sultan Mahmud Shah melarikan diri ke Bentan dan mendirikan ibukota baru di sana. Pada tahun 1526 Portugis telah menghancurkan Bentan, dan Sultan kemudian melarikan diri ke Kampar, Sumatera, tempat dia meninggal dunia dua tahun kemudian. Puteranya Sultan Mudzaffar Shah I, Perak kemudian menjadi Sultan Perak yang pertama, sedangkan puteranya yang lain Sultan Alauddin Riayat Shah II mendirikan kerajaan baru iaitu Johor.
Kesultanan Melaka ini memerintah Melaka selama 110 tahun sehingga ditewas oleh pihak Portugis pada tahun 1511.


sparkle

sparkle

Tutorial ini akan menunjukkan anda cara bagaimana untuk menjadikan cursor di dalam blog berkilauan/ sparkle seperti preview yang ditunjukkan di atas. Sila ikuti turorial berikut:

1) Login > Dashboard > Add A Gadget > HTML / Javascript

2) Copy dan paste kod berikut pada ruangan HTML (Pilih kod mengikut warna sparkle pilihan korang)  

Sparkle kuning:
<script src="https://sites.google.com/site/tutorialcursorsparkle/yellow.js" type="text/javascript"></script>

Sparkle pink:
<script src="https://sites.google.com/site/tutorialcursorsparkle/salmon.js" type="text/javascript"></script>

Sparkle putih:
<script src="https://sites.google.com/site/tutorialcursorsparkle/putih.js" type="text/javascript"></script>

Sparkle ungu:
<script src="https://sites.google.com/site/tutorialcursorsparkle/purple.js" type="text/javascript"></script>

Sparkle hijau:
<script src="https://sites.google.com/site/tutorialcursorsparkle/lawngreen.js" type="text/javascript"></script>

Sparkle hitam:
<script src="https://sites.google.com/site/tutorialcursorsparkle/black.js" type="text/javascript"></script>

Sparkle biru:
<script src="https://sites.google.com/site/tutorialcursorsparkle/biru.js" type="text/javascript"></script>

Sparkle hijau kebiruan:
<script src="https://sites.google.com/site/tutorialcursorsparkle/aqua.js" type="text/javascript"></script>

3) Save dan lihat hasilnya.

Selamat mencuba! :) 

photography

photography










Thursday, 4 June 2015

bubbles

bubbles

Untuk trick ini, bubbles akan muncul dari bawah blog seperti yang ditunjukkan dalam preview di atas. Warna bubble boleh ditukar ikut citarasa. Nak cuba? ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi
<script type="text/javascript">
// <![CDATA[
var colours=new Array("#33FF33", "#33FF33", "#33FF33", "#33FF33", "#0000CC"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // how many bubbles are moving at any given time

/****************************
* JavaScript Bubble Bath *
* (c) 2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* Tutorial by polskahackrew *
****************************/
var swide=800;
var shigh=600;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var b, i;
b=document.createElement("div");
i=b.style;
i.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();

var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");

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)";

b.appendChild(rats);
bubb[i]=rats.style;
}
bubble();
}}

function bubble() {
var c;
for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) {
bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px";
bubb[c].top=(bubby[c]=shigh)+"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;
if (bubby[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";
bubbx[i]+=(i%5-2)/5;
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}

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() {
var sleft, sdown;
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;
}
document.getElementById("bod").style.top=sdown+"px";
document.getElementById("bod").style.left=sleft+"px";
}

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>
4) cube and see =D

text bergerak

Cursor Text Bergerak



Ikuti tutorial di bawah:

1) Login akaun blogger > Dashboard > Add A Gadget > HTML/Javascript

2) Copy paste kod dibawah pada ruangan html tadi
<style type="text/css">

/* Circle Text Styles */

#outerCircleText {

font-style: normal;

font-weight: normal;

font-family: 'ARIAL';

color: #8D38C9;

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 = "TEXT HERE";

var size = 24;

var circleY = 0.75; var circleX = 2;

var letter_spacing = 5;

var diameter = 10;

var rotation = 0.4;

var speed = 0.2;

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>

naruto

NARUTO FANS CLUB








backgrounds??

BACKGROUNDS ??





 BACKGROUNDS ??

love sparking

Cursor Love Sparkling


Tutorial ini akan menunjukkan anda cara bagaimana untuk menjadikan cursor di dalam blog berkilauan/ sparkle berbentuk love seperti preview yang ditunjukkan di atas. Sila ikuti turorial berikut:

1) Sign in akaun blogger

2) Dashboard >> Page Element >> Add A Gadget >> HTML / Javascript

3) Copy dan paste kod berikut pada ruangan HTML
<script type='text/javascript'>
// <![CDATA[
var colour="#FF0066";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(5, 5);
var rdow=createDiv(5, 5);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
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;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>