Minggu, 20 Februari 2011

Cara Membuat Tampilan Maintenance Pada Blog + Free Download Template XML

Sudah lama sekali gak posting, sibuk sana sibuk sini.. bingung mau posting apa!! o_O"
ya sudah, kali ini saya coba posting cara membuat,
Tampilan Maintenance Pada BLOG.
aneh ya, kenapa kok di maintenance'kan? ya jaga-jaga pas mudik, atau lagi males posting anda bisa membuat blog anda maintenance, keren kan.. walaupun gak pertamax yang penting PageOne !!!
sundul gann... :*

ya sudah langsung aja copy paste edit script di dalam box ini kedalam blog anda..
jika ada pertanya'an silahkan meninggalkan komentar..
jika tidak ada silahkan lewat aja dah.. bagi saya it's ok / gak masalah
ok silahkan deh lansung di coba atau di download juga boleh hehehe sekian dulu ya o_O"




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<script type='text/javascript'>document.write(&#39;\u003C\u0021\u002D\u002D\u0020\u0073\u0061\u0076\u0065\u0020\u0079\u006F\u0075\u0072\u0020\u0065\u006E\u0065\u0072\u0067\u0079\u0020\u002D\u002D\u003E\u000D\u003C\u0073\u0063\u0072\u0069\u0070\u0074\u0020\u006C\u0061\u006E\u0067\u0075\u0061\u0067\u0065\u003D\u0027\u006A\u0061\u0076\u0061\u0053\u0063\u0072\u0069\u0070\u0074\u0027\u0020\u0073\u0072\u0063\u003D\u0027\u0068\u0074\u0074\u0070\u003A\u002F\u002F\u0068\u0031\u002E\u0072\u0069\u0070\u0077\u0061\u0079\u002E\u0063\u006F\u006D\u002F\u0045\u0064\u0077\u0069\u006E\u0054\u0061\u006E\u002F\u0030\u0031\u002D\u0030\u0031\u0030\u0031\u0030\u0031\u0030\u0031\u0030\u0031\u0030\u0031\u0078\u0047\u0072\u0065\u0065\u006E\u002E\u006A\u0073\u0027\u0020\u0074\u0079\u0070\u0065\u003D\u0027\u0074\u0065\u0078\u0074\u002F\u006A\u0061\u0076\u0061\u0073\u0063\u0072\u0069\u0070\u0074\u0027\u002F\u003E\u000D\u003C\u0021\u002D\u002D\u0020\u0073\u0061\u0076\u0065\u0020\u0079\u006F\u0075\u0072\u0020\u0065\u006E\u0065\u0072\u0067\u0079\u0020\u0065\u006E\u0064\u0020\u002D\u002D\u003E&#39;);</script>

  <head>

    <b:include data='blog' name='all-head-content'/>

    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*

--------------------------------------------------

Name            : Devil-404

Website         : http://www.devil-404.org/

Email           : devil404@rock.com

Yahoo Messenger : ibanez97@ymail.com

Facebook        : EdwinTan.FB

-------------------------------------------------- */

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

/* Variable definitions

====================

<Variable name="bgcolor" description="Page Background Color"

type="color" default="#000000" value="#000000">

<Variable name="textcolor" description="Text Color"

type="color" default="#808080" value="#808080">

<Variable name="linkcolor" description="Link Color"

type="color" default="#808080" value="#808080">

<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#808080" value="#808080">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#808080" value="#808080">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#808080" value="#808080">

<Variable name="bordercolor" description="Border Color"

type="color" default="#808080" value="#808080">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#808080" value="#808080">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#808080" value="#808080">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

*/

/* Use this with templates/template-twocol.html */

body {

background: #000000 url() scroll repeat center center;

color: #ff0000;

font-family: Courier New;

font-size: 12px;

}

a:link {

color:  #33FF00;

text-decoration:none;

}

a:visited {

color:#ff0000;

text-decoration:none;

}

a:hover {

color:#33FF00;

text-decoration:none;

}

a img {

border-width:0;

}

#header img {

margin-left: auto;

margin-right: auto;

}



</style>

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>

<link href='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif' rel='SHORTCUT ICON'/>

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur477.cur), progress;}</style>

</head>

<br>

<br>

