MIA PLANET

ENTRY ABOUT ME FRIELFS STUFF bias






Mengganti Header Bergambar Dengan Text Berkelip
Sabtu, 28 Maret 2015 - Permalink - 0 Comments
Assalamualaikum friends....
aku hari ini mau bagi tuto nih tentang mengganti header bergambar dengan text berkelip. tau maksudnya nggak? nggak tau kepo?yuk...read more--->



Maksudku seperti ini lho..
PREVIEW

Sudah tau maksudnya kan?oke...yuk kita pelajari :

  • Dashboard-->template
  • Cari kode <head>
  • Copy kode ini

<style>
#tittle3 {text-align: center;margin-top:20px;font: normal 80px "jandahappyday";}
@font-face{font-family:jandahappyday;src:url('http://static.tumblr.com/eq1rpir/Gvnm519fc/jandahappyday.ttf')}
</style>
<center>
<script type="text/javascript">
var bgcolour="#000000";
var fgcolour="#FF0000";
var speed=50;
var shades=10;
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>
<div id="tittle3">
<span id="bubble">YOUR TEXT</span></div>
</center>

  • Pastekan dibawah kode <head> tadi
  • Simpan
Aku sudah pernah pasang tuto ini diblogskin,dan berhasil. nggak tau lagi kalau template biasa (?)...

Baiklah sekian,dan terimakasih^^

Label:

Posting Komentar

Ayo guys, berikan komentarmu! dan harus dengan kalimat yang baik yaaa.

-Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
-Repost?credit please.....



Copyright© 2017.Siti Fatimah Al Islamiah.