Cara Membuat Efek Bintang & Daun Berjatuhan Di Blog

Rizky Dian Syahputra
Jumat, Juni 26, 2020
0 Komentar
Beranda
Cara Membuat Efek Bintang & Daun Berjatuhan Di Blog

cara membuat efek bintang & daun berjatuhan di blog - ini merupakan trik mempercantik / menghias blog supaya blog kelihatan indah dilihat dan akan terlihat bintang dan daun yang berjatuhan, sehingga blog kamu akan terlihat keren dan menggemaskan. dengan memasang efek berjatuhan diblog, blog kamu akan terdapat bintang dan daun yang turun secara terus menerus tanpa henti, guna untuk memanjakan pengunjung blog kamu agar pengunjung betah lama lama di blog sambil melihat bintang daun berjatuhan. intinya adalah agar blog kamu semakin keren dan membuat pengunjung menjadi terkagum - kagum

pada waktu luang ini saya ingin share sedikit gimana cara membuat efek bintang & daun berjatuhan di blog.  silahkan kamu ikuti langkah langkah dibawah ini!!!

Cara Membuat Efek Bintang & Daun Berjatuhan Di Blog

 Trik membuat efek Berjatuhan blog dengan mudah


Kode bintang berjatuhan diblog

<script type='text/javascript'> 
//<![CDATA[
var no_image = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguRb6JN8tpYAMYVybG6AOn9h4hh-gmqkLKB-XzdFDka5zlAEngwXkMVe3sHuxASwySM308ThKBo0qhQx7-FyRhmTHpymgrRLD0lGeI2K4IBnuI4n3M9btLEB_QBYts2npOxsIUlHwNVpg/s1600-r/nth.png";
var month_format = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
var more_text = "View More";
var comments_text = "<span>Post </span>Comment";
var POSTPAGER_OLDER = "Older Article"; // post nav text "previous post"
var POSTPAGER_NEWER = "Newer Article"; // post nav text "next post"
//]]>
</script>
 <script type="text/javascript">
// <![CDATA[
var speed=40; // lower number for faster
var warp=3; // from 1 to 10
var stars=150; // number of stars
var colours=new Array("#60f", "#0f6", "#39f"); // colours of stars
var position=0; // set to '0' for foreground and '-1' for stars to appear in the background, behind text on the page

/****************************
*      Star Warp Effect     *
*     *
****************************/
var strs=new Array();
var strx=new Array();
var stry=new Array();
var stdx=new Array();
var stdy=new Array();
var strz=new Array();
var swide=800;
var shigh=600;
warp=1+warp/125;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addRVLoadEvent(initiate_hyperjump);

function initiate_hyperjump() { if (document.getElementById) {
  var i, temp;
  boddie=document.createElement("div");
  boddie.style.position="fixed";
  boddie.style.top="0px";
  boddie.style.left="0px";
  boddie.style.width="1px";
  boddie.style.height="1px";
  boddie.style.overflow="visible";
  boddie.style.backgroundColor="transparent";
  boddie.style.zIndex=position;
  i=document.body.style.backgroundColor;
  if (document.body.parentNode) {
    if (i) document.body.parentNode.style.backgroundColor=i;
    document.body.style.backgroundColor="transparent";
  }
  document.body.insertBefore(boddie, document.body.firstChild);
  set_width();
  for (i=0; i<stars; i++) {
    strs[i]=document.createElement("div");
    strs[i].style.color=colours[i%colours.length];
 strs[i].style.backgroundColor="transparent";
    strs[i].style.position="absolute";
 strs[i].appendChild(document.createTextNode("*"));
 strs[i].style.font="13px monospace";
    stdy[i]=Math.random()*6-3;
    stdx[i]=Math.random()*8-4;
    temp=Math.random()*100;
    strx[i]=swide/2+temp*stdx[i];
    stry[i]=shigh/2+temp*stdy[i];
    if (Math.abs(stdx[i])+Math.abs(stdy[i])>5) strz[i]=13;
    else if (Math.abs(stdx[i])+Math.abs(stdy[i])>3) strz[i]=7;
    else strz[i]=2;
 strs[i].style.fontSize=strz[i]+"px";
    boddie.appendChild(strs[i]);
  }
  setInterval("warp_drive()", speed);
}}

function warp_drive() {
  var i;
  for (i=0; i<stars; i++) {
    stry[i]+=stdy[i];
    strx[i]+=stdx[i];
    stdx[i]*=warp;
    stdy[i]*=warp;
    if (stry[i]>0 && stry[i]<shigh && strx[i]>0 && strx[i]<swide) {
   if (Math.abs(stdx[i])+Math.abs(stdy[i])>strz[i]) strs[i].style.fontSize=++strz[i]+"px";
      strs[i].style.left=strx[i]+"px";
      strs[i].style.top=stry[i]+"px"
    }
    else {
      strx[i]=swide/2;
      stry[i]=shigh/2;
      strx[i]+=3*(stdx[i]=Math.random()*8-4);
      stry[i]+=3*(stdy[i]=Math.random()*6-3);
   if (Math.abs(stdx[i])+Math.abs(stdy[i])>5) strz[i]=13;
      else if (Math.abs(stdx[i])+Math.abs(stdy[i])>3) strz[i]=7;
      else strz[i]=2;
   strs[i].style.fontSize=strz[i]+"px";
    }
  }
}

window.onresize=set_width;
function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
}
// ]]>
</script> 



Kode daun berjatuhan di blog 

<script src='http://misbahudin.googlecode.com/files/daun%20gugur.js'/>

 Langkah - Langkah.
  1. Pergi ke dasbhor blogger
  2. Pilih menu Template lalu Edit Html
  3. Cari kode </head> [ CTRL + F agar mempermudah pencarian ]
  4. letakan kode berjatuhan, tepatnya diatas kode </head> 
  5. silahkan cek blog kamu 




Bagimana gan apakah sudah bisa Membuat Efek Bintang & Daun Berjatuhan Di Blog :), kalau sudah bisa jangan lupa bilang alhamdullilah ya.

Penulis blog

Rizky Dian Syahputra
Rizky Dian Syahputra
I'm stuttering, heal me O Allah. The world is hard my friend, keep learning

Tidak ada komentar

Berkomentar lah sesuai judul diatas