>

Saturday, March 28, 2015

Mengganti Header Bergambar Dengan Text Berkelip

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^^

No comments:

Post a Comment

Ayo guys, berikan komentarmu! dan Jangan lupa patuhi peraturan dibawah ini :

- Berkomentarlah dengan kalimat yang baik dan sopan
- Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
- Dilarang KERAS!! berkomentar yang mengandung unsur Negatif,SARA, Pornografi dan Judi
- Dilarang berkomentar yang tidak berhubungan dengan topik
- Dilarang promosi usaha (travel,olshop,obat,dll) dikolom komentar ini, dicbox saja boleh asal tidak nyepam
- No anonymous,unknown or delete -,-
- Tidak mematuhi? HAPUS!! Admin sering online untuk memantau blog ini
- Repost?credit please.....