2013-08-05

Виджет Blogspot “Анимированные последние сообщения блога”

Виджет Blogspot
Виджет для Blogspot “Анимированные последние сообщения” – информационный виджет. Вы можете с его помощью показывать читателям своего блога ленту последних сообщений не только своего блога, но любого другого. Например, таким образом можно рекламировать свой второй проект.
Как вставить виджет анимированных последних сообщений на Blogspot.


  1. В админке Blogspot перейдите во вкладку “Дизайн”.
  2. Здесь добавьте новый элемент – “Добавить гаджет”
    разработчики-создатели сайтов
  3. Из списка гаджетов выберите HTML / JavaScript:
    html___javascript
  4. Скопируйте следующий код:
    ..
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>



    <style type="text/css" media="screen">
    <!--

    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://1.bp.blogspot.com/-yp42zoYRFkg/UZDjUlgLHCI/AAAAAAAAAYM/SGHerEtqkgc/s1600/24work-blogspot-com.jpg) repeat-x;
    border:1px solid #ddd;
    }
    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }

    -->

    </style><script language='JavaScript'>

    imgr = new Array();
    imgr[0] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[1] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[2] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[3] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    imgr[4] = "http://3.bp.blogspot.com/-Q1rsi1mma6I/UZDiiNy6guI/AAAAAAAAAYE/W9qgYs331f8/s1600/noimage.png";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 10;



    home_page = "http://privet-site.blogspot.ru/";



    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src='http://photoforum.do.am/js/recent.js' type='text/javascript'></script></div>
  5. Добавьте код в гаджет HTML / Javascript.
    Внимание!!! Предварительно нужно изменить адрес страницы на url своего блога:
    home_page = "http://privet-site.blogspot.ru/"; Измените url, выделенный желтым на адрес вашего блога.

    Вы можете также изменить в коде:
    • Размер виджета
      width : 220px;
      height:350px;
    • Фон виджета:
      background:#fff url(http://1.bp.blogspot.com/-yp42zoYRFkg/UZDjUlgLHCI/AAAAAAAAAYM/SGHerEtqkgc/s1600/24work-blogspot-com.jpg) repeat-x;
    • размеры изображения:
      thumbwidth = 70;
      thumbheight = 70;
    • Количество отображаемх последних сообщений блога:
      numposts = 10;

10 комментариев :

Мама Клара комментирует...

Спасибо! Получилось!

Andrew Andrushkov комментирует...

А можно отображать не последние посты, а те , которые чаще всего просматриваются?

Mycrib комментирует...

Андрей, об этом мой новый пост

spoooman комментирует...

Здорово, конечно, но мне и Блогспотовский виджет нравится "Популярные сообщения". Он тоже настраивается, можно показать самые популярные за неделю, за месяц, за все время... А то, что не анимированный, так это даже его преимущество - меньше мельканий перед глазами.
Но, это мое личное мнение, никого не убеждаю.
Спасибо за полезную инфу. ヅ

Mycrib комментирует...

spoooman, согласна с вами. Я тоже не люблю лишних мерцаний. Хоть и пишу о виджетах, но всегда предупреждаю - не переусердствуйте. Как показывает практика, именно записи в виджетами и особенно анимацией читателям нравятся больше всего.

ХУСНУТДИНОВА ФИРУЗА НАСИБУЛОВНА комментирует...

СПАСИБО)))

Ольга Коптик комментирует...

а у меня они почему-то не двигаются))) в одном шаблоне все проходит на ура, а на другом фиг вам)))

Mycrib комментирует...

Ольга, даже не знаю почему так. Правильность подключения кода проверяли?

Գոռ Վարդանյան комментирует...

Я Гор... А у меня они вообше не появляются... Не знаю почему... Все проверил, все правилно сделано...

Иванова Наталья комментирует...

Поправила код. Попробуйте сейчас

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности