26 Jun 2013

Loading Halaman Finger style


kali ini saya akan membagikan sebuat tips yang mungkin dapat agan coba untuk membuat tampilan blog agan semakin menarik yaitu engan menambahkan animasi loading saat seseorang berkunjung ke blog agan animasi ini cukup keren dimana animasi ini akan menampilkan sebuah efek Cap Jempol anda pada saat membuka blog ya terhitung kayak di film - film itu gan hehehe...baiklah kita lansung saja ke tutorialnya...
1. Masuk blog agan
2. Pilih Template/Edit Html
3.Cari kode </body> gunakan ctrl + f untuk memudahkan pencarian
4. Jika sudah ketemu copas kode dibawah ini dan letakan tepat diatas tag </body>


  <b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda ='http://1.bp.blogspot.com/-2KG5Pihvxjg/UPqNqJmGDyI/AAAAAAAABSI/OR8XesX6cGM/s28/Shutdown.png',
       Nama_Login_Anda = 'ncahjowo.corp';
</script>
<script src='https://tutorialbelajarblogger.googlecode.com/files/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End -->
<b:else/>
</b:if>

 Catatan : Ganti kode Berwarna Merah Dengan Nama Anda atau sama tetangga sebelah juga bisa...hehehehehe

5. Save template agan dan lihat hasilnya...

selamat mencoba semoga animasi loadingnya dapat membantu dan bermanfaat......

Read more : http://tutorialbelajarblogger.blogspot.com

0 komentar:

Posting Komentar