Follow | Dashboard
Bubbling Text Effect

Hello peeps ! hari ni fara nak share satu benda , okeh benda ni boleh dijadikan header atau boleh letak nama korang n ape-ape lah yg korang nak . HANYA UNTUK PENGGUNA CLASSIC TEMPLATE SAHAJA ! yang tak berkenaan pegi main jauh-jauh -.-



okey benda ni memang best tulisan dia akan betukar-tukar warna :O
magic kan :3
FARA CAKAP AWAL-AWAL ANDA TIDAK DIBENARKAN COPY CODE INI DAN PASTE KAN DI TUTO AWAK ! 


senang kata COPYDOG TIDAK DIBENARKAN ! 


okey janji ? fara tau mana satu code fara okehhh so, hati-hati.



1) Dashboard > Template > editHTML
2) search perkataan ini

<style type="text/css">


3) kalau dah copy code bawah ni dan pastekan sebelum code yang korang cari tadi


<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff";
var fgcolour="#6e6e6e";
var speed=100;
var shades=10;
/****************************
* Bubbling Text Effect *
*(c) 2003-6 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var bubbcol=new Array();
var bubbler, bubbtxt;
var bubbchr=new Array();
window.onload=function() { if (document.getElementById) {
for (bubbler=0; bubbler<=shades; bubbler++) {
bubbtxt="#";
for (var i=1; i<6; i+=2) {
var bg=parseInt(bgcolour.substring(i,i+2),16);
bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
}
bubbcol[bubbler+1]=bubbtxt;
}
bubbler=document.getElementById("bubble");
bubbtxt=bubbler.firstChild.nodeValue;
while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
for (var i=0; i<bubbtxt.length; i++) {
var bubbi=document.createElement("span");
bubbi.setAttribute("id", "bubb"+i);
bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
bubbler.appendChild(bubbi);
}
bubbler=setInterval ("bubbling()", speed);
}}
function dechex(dec) {
var hex=dec.toString(16);
if (dec<16) return "0"+hex;
else return hex;
}
function bubbling() {
for (var i=0; i<bubbtxt.length; i++) {
var bubbme=document.getElementById("bubb"+i);
if (bubbchr[i]) {
bubbme.style.color=bubbcol[bubbchr[i]];
bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
}
else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
}
}
// ]]>
</script>


4) kemudian search code bawah ni

</style>

5) copy code bawah ni dan pastekan sebelum code yang korang cari tadi


#cikfara{
position:fixed !important;
width: auto;
height: auto;
margin-top: 150px;
margin-left: 1000px;
background-color: transparent;
font-size: 100px;
font-family: 'Sofia';
line-height: 0px;
text-align: center;
text-shadow: 2px 2px 2px #DBDBDB;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); color: #FFFFFF;
}


6) kemudian , cari code bawah ni

</head>

7) copy code bawah ni dan pastekan selepas code yang korang cari tadi

<div id="cikfara"><span id="bubble">AYAT ANDA</span></div>

8) preview , kalau ok save .

NOTE

colour : tukar dengan warna yang korang nak dekat >SINI<
colour : tukar kelajuan yang korang nak.

ok dah siap , so big clap to me ^____^

DON'T COPY ANYTHING WITHOUT MY PERMISSION ! 
0 Comments

Post a Comment