Cara Membuat Halaman Loading : Evil Loader ~ Seo Majestic Indonesia

Saturday 2 January 2016

Cara Membuat Halaman Loading : Evil Loader

Cara Membuat Halaman Loading : Evil Loader

Halo sobat!!
Selamat datang di blog Easy Get Media | Anda sedang membaca konten berjudul : Cara Membuat Halaman Loading : Evil Loader
Halaman loading bisa membuat blog anda terlihat lebih Professional dan memberikan kesan menarik kepada pengunjung blog anda.
Halaman ini dibuat dengan kode css-javascript, yang lumayan susah dirakit langsung saja ke cara pemasangan Halaman Loading : Evil Loader untuk blog | Baca Juga : Creative Press Blog Template | Seo Friendly And Responsive, Fast Template |

Cara Memasang-nya :
1. Login Ke-Blog Anda
2. Masuk Ke-Menu Template ==>Edit HTML
3. Letakkan kode dibawah ini diata </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'></script> <script src="https://cdn.rawgit.com/Brando07/share/newbe/new-seocips-LP.js" type="text/javascript"></script> <style> @import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);  #load-page-seocips { width:100%; height:100%; position:fixed; left:0; top:0; z-index:999999; overflow:hidden; text-align:center; background:#111;}  .mata { width:20px; height:8px; background-color:#eee; border-radius:0 0 20px 20px; position:relative; top:40px; left:10px; box-shadow:40px 0 0 0 #eee;}  .kepala { -webkit-backface-visibility:hidden; position:relative; margin:-250px auto; width:80px; height:80px; background-color:#111; border-radius:50px; box-shadow:inset -4px 2px 0 0 #eee; -webkit-animation:node 1.5s infinite alternate; -webkit-animation-timing-function:ease-out; }  .badan { position:relative; margin:90px auto; width:140px; height:120px; background-color:#111; border-radius:50px/25px; box-shadow:inset -5px 2px 0 0 #eee; -webkit-animation:node2 1.5s infinite alternate; -webkit-animation-timing-function:ease-out; }  @-webkit-keyframes node {0% { top:0; } 50% { top:10px; } 100% { top:0; } }  @-webkit-keyframes node2 {0% { top:-5px; } 50% { top:10px; } 100% { top:-5px; } }  .circ { -webkit-backface-visibility:hidden; margin:60px auto; width:180px; height:180px; background-color:#111; border-radius:0 0 50px 50px; position:relative; z-index:-1; left:0%; top:20%; overflow:hidden; }  .tangan { -webkit-backface-visibility:hidden; margin-top:140px; width:120px; height:120px; position:absolute; background-color:#111; border-radius:20px; box-shadow:-1px -4px 0 0 #eee; -webkit-transform:rotate(45deg); top:75%; left:16%; z-index:1; -webkit-animation:node2 1.5s infinite alternate; -webkit-animation-timing-function:ease-out; }  .tulisan { position:absolute; width:100px; height:20px; margin:-10px auto; -webkit-font-smoothing:antialiased; font-family:'Julius Sans One',sans-serif; font-size:30px; font-weight:400; color:#eee; left:10%; top:5%; }  </style>

- *Jika Tidak Bisa Disave Coba Anda Hapus Kode Penutup </script> Pada Kode Diatas

4. Letakkan kode dibawah ini dibawah <body>

5. Save Dan Lihatlah Hasil-nya

0 komentar:

Post a Comment