Как сделать гаджет "Популярные сообщения" с крутящимися картинками?

                        Здравствуйте,друзья!
  Как Вы,наверно уже заметили,на моем блоге с правой стороны стоит гаджет "Популярные сообщения",и при наведении на то или иное сообщение,картинка крутится.Хотите так же?



Меня научила,Вероника Филиппова-спасибо ей огромное! А я,делюсь с Вами!
Для этого,сначала установите сам гаджет "Популярные сообщения"-обычным способом. Дизайн-добавить гаджет-выбираем "Популярные сообщения"-Выбераете за какое время показывать популярное сообщение, поставте галочку на уменьшенное изображение,можете поставить также на фрагмент.выберите количество сообщений и сохраните.

    Далее,Заходим в блоггер-шаблон-изменить HTML.
     Среди этих знаков ,находим   <b:skin>...</b:skin>
И вставляем код в конец.

_________________________________________________________________________________

код

<style type='text/css'> .PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;} .PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;} .PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;} </style>

_________________________________________________________________________________
Вставили,теперь не забываем сохранить шаблон.
И еще один момент,когда вы пишите свое сообщение ,вставляйте картинку,без изображения не будет эффекта.

И любуемся!  Надеюсь,Вам пригодилась эта информация,успехов! Пишите свои комментарии!