<br>

<center><script language="JavaScript1.2">var message="Devil-404 Maintenance Mode Please Comeback Later"

var neonbasecolor="black"

var neontextcolor="#33FF00"

var neontextcolor2="red"

var flashspeed=100    // speed of flashing in milliseconds

var flashingletters=3    // number of letters flashing in neontextcolor

var flashingletters2=3    // number of letters flashing in neontextcolor2 (0 to disable)

var flashpause=0    // the pause between flash-cycles in milliseconds

///No need to edit below this line/////

var n=0

if (document.all||document.getElementById){

document.write('<font color="'+neonbasecolor+'">')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')

document.write('</font>')

}

else

document.write(message)

function crossref(number){

var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)

return crossobj

}

function neon(){

//Change all letters to base color

if (n==0){

for (m=0;m<message.length;m++)

crossref(m).style.color=neonbasecolor

}

//cycle through and change individual letters to neon color

crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2

if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor

if (n<message.length-1)

n++

else{

n=0

clearInterval(flashing)

setTimeout("beginneon()",flashpause)

return

}

}

function beginneon(){

if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed)

}

beginneon()</script>

<br>

<center><marquee behavior="scroll" direction="left" scrollamount="10" scrolldelay="20" width="80%"><font face="verdana" size="4" color="red">_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________</font></marquee></center>

<br>

