Стрелки для перехода в самый верх поста.
Для начало вам нужно непосредственно выбрать стрелку, можете из моего списка или же свою, но для этого вам надо будет ее предварительно закачать на бесплатные хостинг. Это еще одна статья посвященная украшению блога, остальные лежат тут.
Выбираем стрелку и сохраните куда-нибудь ссылку на нее она вам еще пригодиться:
https://sites.google.com/site/poleznoznat/r1.png | |
https://sites.google.com/site/poleznoznat/r2.png | |
https://sites.google.com/site/poleznoznat/r3.png | |
https://sites.google.com/site/poleznoznat/r5.png | |
https://sites.google.com/site/poleznoznat/r6.png | |
https://sites.google.com/site/poleznoznat/r1.png | |
https://sites.google.com/site/poleznoznat/r7.png | |
https://sites.google.com/site/poleznoznat/r1.png | |
https://sites.google.com/site/poleznoznat/r8.png | |
https://sites.google.com/site/poleznoznat/r9.png | |
https://sites.google.com/site/poleznoznat/r10.png | |
https://sites.google.com/site/poleznoznat/r11.png | |
https://sites.google.com/site/poleznoznat/r12.png |
Далее создаем новый гаджет Дизайн - Элементы страницы - Добавить гаджет HTML/JavaScript, и вставляем туда код и скрипт что ниже:
Затем надо заменить поле "тут ваша ссылка" на ссылку что вы скопировали в самом начале. Жмем сохранить, видим стрелку на сайте нажимаем плавно переходим в начало и радуемся.
АНИМАЦИЯ В ВИДЕ ФЕЙЕРВЕРКА
Продолжу наполнять рубрику украшения для блога, и сегодня это будет красивый фейерверк. Анимация сделана с использованием flash, так что весит очень мало и не будет грузить ваш сайт или блог. Если у вас появилось желание увидеть еще больше подобных анимация то пишите комментарии и не забывайте ставить лайки в левой части моего блога.
Скопируйте код ниже и вставить его в Дизайн - Элементы страницы - Добавить гаджет HTML/JavaScript. Если не понравится всегда можно удалить как обычный гаджет.
<div style="position: fixed; bottom: 0px; right: 2px;"> <object type="application/x-shockwave-flash" data="http://all-blogspot.com/blog/swf/fireworks.swf" twidth="160" height="600"><param name="wmode" value="transparent" /></object> </div>