Followers

11 November 2012

November 11, 2012 - No comments

Efek Pudar Pada Loading Page

Demo pada blog ini


Gambar hanya sekadar hiasan

Cara pemasangan

1. Log in ke dashboard--> layout- -> Edit HTML

2. Tekan "Ctrl+F" dan cari kod <head>

3. Sebelum <head> paste kod ni:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$("body").css("z-index", "-10");
$("body").fadeIn(0);

$("a").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(1000, redirectPage); });
function redirectPage() {
window.location = linkLocation;
}
});
//]]>
</script>
<style>
html {
background-color: #f2f2f2; /* Fading Colour */
}
</style>

4.Save template.Sekarang cuba klik pada tajuk pos atau pada nama blog untuk melihat efek pudar.

PERHATIAN!!:Jika inginkan fade effect hanya pada pos dan bukannya sekali pada nama blog/laman utama,gantikan kod

$("a").click(function(event){

kepada

$(".post-title a, .blog-pager-older-link, .blog-pager-newer-link, .tabs").click(function(event){

0 ulasan:

Catat Ulasan