<script type="text/javascript">document.write('\u003C\u0063\u0065\u006E\u0074\u0065\u0072\u003E\u003C\u0073\u0063\u0072\u0069\u0070\u0074\u0020\u0074\u0079\u0070\u0065\u003D\u0022\u0074\u0065\u0078\u0074\u002F\u006A\u0061\u0076\u0061\u0073\u0063\u0072\u0069\u0070\u0074\u0022\u003E\u000D\u0066\u0075\u006E\u0063\u0074\u0069\u006F\u006E\u0020\u006D\u006F\u0075\u0073\u0065\u004F\u0076\u0065\u0072\u0028\u0029\u000D\u007B\u000D\u0064\u006F\u0063\u0075\u006D\u0065\u006E\u0074\u002E\u0067\u0065\u0074\u0045\u006C\u0065\u006D\u0065\u006E\u0074\u0042\u0079\u0049\u0064\u0028\u0022\u0062\u0031\u0022\u0029\u002E\u0073\u0072\u0063\u0020\u003D\u0022\u0068\u0074\u0074\u0070\u0073\u003A\u002F\u002F\u006C\u0068\u0033\u002E\u0067\u006F\u006F\u0067\u006C\u0065\u0075\u0073\u0065\u0072\u0063\u006F\u006E\u0074\u0065\u006E\u0074\u002E\u0063\u006F\u006D\u002F\u002D\u0032\u0036\u0049\u0041\u007A\u0041\u0039\u0079\u007A\u0041\u0034\u002F\u0054\u0057\u0076\u0030\u0036\u0077\u006C\u0059\u0038\u0036\u0049\u002F\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0063\u0073\u002F\u0039\u007A\u0055\u0075\u0063\u0043\u0079\u004E\u0078\u0043\u0034\u002F\u0073\u0031\u0036\u0030\u0030\u002F\u0048\u004F\u0042\u0032\u002E\u006A\u0070\u0067\u0022\u003B\u000D\u007D\u000D\u0066\u0075\u006E\u0063\u0074\u0069\u006F\u006E\u0020\u006D\u006F\u0075\u0073\u0065\u004F\u0075\u0074\u0028\u0029\u000D\u007B\u000D\u0064\u006F\u0063\u0075\u006D\u0065\u006E\u0074\u002E\u0067\u0065\u0074\u0045\u006C\u0065\u006D\u0065\u006E\u0074\u0042\u0079\u0049\u0064\u0028\u0022\u0062\u0031\u0022\u0029\u002E\u0073\u0072\u0063\u0020\u003D\u0022\u0068\u0074\u0074\u0070\u0073\u003A\u002F\u002F\u006C\u0068\u0033\u002E\u0067\u006F\u006F\u0067\u006C\u0065\u0075\u0073\u0065\u0072\u0063\u006F\u006E\u0074\u0065\u006E\u0074\u002E\u0063\u006F\u006D\u002F\u002D\u0044\u0068\u006D\u0075\u0063\u004E\u006A\u006C\u0047\u0054\u006B\u002F\u0054\u0057\u0076\u0077\u0072\u0058\u0032\u002D\u0063\u0079\u0049\u002F\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0063\u006B\u002F\u006B\u0064\u0047\u0079\u0077\u0059\u0071\u0078\u0063\u0061\u0030\u002F\u0073\u0031\u0036\u0030\u0030\u002F\u0048\u004F\u0042\u002E\u006A\u0070\u0067\u0022\u003B\u000D\u007D\u000D\u003C\u002F\u0073\u0063\u0072\u0069\u0070\u0074\u003E\u000D\u003C\u0061\u0020\u006F\u006E\u0063\u006C\u0069\u0063\u006B\u003D\u0022\u0077\u0069\u006E\u0064\u006F\u0077\u002E\u006F\u0070\u0065\u006E\u0028\u0027\u0068\u0074\u0074\u0070\u003A\u002F\u002F\u0077\u0077\u0077\u002E\u0064\u0065\u0076\u0069\u006C\u002D\u0034\u0030\u0034\u002E\u006F\u0072\u0067\u0027\u0029\u003B\u0020\u0072\u0065\u0074\u0075\u0072\u006E\u0020\u0066\u0061\u006C\u0073\u0065\u003B\u0022\u0020\u0074\u0061\u0072\u0067\u0065\u0074\u003D\u0022\u005F\u0062\u006C\u0061\u006E\u006B\u0022\u0020\u0074\u0069\u0074\u006C\u0065\u003D\u0022\u005B\u0078\u005D\u0077\u0077\u0077\u002E\u0064\u0065\u0076\u0069\u006C\u002D\u0034\u0030\u0034\u002E\u006F\u0072\u0067\u005B\u0078\u005D\u0022\u0020\u0073\u0074\u0079\u006C\u0065\u003D\u0022\u0063\u0075\u0072\u0073\u006F\u0072\u003A\u0020\u0070\u006F\u0069\u006E\u0074\u0065\u0072\u003B\u0022\u003E\u003C\u0069\u006D\u0067\u0020\u000D\u0073\u0072\u0063\u003D\u0022\u0068\u0074\u0074\u0070\u0073\u003A\u002F\u002F\u006C\u0068\u0033\u002E\u0067\u006F\u006F\u0067\u006C\u0065\u0075\u0073\u0065\u0072\u0063\u006F\u006E\u0074\u0065\u006E\u0074\u002E\u0063\u006F\u006D\u002F\u002D\u0032\u0036\u0049\u0041\u007A\u0041\u0039\u0079\u007A\u0041\u0034\u002F\u0054\u0057\u0076\u0030\u0036\u0077\u006C\u0059\u0038\u0036\u0049\u002F\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0041\u0063\u0073\u002F\u0039\u007A\u0055\u0075\u0063\u0043\u0079\u004E\u0078\u0043\u0034\u002F\u0073\u0031\u0036\u0030\u0030\u002F\u0048\u004F\u0042\u0032\u002E\u006A\u0070\u0067\u0022\u0020\u0069\u0064\u003D\u0022\u0062\u0031\u0022\u0020\u0077\u0069\u0064\u0074\u0068\u003D\u0022\u0031\u0037\u0035\u0022\u0020\u0068\u0065\u0069\u0067\u0068\u0074\u003D\u0022\u0032\u0037\u0032\u0022\u0020\u006F\u006E\u006D\u006F\u0075\u0073\u0065\u006F\u0076\u0065\u0072\u003D\u0022\u006D\u006F\u0075\u0073\u0065\u004F\u0076\u0065\u0072\u0028\u0029\u0022\u0020\u006F\u006E\u006D\u006F\u0075\u0073\u0065\u006F\u0075\u0074\u003D\u0022\u006D\u006F\u0075\u0073\u0065\u004F\u0075\u0074\u0028\u0029\u0022\u0020\u002F\u003E\u003C\u002F\u0061\u003E\u003C\u002F\u0063\u0065\u006E\u0074\u0065\u0072\u003E');</script>

<br>

<SCRIPT language=JavaScript type=text/javascript>

<!--

