Cara Membuat Loading JQuery Pada Blog

Cara Membuat Loading JQuery Pada Blog - Loading yang saya share ini memiliki kualitas yang lumayan mantabb untuk ukuran blog amatir seperti milik saya ini. Blog kalian pasti lebih asyik jika ditambah dengan Loading pada blog kalian. Tanpa banyak bicara, langsung saja ini dia step-by-step Membuat Loading JQuery Pada Blog :



1. Masuk ke dasboard Blogger anda
2. Klik Design-->Edit HTML
3. Masukkan kode berikut diatas kode </head>

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/> 
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' 
type='text/javascript'/>

4. Masukkan kode berikut diatas kode <body> 

<script> 
QueryLoader.selectorPreload = &quot;body&quot;; 
QueryLoader.init(); 
</script>

5. Selanjutnya, letakkan kode berikut diatas kode ]]></b:skin>


QOverlay { 
background-color: #000000; /* warna background saat blog anda di loading */ 
z-index: 9999; 
}
  
.QLoader { 
background-color: #CCCCCC; /* warna bar loading */ 
height: 1px; 
}
  
.QAmt { 
color:#FF530D; /* warna angka persentase saat loading */ 
font-size:50px; 
font-weight:bold; 
line-height:50px; 
height:50px; 
width:100px; 
margin:-60px 0 0 -50px; 
}

Sekian Cara Membuat Loading JQuery Pada Blog dari saya, kurang lebihnya mohon dimaklumi karena saya masih duduk di kelas 9 SMP (Junior High School, 3th grade). Comment jika kalian suka dengan Loading JQuery Pada Blog yang saya bagi ini. Lihat DEMO-nya disini

Keyword dari artikel ini : Cara Membuat Loading JQuery Pada Blog, Cara Membuat Loading Blog, Cara Membuat Animasi Loading Di Blog, Cara Membuat LOADING JQUERY DI BLOG, Kumpulan Animasi Loading Blog, Mempercepat loading blog, Membuat Loading Blog, Cek Loading Blog

2 komentar:

Langganan: Posting Komentar (Atom)