Виджет списка постов определённого ярлыка.

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


Иногда хочется обратить внимание читателей на какую-то категорию постов.
С помощью этого кода сделаем такую своеобразную рекламу выбранного ярлыка. Устанавливается он очень просто с помощью гаджета HTML/JS. И выглядеть это будет вот так.

виджет ярлыков

Для примера я вывела несколько статей из рубрики CSS. При необходимости можно будет добавить ещё сколько угодно ярлыков. Об этом поговорим ниже.

Копируйте код в блокнот или черновик блога.

<style>#BVCSS td {
list-style-type: none;
width: 100%;
padding: 0 3px 0 3px;
}
#BVCSS a {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height:12px;
letter-spacing:.1em;
text-decoration: none;
display:block;
padding:2px 6px 5px 8px;
background: url("http://2.bp.blogspot.com/-qVbNQFRqzW4/UXLs07LPvJI/AAAAAAAAAsk/88N5KzZSWRc/s1600/mm_arrow.gif") 0px 50% no-repeat;
}
#BVCSS a:hover {
background: #fff url("http://2.bp.blogspot.com/-qVbNQFRqzW4/UXLs07LPvJI/AAAAAAAAAsk/88N5KzZSWRc/s1600/mm_arrow.gif") 0px 50% no-repeat;
color:#990000;
text-transform: none;
}
.BVlist {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #000;
line-height:10px;
letter-spacing:0.1em;
text-decoration: none;
}</style>

<script style="text/javascript">
var numposts = 5; // Jumlah postingan
var standardstyling = true;
</script>
<script style="text/javascript">
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<div style="border-bottom: dotted #999 1px;"></div>');
document.write(posttitle);}
if (standardstyling) document.write('<div style="border-bottom: dotted #999 1px;"></div>');
document.write('<div style="border-bottom: dotted #999 1px;"></div>');
}
</script>
<div id="BVCSS">
<div class="BVlist">
<script src=" http://www.shpargalochki.ru/feeds/posts/default/-/CSS?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</div></div>


Синим цветом я выделила изображение маркера в виде стрелочки. Можете добавить своё. Цифра 5 в коде обозначает количество отображаемых сообщений. В нижней части кода поменяйте мой адрес на адрес вашего блога. И там, где написано CSS укажите название своего ярлыка.

Если захотите отобразить 2 или 3 категории, то вот этот участок кода

<script src=" http://www.shpargalochki.ru/feeds/posts/default/-/CSS?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>


можно дублировать. Заменяйте в нём только название ярлыка. Кстати, если вы не знаете, как закрыть все ярлыки от индексации, советую к прочтению это сообщение.

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

Удачи всем нам.

Ой, а что это там ниже? Ну надо же! Нажимаем!


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

Введите Ваш email


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

  1. По идее, это можно сделать при помощи стандартного гаджета "Каналы". Нужный урл туда вписать, и всё.

    ОтветитьУдалить
  2. Привет, Андрей. Согласна. Конечно можно. Но ведь хорошо, когда есть выбор. СА с этим гаджетом можно и с дизайном поиграться и вывести сообщения нескольких ярлыков. Тут уж дело вкуса.

    ОтветитьУдалить
  3. Отличный виджет!!!!
    А можно усовершенствовать идею и вывести все посты(только названия, как виджете) по ярлыку на статическую страницу с сортировкой по алфавиту?

    ОтветитьУдалить
    Ответы
    1. Это называется картой блога. Да можно. Только вот тут вопрос. Дело в том, что все предложенные карты (а я их все и перепробовала) оказывается имеют лимит на вывод 150 постов. Получается, что если в блоге постов будет больше, ранее опубликованные будут уходить. Где -то в прошлом году активно эту тему мы обсуждали. Я даже удалила 2 статьи с вариантами., чтобы не морочить людям голову.
      Вы легко можете найти в поисковике если вобьёте Карта блога для Блоггер.
      Мне же пришлось потом делать всё вручную как теперь на странице ВСЕ СТАТЬИ. , когда было уже опубликована более 300 постов. Пишу пост и сразу туда. Говорят, что и поисковики такое больше жалуют, чем всякие скрипты. Решайте.

      Удалить
  4. Да лежит у меня карта, но постов уже за 600. Пока выкрутился с выводом постов по ярлыку на статическую страницу, и так 4 раза. Единственное не сортирует по алфавиту. Эпопея с картами блога длиться уже долго, скрипты падают, к сожалению. В дополнение есть еще и Архив блога, он все выводит на статическую страницу, но там сортировка не предусматривается... Спс, в любом случае)))

    ОтветитьУдалить
  5. Использовал гаджет для вывода некоторых разделов блога. Особенно удобно там где нужен список. Увеличил var numposts = 200 и вывел на статическую страницу. сначала использовал в сайд баре, но так вышло более красиво и не тормозит блог___

    ОтветитьУдалить
    Ответы
    1. Light Warrior, где посмотреть это можно.

      Удалить
  6. Сделал здесь https://hermesmdm.blogspot.com/ Разделы Кино, Музыка, Литература. У меня работает подобный скрипт в разделе Европа, но с миниатюрами. Оказалось Ваш , в ряде случаев удобней и копактней

    ОтветитьУдалить
  7. Скрипт позволяет выводит список по двум и больше Ярлыкам. А Как указать Название Ярлыка над его списком - а потом список названий постов. А то выходит список странно отсортированный... идея выводит список нескольких Ярлыков - богатая

    ОтветитьУдалить
    Ответы
    1. Не совсем поняла, что вы имеете ввиду. Ну допишите как написано ещё название ярлыка. И встатьи пойдут вперемежку. А вывод по названию, чтобы под каждым ещё и список был. Это уже из серии меню, которые просто посточнно летят.

      Удалить
  8. Все статьи и идут. Но получилось не ясно где какой Ярлык. Я даже думал не как Карту, а хотя бы на 3 ярлыка использовать. Оно подчеркивает и не удобно. Вот и использую на один Ярлык

    ОтветитьУдалить
    Ответы
    1. Так не проще ли вообще сделать меню по ярлыкам. http://www.shpargalochki.ru/2015/04/menju-po-jarlyka-dlja-bloga.html я правда уже с тестового блога убрала пример.

      Удалить
  9. Спс. Я делаю и Такое в боковой Панели. Просто если много постов долго грузится. А тематику вывожу на статической странице. Но учитывая проблему с Картами блога сделал проще - Вывел этот Скрипт все посты и отсортировал его в Exel Получилось как у Вас работа руками, но с автоматизацией))))
    См. здесь https://odexpressions.blogspot.com/p/blog-page_7.html

    ОтветитьУдалить
    Ответы
    1. Тоже вариант. Только вот тут не совсем понятно. А тематику вывожу на статической странице

      Удалить
  10. Я уже писал. Этот скрипт с сортировкой по алфавиту уже достаточно. Руками хлопотно выходит. Тогда и по 2 и более ярлыкам ничего не нужно. Выводится на статическую страницу и гут. А тематика, как у Вас Категории - делаю всегда. Тут у Блоггера все хорошо, у них с объединеним ярлыков как в WP ничего нет, а жаль

    ОтветитьУдалить

Пользовательский поиск
Foto Saya
My Photo