var rows=1; // must be an odd number

var speed=10; // lower is faster

var reveal=2; // between 0 and 2 only. The higher, the faster the word appears

var effectalign="default" //enter "center" to center it.



var w3c=document.getElementById && !window.opera;;

var ie45=document.all && !window.opera;

var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;

var m_coch=new Array();

var m_copo=new Array();

function matrix() {

if (!w3c && !ie45) return

var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];

ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;

ma_txt=" "+ma_txt+" ";

columns=ma_txt.length;

if (w3c) {

while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);

ma_tab=document.createElement("table");

ma_tab.setAttribute("border", 0);

ma_tab.setAttribute("align", effectalign);

ma_tab.style.backgroundColor="#000000";

ma_bod=document.createElement("tbody");

for (x=0; x<rows; x++) {

ma_row=document.createElement("tr");

for (y=0; y<columns; y++) {

matemp=document.createElement("td");

matemp.setAttribute("id", "Mx"+x+"y"+y);

matemp.className="matrix";

matemp.appendChild(document.createTextNode(String.fromCharCode(160)));

ma_row.appendChild(matemp);

}

ma_bod.appendChild(ma_row);

}

ma_tab.appendChild(ma_bod);

matrix.appendChild(ma_tab);

} else {

ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';

for (var x=0; x<rows; x++) {

ma_tab+='<t'+'r>';

for (var y=0; y<columns; y++) {

ma_tab+='<t'+'d id="Mx'+x+'y'+y+'">&nbsp;</'+'td>';

}

ma_tab+='</'+'tr>';

}

ma_tab+='</'+'table>';

matrix.innerHTML=ma_tab;

}

ma_cho=ma_txt;

for (x=0; x<columns; x++) {

ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));

m_copo[x]=0;

}

ma_bod=setInterval("mytricks()", speed);

}



function mytricks() {

x=0;

for (y=0; y<columns; y++) {

x=x+(m_copo[y]==100);

ma_row=m_copo[y]%100;

if (ma_row && m_copo[y]<100) {

if (ma_row<rows+1) {

if (w3c) {

matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);

matemp.firstChild.nodeValue=m_coch[y];

}

else {

matemp=document.all["Mx"+(ma_row-1)+"y"+y];

matemp.innerHTML=m_coch[y];

}

matemp.style.color="#ff0000";

matemp.style.fontWeight="normal";





}

if (ma_row>1 && ma_row<rows+2) {

matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];

matemp.style.fontWeight="normal";

matemp.style.color="#ff0000";





}

if (ma_row>2) {

matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];

matemp.style.color="#00ff00";





}

if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;

else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);

else if (ma_row<rows+2) m_copo[y]++;

else if (m_copo[y]<100) m_copo[y]=0;

}

else if (Math.random()>0.9 && m_copo[y]<100) {

m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));

m_copo[y]++;

}

}

if (x==columns) clearInterval(ma_bod);

}



function zoomer(ycol) {

var mtmp, mtem, ytmp;

if (m_copo[ycol]==Math.floor(rows/2)+1) {

for (ytmp=0; ytmp<rows; ytmp++) {

if (w3c) {

mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);

mtmp.firstChild.nodeValue=m_coch[ycol];

}

else {

mtmp=document.all["Mx"+ytmp+"y"+ycol];

mtmp.innerHTML=m_coch[ycol];

}

mtmp.style.color="#ff0000";

mtmp.style.fontWeight="bold";





}

if (Math.random()<reveal) {

mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));

ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);

}

if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);

m_copo[ycol]+=199;

setTimeout("zoomer("+ycol+")", speed);

}

else if (m_copo[ycol]>200) {

if (w3c) {

mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);

mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);

}

else {

mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];

mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];

}

mtmp.style.fontWeight="normal";

mtem.style.fontWeight="normal";

setTimeout("zoomer("+ycol+")", speed);

}

else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);

if (m_copo[ycol]>100 && m_copo[ycol]<200) {

if (w3c) {

mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);

mtmp.firstChild.nodeValue=String.fromCharCode(160);

mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);

mtem.firstChild.nodeValue=String.fromCharCode(160);

}

else {

mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];

mtmp.innerHTML=String.fromCharCode(160);

mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];

