برای قرار دادن این کد در وبلاگ یا صفحات وب ابتدا باید کد زیر رو در فایل css یا قبل از تگ <head/> در کدهای html قرار بدین.

<style>
  @keyframes virus{
    from{transform:rotate(0deg);}
    to{transform:rotate(180deg);}
  }
  @-moz-keyframes virus{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(180deg);}
  }
  @-o-keyframes virus{
    from{-o-transform:rotate(0deg);}
    to{-o-transform:rotate(180deg);}
  }
  @-webkit-keyframes virus{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(180deg);}
  }
  @-ms-keyframes virus{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(180deg);}
  }
  .virusLoading{
    border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
    -ms-border-radius:100px;
    -webkit-border-radius:100px;
    width:50px;
    height:50px;
    border:3px transparent solid;
    border-right-color:#036;
    border-left-color:#036;
    margin:0 auto;
    animation:virus .5s infinite linear;
    -moz-animation:virus  .5s infinite linear;
    -o-animation:virus  .5s infinite linear;
    -webkit-animation:virus  .5s infinite linear;
    -ms-animation:virus  .5s infinite linear;
  }
</style>

سپس کد زیر را در هرجایی که میخواهید لودینگ نمایش دهد میتوانید قرار دهید.

<div class="virusLoading"></div>