7.27.2009

Стильный шаблон 3 колонки

5 коммент
В этом сообщении я предлагаю скачать шаблон(пример расположен ниже).




Этот шаблон интересен следующими качествами:

Установлены виджеты
  • Архив блога в виде календаря
  • Облако тегов
  • Поиск по блогу
  • Другие виджеты находятся в стандартном виде
  • На самом верху расположена таблица ссылок
  • Дизайн очень лёгкий для загрузки
Скачать | Просмотреть

7.01.2009

Виджет Фотоальбом Picasa

1 коммент


Данный виджет - фото выставка. Для того, чтобы этом виджетом пользоваться, у вас должен быть зарегистрированный акаунс на сайте http://picasaweb.google.com/.
Чтобы вставить фотоальбом в свой блог нужно выполнить несколько операций:

Зайдите в настройки блога > макет-добавить гаджет > html/javascript
Вставьте код расположенный ниже:

<style>


#picasaStream img {border: 1px solid #000; margin: 0 5px 5px 0;}


</style>


<script
src="http://bloggerbuster-tools.googlecode.com/files/jquery.min.js"
type="text/javascript"></script>






<script type="text/javascript">


$j = jQuery.noConflict();


$j(document).ready(function(){



$j.getJSON("http://picasaweb.google.com/data/feed/base/user/username?kind=photo&thumbsize=72c&access=public&alt=json&callback=?",


function(data){


var thumbCount = 15;(Количество изображений)


var smallThumb = 0;


var mediumThumb = 2;


var largeThumb = 2;


var picsCount = data.feed.entry.length - 1;


for (var i = picsCount; i > picsCount -
thumbCount; i--) {


var pic = data.feed.entry[i];


$j("<img/>").attr("src",
pic.media$group.media$thumbnail[smallThumb].url).attr("alt",
pic.summary.$t).appendTo("#picasaStream");


}


});


});


</script>






<div id="picasaStream"></div>


Не забудьте заменить в коде username(выделено красным) на пользовательское имя акаунта Picasa.

Последние комментарии