• Posted by : ADE IlhaM Aug 7, 2012

    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgro_nFZ2iZRP8AYLdzh1_DJQrPDiJtmhSg0WfJfXDJ2Nrg_PPnuTGZ1xyoJOsFO9wozqszc29-GkxSeWngsSqjRVDJ19imdiFU-HbkGji0qOvhujGrgh8NBmRKGieb0nfjocFWEbIoaMc/s1600/Untitled-1.pngHalo kali ini admin mau post Cara membuat Awan Akatsuki Bergerak di Blog 


    Jika ada yang belum mengerti bisa tanyakan pada saya :)
    langsung aja ke TKP
    untuk memasang pada blog kamu,pertama buka blogger=>template=>edit HTML

    1.tekan ctrl + f cari kode ini ]]></b:skin> 
    2.lalu letakan CSS dibawah ini di atas kode ]]></b:skin>
       CSS
    1. .akatsuki {
      width: 200px; height: 138px;
      background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgro_nFZ2iZRP8AYLdzh1_DJQrPDiJtmhSg0WfJfXDJ2Nrg_PPnuTGZ1xyoJOsFO9wozqszc29-GkxSeWngsSqjRVDJ19imdiFU-HbkGji0qOvhujGrgh8NBmRKGieb0nfjocFWEbIoaMc/s1600/Untitled-1.png") no-repeat top center;
      position: relative;
      }

      .awanmerah1 {
      -webkit-animation: moveclouds2 15s linear infinite;
      -moz-animation: moveclouds2 15s linear infinite;
      -o-animation: moveclouds2 15s linear infinite;
      }
      .awanmerah2 {
      left: 200px;
      -webkit-transform: scale(0.6);
      -moz-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.6;
      -webkit-animation: moveclouds2 25s linear infinite;
      -moz-animation: moveclouds2 25s linear infinite;
      -o-animation: moveclouds2 25s linear infinite;
      }
      .awanmerah3 {
      left: -250px; top: -200px;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      transform: scale(0.8);
      opacity: 0.8;
      -webkit-animation: moveclouds2 20s linear infinite;
      -moz-animation: moveclouds2 20s linear infinite;
      -o-animation: moveclouds2 20s linear infinite;
      }
      .awanmerah4 {
      left: 470px; top: -250px;
      -webkit-transform: scale(0.75);
      -moz-transform: scale(0.75);
      transform: scale(0.75);
      opacity: 0.75;
      -webkit-animation: moveclouds2 18s linear infinite;
      -moz-animation: moveclouds2 18s linear infinite;
      -o-animation: moveclouds2 18s linear infinite;
      }
      .awanmerah5 {
      left: -150px; top: -150px;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      transform: scale(0.8);
      opacity: 0.8;
      -webkit-animation: moveclouds2 20s linear infinite;
      -moz-animation: moveclouds2 20s linear infinite;
      -o-animation: moveclouds2 20s linear infinite;
      }
      @-webkit-keyframes moveclouds2 {
      0% {margin-left: 1000px;}
      100% {margin-left: -1000px;}
      }
      @-moz-keyframes moveclouds2 {
      0% {margin-left: 1000px;}
      100% {margin-left: -1000px;}
      }
      @-o-keyframes moveclouds2 {
      0% {margin-left: 1000px;}
      100% {margin-left: -1000px;}
      }

    3.Sedangkan Untuk HTMLnya kamu letakan kodenya di bawah code <body>
    <div id='akatsuki'>
    <div class='akatsuki awanmerah1'/><div class='akatsuki awanmerah2'/><div class='akatsuki awanmerah3'/><div class='akatsuki awanmerah4'/><div class='akatsuki awanmerah5'/></div>

    { 1 comments... read them below or add one }

    1. thanks buat infonya, visit
      http://konichiwax.blogspot.com/

      ReplyDelete

  • Copyright © 2013 - Nisekoi - All Right Reserved

    ="Sky♥Heart"= Powered by Blogger - Designed by Johanes Djogan