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

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

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

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

Код устанавливается обычным способом, через гаджет 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9jZ3afQgfN8xdmAlSHfn2MV04lkOt-0qw9y1Aut6NytMOa_OvM4hK_GIiR-YX6LvYfpxYTboPDwLepLgMao8qW32bnEdg5PiQxbUyry2vNntYdGpFZUbIWKYLM4SDmugUGd_Klp3Fvcu/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