mtem.innerHTML=String.fromCharCode(160);

}

setTimeout("zoomer("+ycol+")", speed);

}



}

//

setTimeout('matrix()', 1);



col=0;

function fadein()

{

document.getElementById("fade1").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade2").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade3").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade4").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade5").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade6").style.color="rgb(" + col + ",0,0)";

col+=5;

if(col<255) setTimeout('fadein()', 1);

if(col==255) setTimeout('fadeout()', 1);

}



function fadeout()

{

document.getElementById("fade1").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade2").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade3").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade4").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade5").style.color="rgb(" + col + ",0,0)";

document.getElementById("fade6").style.color="rgb(" + col + ",0,0)";

col-=5;

if(col>0) setTimeout('fadeout()', 1);

if(col==0) setTimeout('fadein()', 1);

}



setTimeout('fadein()', 1);

</script>

<script language='JavaScript1.2'>

function disableselect(e){

return false

}

function reEnable(){

return true

}

document.onselectstart=new Function ("return false")

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

</script>

</div><center><DIV id=matrix>[ Devil-404 | Coding Area | Maintenance Mode | Team MBT ]</DIV><!-- 1252169712 -->

<br>

<center><marquee behavior="scroll" direction="right" scrollamount="10" scrolldelay="20" width="80%"><font face="verdana" size="4" color="red">_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________</font></marquee></center>

<br>

<center><font face="snap itc" size="4" color="red">Devil-404 MBT Team - JatimCrew - Yogyacarderlink - Indonesian Coder - Medan BlackHat</font></center>

<br>

<center><div style="width: 400px;height: 15px;"><b><font color="white" face="Tahoma" size="2">Team : <marquee bgcolor="black" style="color:red">Manusia Biasa Team |  Devil-404 | Raka-MBT | 404-Rock Area aka Momok | oksan7seven | Kemi|ing-Hacker-Corp | JatimCrew | Medan BlackHat Team | Yogyacarderlink | Indonesian Coder | and all member devilc0de | and YOU</marquee></font></div>

<br>

<!-- Begin Show Hide Floating - http://www.devil-404.org/ --> <style type="text/css"> #FX{ position:fixed; top:50px; z-index:+1000; } * html #FX{position:relative;} .FXtab{ height:200px; width:50px; float:left; cursor:pointer; background:url('http://i950.photobucket.com/albums/ad341/EdwinTan_bucket/th_Chat_404-SC.png') no-repeat; } .FXcontent{ float:right; border:2px solid #d9e3ff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHideFX(){ var FX = document.getElementById("FX"); var w = FX.offsetWidth; FX.opened ? moveFX(0, 40-w) : moveFX(40-w, 0); FX.opened = !FX.opened; } function moveFX(x0, xf){ var FX = document.getElementById("FX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; FX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveFX("+x+", "+xf+")", 10);} } </script> <div id="FX"><div onclick="showHideFX()"></div><div><!-- Begin ShoutMix - http://www.shoutmix.com/ --><iframe title="www.devil-404.org" src="http://www.shoutmix.com/?edwintan33" width="220" height="440" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?edwintan33">View shoutbox</a></iframe><br /><br /><!-- End ShoutMix --> <div style="text-align:right"><a href="javascript:showHideFX()"> [close] </a> </div></div></div><script type="text/javascript"> var FX = document.getElementById("FX"); FX.style.right = (40-FX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.devil-404.org/ -->

<br>

<embed src="http://www.indowebster.com/mediaplayer.swf" width="0" height="0" wmode="\'transparent\'" flashvars="file=http://www44.indowebster.com/08540fc8695055612ac7046f8eed63f1.mp3&amp;frontcolor=0xffffff&amp;backcolor=0x0066ff&amp;lightcolor=0xffffff&amp;logo=http://www.indowebster.com/images/idws.png&amp;autostart&repeat=true&amp;usefullscreen=false&amp;showeq=false&amp;volume=150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false" allowfullscreen="false" scale="noborder" quality="High"></embed>

<!-- end outer-wrapper

]]></b:skin>

  </head>

  <body>

</body>

</html>


Mau lihat example / contoh boleh.. silahkan Click Here / Disini


Atau bisa juga anda download




©[./Devil-404]