Для этого нужно ввести в страничку код
<a href="url сайта"><img src="url картинки" alt="" width="число в пикселях" height="число в пикселях" border="0" /></a>
Ширину и высоту в коде можно не указывать, если вставлять уже готовые картинки заранее выверенных размеров.
Эти параметры нужны для того, чтобы потом подкорректировать размеры картинки прямо в коде.
Как сделать вкладки страничек блога.
1. Определиться с количеством страниц блога. Создать эти страницы. Открыть каждую страницу в новой вкладке для удобства копирования адреса.
2. В Фотошопе нарисовать нужные картинки с названиями страниц. Картинки должны быть одинаковые по высоте. Вообще-то, могут быть и неодинаковые, если вы так специально задумываете. Суммарная ширина картинок не должна превышать ширину блога. Ширину блога можно узнать и изменить во вкладке "Шаблон" на панели управления блогом. Перед этим сделайте на всякий случай резервную копию вашего имеющегося шаблона. Вдруг что-то наменяете не то... А так всегда можно вернуть как было.
У меня картинки высотой 50 пикс., ширина у них разная. Есть иллюзия того, что между картинками промежутки. Но это не так, они стоят вплотную друг к другу. Поэтому, когда будете рисовать картинки, оставляйте пустое место по бокам.
3. Загрузить каждую картинку в веб-альбом и открыть в отдельных вкладках для удобства копирования адреса.
4. Для каждой картинки создать отдельный код.
URL сайта - это адрес вашей странички блога. Сколько страниц, столько и разных адресов.
5. Перейти во вкладку "Дизайн" на панели управления и прямо под заголовком блога вставить гаджет "HTML/JavaScript". Поле "Название" оставляем пустым, а в "Содержание" вставляем друг за дружкой коды, сделанные в п.4. Сохранить.
6. Открыть вкладку "Страницы" на панели управления блогом и выбрать "Не показывать страницы блога"
Источник:
http://www.olinohobby.com/2012/12/blog-post_21.html
