Анимированный переход со страниц

Прекрасный эффект на jQuery, позволяет получит в блоге анимированные страницы.

Т.е. пользователь, открывая или закрывая страницу блога, наблюдает её плавное появление или затухание.
В blogger это делается так:
1. Понадобится подключить, если ещё не подключен, jQuery

2. В css секцию шаблона body между скобок прописать:

display: none;

Т.е выглядеть это будет так:

body {
background-color: #FFF;
font-family: Verdana, Arial, sans-serif;
....
font-size:100%;
font-color: grey;
display: none;
}

3. Перед /body установить следующий скрипт:

<script type="text/javascript">
    $(document).ready(function() {
      	$("body").css("display", "none");
        $("body").fadeIn(2000);

        $("a.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		$("body").fadeOut(1000, redirectPage);
        });

        function redirectPage() 
        {
	    window.location = linkLocation;
	}
    });
</script>

Сейвимся и проверяем.

Настройки скрипта:

$("body").fadeIn(2000); - здесь можно регулировать затемнение

Источник здесь.