Привет всем! Представляю Вам виджет для Blogger: последние статьи (сообщения) с анимацией. Виджет с большим выбором опций. Скриншот виджета  Вы видите, если есть желание посмотреть в живую, пожалуйста сюда.

Теперь давайте установим виджет последние сообщения с анимацией в блог.

Вам нужно сделать следующее. Перейти в Blogger. Выбрать дизайн блога. Затем нужно - добавить гаджет HTML / JavaScript, а затем скопируйте представленный код и вставьте его в поле гаджета. Гаджету не давать название.
Вот код виджета:

<style type="text/css"> div.spy-outer { border:2px solid white; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.4); box-shadow:0px 1px 3px rgba(0,0,0,0.4); margin:0px auto; } div.spy-outer h2 { margin:0px 0px; padding:5px 10px; background-color:#646464; background-image:-webkit-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:-moz-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:-ms-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:-o-linear-gradient(top, #8B8B8B, #3D3D3D); background-image:linear-gradient(top, #8B8B8B, #3D3D3D); color:white; font:bold 12px Arial,Sans-Serif; text-transform:none; text-shadow:0px 1px 2px black; } ul.spy { margin:0px 0px; padding:0px 0px; font:normal 10px/12px Arial,Sans-Serif; color:#353535; overflow:hidden; } ul.spy li { list-style:none; text-align:left; margin:0px 0px; padding:5px 7px; background-color:#9E9E9E; background-image:-webkit-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:-moz-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:-ms-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:-o-linear-gradient(top, #B1B1B1, #F7F7F7); background-image:linear-gradient(top, #B1B1B1, #F7F7F7); border-top:1px solid #4E4E4E; border-bottom:1px solid #FFFFFF; word-wrap:break-word; overflow:hidden; } ul.spy a {text-decoration:none;} ul.spy li em { font-weight:bold; color:#0B5D94; } ul.spy a.header { font:bold 12px/14px 'Trebuchet MS',Arial,Sans-Serif; display:block; color:#C00000; text-shadow:0px 1px 0px rgba(0,0,0,0.2); } ul.spy a.header:hover { color:#0556CF; text-decoration:underline; } ul.spy li .summ { margin-top:5px; overflow:hidden; } ul.spy li .imgwrap, ul.spy li img { float:right; margin:0px 0px 2px 7px; width:72px; height:72px; border:4px solid #E6E6E6; background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%; padding:0px; } ul.spy li .imgwrap { -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.7); box-shadow:0px 0px 2px rgba(0,0,0,0.7); } ul.spy li img { border:none !important; float:none; margin:0px 0px; padding:0px 0px; display:none; } </style> <script type='text/javascript'> var spyTitle = "Последние статьи блога", numposts = 7, numchars = 127, komentar = "Комментарии", pBlank = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg", modeID = true, showSummaries = true, openNewTab = false, showPostDate = true, showComment = true, showThumbnails = true, animatedRecentPost = true, limitspy = 4, intervalspy = 4000, tickspeed = 1000; </script> <script type="text/javascript" src="https://ivyth.googlecode.com/svn/js/rp-spy-whatever-v1-dte.js"></script> <script src="http://forbloggerhelp.blogspot.ru/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>


Далее меняем http://forbloggerhelp.blogspot.ru на свой адрес блога. numposts = 7- указать сколько последних постов Вы хотите, что бы выводил виджет. spyTitle = "Последние статьи блога"- напишите свой текст. tickspeed = 1000; - скорость прокрутки. Многое сможете настроить сами.

Сохраните гаджет и переместите его в нужное Вам место на боковой панели. Вот вроде всё. Всем пока. До новых встреч.

 Виджет взят за бугром -- mkr-site.blogspot.com


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


21 коммент. :

  1. У меня вопрос не по этому посту, можно ли посмотреть все файлы которые мы грузим в блог и их редактировать, а точнее картинки, и если возможность посмотреть сколько места на блоге? И еще вопрос интересует анимации, почему их нельзя загрузить как обычное изображение, я кот нашла НТМl но урл беру с яндекс диска.

    ОтветитьУдалить
  2. И еще один вопрос может что то упустила, как сделать как у вас в блоге "Случайно вылезло почитать"? Заранее благодарю.

    ОтветитьУдалить
  3. Редактировать картинки можно,в режиме HTML-после вставки в статью.

    ОтветитьУдалить
  4. Перед кодом-linkwithin_text='Случайно вылезло почитать:'

    ОтветитьУдалить
  5. Вот вот меня сам код интересует как сделать эту ленту?

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

    ОтветитьУдалить
  7. Какие именно файлы? Если хотите редактировать шаблон,то в самом шаблоне.

    ОтветитьУдалить
  8. Нажмите под виджетом LinkWithin.

    ОтветитьУдалить
  9. Спасибо все получилась, я довольна)

    ОтветитьУдалить
  10. Николай Себятин5 марта 2013 г., 23:15

    Здравствуйте!Подскажите пожалуйста.Все скопировал,но рисунки из сообщений вращаются и не показываются.

    ОтветитьУдалить
  11. Немного надо подождать.

    ОтветитьУдалить
  12. Николай Себятин6 марта 2013 г., 19:56

    Здравствуйте!Подскажите...если копирую Ваш текст,то все получается,все Ваши посты видны.Вставляю свой адрес www.anapa-home.com
    все,ступор,виджет даже на страничке не отображается ...Спасибо.

    ОтветитьУдалить
  13. Этот виджет для blogger.

    ОтветитьУдалить
  14. Подскажите, как это настроить ?
    У меня тоже изображения не показываются.
    Ждать нет смысла-они так и не появятся.
    http://awe-life.blogspot.ru/

    ОтветитьУдалить
  15. Татьяна, и давно у вас так? Проблема может быть в больших фото, как у вас в блоге.

    ОтветитьУдалить
  16. Не работает он

    ОтветитьУдалить
  17. Почему то не работает

    ОтветитьУдалить
  18. не работает почему то....

    ОтветитьУдалить
  19. Может он уже старый скрипт??? У меня не работает...

    ОтветитьУдалить
    Ответы
    1. Оксана, поищите у меня хорошие виджеты здесь - http://shkolablogger.ru/ а этот блог я забросил давно.

      Удалить