
Еще один виджет для Bloggser / Blogspot выводит случайные записи блога. О том, как добавить виджет на блог и как редактировать узнайте из этой статьи.
Добавляем виджет, вставив код, предложенный ниже в гаджет HTML / Javascript:
<div id='stylify_random'></div><div style='clear:both' class='stylify_footer'><script style='text/javascript' src='http://24work.webs.com/24work-blogspot/random-post/random-ycode.js'></script><script style='text/javascript'> var numberOfPosts = 5; var showPostDate = true; var showSummary = true; var summaryLength = 200; var titleLength = 100; var showCommentCount = true; var showThumbs = true; var showNoImage = false; var imgDim = 100; var imgFloat = 'left'; var myMargin = 5; var mediaThumbsOnly = false; var showReadMore = true; var readMore = 'Далее'; </script> <script src='/feeds/posts/summary?max-results=5&alt=json-in-script&callback=getRandom'></script></div>
Для этого заходим во вкладку “Дизайн и добавляем новый элемент. Из списка гаджетов находим “HTML / JavaScript , вставляем туда код и добавляем название.
Вам могут пригодиться уроки:
- Виджет Blogspot “Анимированные последние сообщения блога”
- Анимированный виджет “Популярные сообщения”
- Самые интересные твиттер виджеты
Как настроить виджет “Случайные записи блога”
Проводим изменения в коде виджета.
- var numberOfPosts - количество отображаемых случайных записей блога,
- var showPostDate – показать дату сообщения (true – да, false – нет),
- var showSummary - показать начало сообщения (true – да, false – нет),
- var summaryLength – количество символов начала поста, которое будет выводиться в виджете.
- var titleLength - максимальное количество символов в заголовке сообщения,
- var showCommentCount – показать количество комментариев записи,
- var showThumbs – показать изображения записи;
- var showNoImage – показать иконку “No image”(нет изображения);
- var imgDim – максимальный размер картинки к записи;
- var imgFloat – выравнивание картинки,
- var myMargin – отступ от края,
- var mediaThumbsOnly = false,
- var showReadMore – показать ссылку “Читать далее”
- var readMore – текст, “Далее”, “Читать далее”, “->” и т.п.
Ну, тут просто нельзя пройти мимо.
1. У тега script нет свойства style. Есть type, но даже его писать уже давно не нужно. Проверить можно в официальной документации: http://www.w3schools.com/tags/tag_script.asp
2. Подгружается скрипт http://24work.webs.com/24work-blogspot/random-post/random-ycode.js - обфусцированный, содержит кое-какие (впрочем, не страшные) пасхалочки. Я бы взял похожий скрипт из другого источника, проверил, что там происходит и прямо так, открытым текстом, вписал бы себе в шаблон, если своего хостинга нет.
3. В целом симпатично, но я сделал себе ещё интереснее: виджет, который может показывать произвольные записи с нескольких блогов, плюс в комплекте есть несколько вариантов оформления - агрегатор от Graddit.
Evgeny, спасибо за полезную ссылку и критику)
Одно только замечание - поправьте ссылку на страницу описания, а то на ваш агрегатор не так-то просто выйти..
Спасибо, поправил.
Здравствуйте!
А вы бы не могли выделить тот участок кода, чтобы отображались только похожие статьи? Заранее спасибо!
Установила, работает, спасибо %-)