Гаджет случайных постов для Блоггер.

случайные сообщения
Привет, друзья. Сегодня поделюсь с вами вариантом виджета случайных сообщений для блога. Так или иначе, большинство из нас устанавливают коды для вывода популярных или новых постов. В своё время я публиковала сообщение, где речь шла о кнопке случайный пост.
Многим моим читателям она пришлась по вкусу, встречаю её на некоторых блогах. Если вы пропустили это -  можно почитать здесь.

Вернёмся к нашей теме. В данном случае посты будут отображаться рандомно, в случайном порядке при каждой перезагрузке страницы. Так что вероятность того, что посетители обратят внимание на разные посты блога, немного выше, чем у того же гаджета самых читаемых сообщений. Рабочий вариант посмотрите в сайдбаре этого блога.

Код устанавливается обычным способом, через гаджет HTML/JavaScript. Можете подредактировать стили CSS, чтобы подогнать под свой дизайн.


<style>#BD_random_title td {
list-style-type: none;
width: 100%;
padding: 3px;
}

#BD_random_title a {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#696969 ;
line-height:14px;
letter-spacing:0.1em;
text-decoration: none;
display:block;
padding:2px 6px 5px 12px;
background: url("http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png ") 0px 50% no-repeat;
background-color: #FFFFFF;
}
#BD_random_title a:hover {
background: #ffffff url() 0px 50% no-repeat;
color:#990000;
text-transform: none;
background-color: #F5F5F5 ;
}
.BD_random_list {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height:10px;
letter-spacing:0.1em;
text-decoration: none;
}</style>
<div id="BD_random_title">
<div class="BD_random_list">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=7;// количество отображаемых постов
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write();
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item ="<div style='border-bottom: dotted #ccc 1px;'>" + "<a href=" + entry.link[k].href + " title=" + entry.link[k].href +">" + entry.title.$t + "</a></div>";
document.write(item);}}
}document.write();}
</script>
<script src="/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts" type="text/javascript"></script> </div></div>


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

На сегодня у меня всё. Удачи всем и до скорых встреч. Спасибо, что читаете мои шпаргалки.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


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

  1. Виктория! Это гаджет - внутренние ссылки? А если внутренних ссылок много это не страшно?

    ОтветитьУдалить
    Ответы
    1. Это тоже ссылки, но на ваши сообщения. Внутренние ссылки не страшно. Но только в одном сообщении желательно ставить 2-4 ссылки на другие посты. Чтобы не переспамить.

      Удалить
  2. Мне и популярные сообщения хочется и этот гаджет нравится. Но я у себя уже много убрала. Хочется попробовать поставить! Ведь всегда можно удалить!

    ОтветитьУдалить
  3. Ой! Как мне нравится Случайный Пост! Виктория, посмотрите на Блоге Кота Васьки! Я немножко подумаю и, наверное, и на Волшебном фонарике поставлю. Я в Вашем коде изменила цвет букв и их высоту! Как бы сделать, чтобы пожирнее было.

    ОтветитьУдалить
    Ответы
    1. Да, Ирина. Посмотрела у Васьки. Вообще с гаджетами поменьше бы. Всё несёт определённую нагрузку. Попробуйте пока один там определитесь.
      Пожирнее так - уберите в стилях эту строку font: 12px Verdana, Arial, Helvetica, sans-serif; ;

      И замените на

      font-style: italic;
      font-weight: bolder;
      font-size: 14px;

      вообще про семейства шрифтов почитайте здесь http://www.webremeslo.ru/css/glava3.html

      Удалить

Пользовательский поиск