Галерея на blogspot

Создаем из блога галерею.

1)Скачиваем css галерею Hoverbox
2)Заходим в дизайн - изменить html - изменить шаблон находим фрагмент кода:

]]></b:skin>
  </head>

3)Из файла hoverbox.css копируем и вставляем перед ним все кроме: 

body
{
    background: #fff;
    color: #777;
    margin: 0 auto;
    padding: 50px;
    position: relative;
    width: 620px;
}

4)Далее создаем страницу или новое сообщение нажимаем "Изменить HTML"
5)Из файла index.html копируем и вставляем html код от: 

<ul class="hoverbox">

<li>

<a href="#"><img src="img/photo01.jpg" al ..........

.................

................................

И до:

</ul>

6)Регистрируемся на фотохостинге ImageShack.us загружаем туда свои фотки получаем прямые ссылки на изображения и вставляем полученые ссылки вместо:

<li>
<a href="#"><img src="img/photo01.jpg" alt="description" /><img src="img/photo01.jpg" alt="description" class="preview" /></a>
</li>

А вот и пример:

• 
  
  
• 
  
  
• 
  
  
•