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

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


Иногда хочется обратить внимание читателей на какую-то категорию постов.
С помощью этого кода сделаем такую своеобразную рекламу выбранного ярлыка. Устанавливается он очень просто с помощью гаджета 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvIpgHbZ9-FSk0lEhhJRk9uVHUFclPEGWASyaClxFdAcrLuI2h1idI-FH5aPKChy8VDozoo2QCzR9JLtn8_zzxjV3E6GHfGOoK-BNB-jPLhx4QQEUbn5D1k_nUDMfxT2xlgILmluR6jDI/s1600/mm_arrow.gif") 0px 50% no-repeat;
}
#BVCSS a:hover {
background: #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvIpgHbZ9-FSk0lEhhJRk9uVHUFclPEGWASyaClxFdAcrLuI2h1idI-FH5aPKChy8VDozoo2QCzR9JLtn8_zzxjV3E6GHfGOoK-BNB-jPLhx4QQEUbn5D1k_nUDMfxT2xlgILmluR6jDI/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