Tutorial cara membuat efek loading pada blog

Tutorial untuk memasang efek loading pada blog sebenarnya sudah banyak bertaburan di google. Cubalah search dengan keyword simple ''efek loading pada blog''..
Banyak kan?..
Tapi jika ingin terus memasang efek loading dari sini pun apa salahnya kan. Kalau berminat, tunggu apa lagi follow step di bawah ini. ^_^'

Sebelum mengedit template, saya sarankan backup template terlebih dahulu. Manalah tau nanti kalau ada error, sekurang2nya ada backup template.

• Pergi  dahsboard > Template > Edit html
• Cari kod </body>
• Copy kod di bawah ini dan paste di atas kod </body>

 
<script type='text/javascript'>//<![CDATA[ 

• Cari kod ]]></b:skin> dan pastekan kod di bawah ini di atasnya.

#page-loader {

position:fixed !important;

position:absolute;

top:0;right:0;

bottom:0;

left:0;

z-index:9999;

background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJktV-wAsdaNcy-Ijg12aUB1yx_sctFF2noPJvAE4A-_yfDKekI5PSCMpMfA0diQ4o1OJFP45cVHybxWFISarxxeEi-ieQaWqpzSObmikFHSQw0PVk7Dz_JLWxcVyn4Csewsg2PNN3HVM/s1600/loader.gif')     

no-repeat 50% 50%;

color:white;

padding:1em 1.2em;

display:none;

}

Tukar animation loading yang diinginkan pada url..

• Cari kod </head> dan pastekan kod di bawah ini di atas kod </head>

 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Jika di dalam template blog sudah terdapat kod jquery seperti di atas, skip langkah nombor 5 ini. Tidak boleh memasang lebih dari 1 pada template!

• Preview template dan jika tiada error save template anda.

Happy blogging!