Animasi page loader keren di blog



Posted by: Eko Hardiansyah

Baiklah jika sobat tertarik untuk memasangnya, maka silahkan ikuti langkah-langkah berikut.






  1. Login blogger
  2. Rancangan, Edit Html, Cari kode]]></b:skin>



  • Dan Simpan kode berikut diatasnya :

  • /* PageLoader V2*/
    #pageLoadaka {
    position: fixed;top:0;left:0;background-color:rgba(5,5,5,0.9);z-index: 9999;text-align:center;
    width:100%;height:100%;padding-top:22%;font-size:25px;color:#fff;display:none;}
    .loader {
    background-color:rgba(0,0,0,0);
    border:5px solid #fff;
    opacity:.9;
    border-right:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:60px;
    box-shadow:0 0 35px #fff;-moz-box-shadow:0 0 35px #fff;-webkit-box-shadow:0 0 35px #fff;
    width:100px;
    height:100px;
    margin:0 auto;
    -moz-animation:berputar 1s infinite ease-in-out;
    -webkit-animation:berputar 1s infinite linear;
    }
    .loader3 {
    background:#eee url(http://4.bp.blogspot.com/-gwF5IOqEEU0/UI0kvUoDgWI/AAAAAAAABb0/_Qt5Yj3qOJM/s1600/cyrle.png) no-repeat center;
    background-repeat: no-repeat
    border:1px solid #fff;
    opacity:.9;
    border-radius:45px;
    box-shadow:0 0 35px #fff;-moz-box-shadow:0 0 35px #fff;-webkit-box-shadow:0 0 35px #fff;
    width:70px;
    height:70px;
    margin:0 auto;
    position:relative;
    top:-181px;
    }
    .loader2 {
    background-color: rgba(0,0,0,0);
    border:5px solid #fff;
    opacity:.9;
    border-left:5px solid rgba(0,0,0,0);
    border-right:5px solid rgba(0,0,0,0);
    border-radius:45px;
    box-shadow:0 0 35px #fff;-moz-box-shadow:0 0 35px #fff;-webkit-box-shadow:0 0 35px #fff;
    width:80px;
    height:80px;
    margin:0 auto;
    position:relative;
    top:-100px;
    animation:berputarkecil 1s infinite linear;
    -moz-animation:berputarkecil 1s infinite linear;
    -webkit-animation:berputarkecil 1s infinite linear;
    }
    @-moz-keyframes berputar {
    0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #fff;}
    50% { -moz-transform:rotate(145deg); opacity:1; }
    100% { -moz-transform:rotate(-320deg); opacity:0; }
    }
    @-moz-keyframes berputarkecil {
    0% { -moz-transform:rotate(360deg); }
    100% { -moz-transform:rotate(0deg);  }
    }
    @-webkit-keyframes berputar {
    0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #fff; }
    50% { -webkit-transform:rotate(145deg); opacity:1;}
    100% { -webkit-transform:rotate(-320deg); opacity:0; }
    }
    @-webkit-keyframes berputarkecil{
    0% { -webkit-transform:rotate(360deg); }
    100% { -webkit-transform:rotate(0deg); }
    }

    4. Selanjutnya Masukkan kode javascript berikut diatas </body>.
    <!-- Start pageloader -->
    <div id='pageLoadaka'>
    <div class='loader'/>
    <div class='loader2'/>
    <div class='loader3'/>
    </div>
    <script type='text/javascript'>
    //<![CDATA[
    $(function() {
        var siteURL = "http://" + top.location.host.toString();
        var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../'], a[href^='#']");
        $internalLinks.click(function() {
            $('#pageLoadaka').fadeIn(500).delay(2000).fadeOut(1200);
        });
        $('#pageLoadaka').click(function() {
            $(this).hide();
        });
    });
    //]]>
    </script>
    <!-- End pageloader -->
    5. Simpan Template dan Selesai.

    1 komentar:

    1. Kami Jasa Pembuatan Ijazah Profesional Melayani Jasa Kepengurusan Ijazah SMU, D3, S1 dan S2 TERPERCAYA sejak tahun 1996 .

      Kami membantu anda yang kesulitan :
      – Ingin kuliah tapi tidak ada waktu karena terbentur jam kerja
      – Ijazah hilang, rusak, dicuri, kebakaran dan kecelakaan faktor lain.
      – Drop out takut mengecewakan orang tua.
      – Biaya kuliah tinggi tapi ingin cepat kerja.
      – Ijazah ditahan perusahaan tetapi ingin pindah ke perusahaan lain .
      – Dll.

      JASA KAMI :

      Semua ijazah DIPLOMA (D1,D2,D3) S/D SARJANA ( S1 / S2 ).
      Permintaan Seluruh Universitas Yang Ada Di Indonesia Bisa Kami Penuhi.
      • UNIVERSITAS TARUMA NEGARA
      • UNIVERSITAS MERCUBUANA
      • UNIVERSITAS GAJAH MADA
      • UNIVERSITAS ATMA JAYA
      • UNIVERSITAS PANCASILA
      • UNIVERSITAS MOETOPO
      • UNIVERSITAS TERBUKA
      • UNIVERSITAS ISLAM INDONESIA
      • UNIVERSITAS TRISAKTI
      • UNIVERSITAS KRISTEN INDONESIA
      • UNIVERSITAS BUDI LIHUR ASMI
      • UNIVERSITAS ILMUKOMPUTER
      • UNIVERSITAS DIPONOGORO
      • AKADEMI BAHASA ASING BINA SARANA INFORMATIKA
      • UPN VETERAN
      • AKADEMI PARIWISATA INDONESIA
      • INSTITUT TEKHNOLOGI SERPONG
      • STIE YPKP
      • STIE SUKABUMI
      • YAI
      • ISTN STIE PERBANAS
      • LIA / TOEFEL STIMIK SWADHARMA
      • STIMIK UKRIDA
      • UNIVERSITAS NASIONAL
      • UNIVERSITAS JAKARTA
      • UNIVERSITAS BUNG KARNO
      • UNIVERSITAS PADJAJARAN
      • UNIVERSITAS BOROBUDUR
      • UNIVERSITAS INDONESIA
      • UNIVERSITAS MUHAMMADYAH
      • UNIVERSITAS BATAM
      • UNIVERSITAS SAHID
      • Seluruh universitas yang ada di Indonesia .

      DATA YANG DI BUTUHKAN :

      Persyaratan untuk ijazah :
      1. Nama
      2. Tempat & tgl lahir
      3. Foto ukuran 4 x 6 (bebas, rapi, dan usahakan memakai jas),
      4. IPK yang di inginkan
      5. Universitas yang di inginkan
      6. Jurusan yang di inginkan
      7. Tahun kelulusan yang di inginkan
      8. Nama dan alamat lengkap, serta nomor hp untuk pengiriman dokumen .

      Semua data persyaratan dikirim melalui email ke : 085736927001.KU@GMAIL.COM
      Pembayaran 50% didepan sisa saat serah terima pesanan.
      PENGIRIMAN Dokumen Via JNE / TIKI / POS (Menyesuaikan wilayah).

      Biaya Administrasi :
      - SD = Rp. 4.000.000
      - SMP = Rp. 4.000.000
      - SMA = Rp. 4.000.000
      - D3 = Rp. 6.000.000
      - S1 = Rp. 8.000.000
      - S2 = Rp. 20.000.000
      - S3 = Rp. 35.000.000
      - D3 Kebidanan / Keperawatan Rp. 10.000.000
      - S1 Kebidanan / Keperawatan Rp. 12.000.000
      (minimal sudah pernah kuliah di jurusan tersebut hingga semester 4)
      S1 Dokter. Rp. 30.000.000

      Kelebihan Jasa Kami :
      1. Jaminan Ijazah yang sah / Legal / Terakreditasi KOPERTIS + BANPT
      2. Terdaftar pada universitas/sekolah bersangkutan dan DIKNAS (Bukan Ijazah Aspal)
      3. Aman untuk daftar CPNS / Caleg/ CaBup.
      4.Tenang untuk melanjutkan ke Jenjang Pendidikan yg lebih tinggi S1/S2/S3
      5. Bisa ikut wisuda (Khusus Paket Wisuda)
      6. Tidak takut jika di cek di kampus bersangkutan karena benar-benar TERDAFTAR
      7. Sudah termasuk biaya pembuatan Skripsi/ tugas akhir / Tesis .

      Fasilitas yang Kami Berikan :
      1. Ijazah
      2. Transkrip Nilai & Legalisir NIM (No Induk Mahasiswa) & No Seri Ijazah yang terdaftar .
      3. Kartu mahasiswa / Kartu pelajar .
      4. Keamanan rahasia identitas pemesan.

      Prosedur Pemesanan :
      1. Mengirim persyaratan melalui email .
      2. Konfirmasi melalui sms ke nomor 085736927001 .
      3. Membayar administrasi 50% melalui transfer .
      Untuk pertanyaan lain silahkan anda kirim sms ke nomor : 085736927001 .

      #JasaPembuatanIjazah .
      www.ijazahlegal.blogspot.com
      www.konsultanijazah.blogspot.com
      www.solusiijazahinstan.blogspot.com
      http://jasapembuatanijazahinstan.blogspot.com
      www.jasapembuatanijazah.ga

      BalasHapus