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:
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
kepada
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>
<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){
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.