2013-08-22

Textual description of firstImageUrl

Виджет случайные записи блога

случайные записи блога
Еще один виджет для 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 , вставляем туда код и добавляем название.
гаджет
Вам могут пригодиться уроки:

Как настроить виджет “Случайные записи блога”

Проводим изменения в коде виджета. Чтлбы редактировать коды любых виджетов, нужно иметь базовые понятия html, css и JavaScript. Поможет вам в этом миниучебник по html. Узнать любых подробнее
  • 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 – текст, “Далее”, “Читать далее”, “->” и т.п.

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

Evgeny Masibut комментирует...

Ну, тут просто нельзя пройти мимо.
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.

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

Evgeny, спасибо за полезную ссылку и критику)
Одно только замечание - поправьте ссылку на страницу описания, а то на ваш агрегатор не так-то просто выйти..

Evgeny Masibut комментирует...

Спасибо, поправил.

Сергей комментирует...

Здравствуйте!
А вы бы не могли выделить тот участок кода, чтобы отображались только похожие статьи? Заранее спасибо!

Eka Ekena комментирует...

Установила, работает, спасибо %-)

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

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