Всем доброго времени суток. Хочу предложить вам сегодня небольшой код, который позволит вывести на боковую панель или в футер блога сообщения определённого ярлыка. Или нескольких.
Иногда хочется обратить внимание читателей на какую-то категорию постов.
С помощью этого кода сделаем такую своеобразную рекламу выбранного ярлыка. Устанавливается он очень просто с помощью гаджета HTML/JS. И выглядеть это будет вот так.
Для примера я вывела несколько статей из рубрики CSS. При необходимости можно будет добавить ещё сколько угодно ярлыков. Об этом поговорим ниже.
Копируйте код в блокнот или черновик блога.
Синим цветом я выделила изображение маркера в виде стрелочки. Можете добавить своё. Цифра 5 в коде обозначает количество отображаемых сообщений. В нижней части кода поменяйте мой адрес на адрес вашего блога. И там, где написано CSS укажите название своего ярлыка.
Если захотите отобразить 2 или 3 категории, то вот этот участок кода
можно дублировать. Заменяйте в нём только название ярлыка. Кстати, если вы не знаете, как закрыть все ярлыки от индексации, советую к прочтению это сообщение.
Думаю, что некоторые ярлыки вашего блога заслуживают особого внимания. И этот гаджет не будет лишним. Сегодня у меня всё. Спасибо, что читаете мои шпаргалки. До новых встреч.
Удачи всем нам.
Иногда хочется обратить внимание читателей на какую-то категорию постов.
С помощью этого кода сделаем такую своеобразную рекламу выбранного ярлыка. Устанавливается он очень просто с помощью гаджета 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&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</div></div>
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&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</div></div>
Синим цветом я выделила изображение маркера в виде стрелочки. Можете добавить своё. Цифра 5 в коде обозначает количество отображаемых сообщений. В нижней части кода поменяйте мой адрес на адрес вашего блога. И там, где написано CSS укажите название своего ярлыка.
Если захотите отобразить 2 или 3 категории, то вот этот участок кода
<script src=" http://www.shpargalochki.ru/feeds/posts/default/-/CSS?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
можно дублировать. Заменяйте в нём только название ярлыка. Кстати, если вы не знаете, как закрыть все ярлыки от индексации, советую к прочтению это сообщение.
Думаю, что некоторые ярлыки вашего блога заслуживают особого внимания. И этот гаджет не будет лишним. Сегодня у меня всё. Спасибо, что читаете мои шпаргалки. До новых встреч.
Удачи всем нам.
Ой, а что это там ниже? Ну надо же! Нажимаем!
оформите подписку на новые шпаргалки
По идее, это можно сделать при помощи стандартного гаджета "Каналы". Нужный урл туда вписать, и всё.
ОтветитьУдалитьПривет, Андрей. Согласна. Конечно можно. Но ведь хорошо, когда есть выбор. СА с этим гаджетом можно и с дизайном поиграться и вывести сообщения нескольких ярлыков. Тут уж дело вкуса.
ОтветитьУдалитьОтличный виджет!!!!
ОтветитьУдалитьА можно усовершенствовать идею и вывести все посты(только названия, как виджете) по ярлыку на статическую страницу с сортировкой по алфавиту?
Это называется картой блога. Да можно. Только вот тут вопрос. Дело в том, что все предложенные карты (а я их все и перепробовала) оказывается имеют лимит на вывод 150 постов. Получается, что если в блоге постов будет больше, ранее опубликованные будут уходить. Где -то в прошлом году активно эту тему мы обсуждали. Я даже удалила 2 статьи с вариантами., чтобы не морочить людям голову.
УдалитьВы легко можете найти в поисковике если вобьёте Карта блога для Блоггер.
Мне же пришлось потом делать всё вручную как теперь на странице ВСЕ СТАТЬИ. , когда было уже опубликована более 300 постов. Пишу пост и сразу туда. Говорят, что и поисковики такое больше жалуют, чем всякие скрипты. Решайте.
Да лежит у меня карта, но постов уже за 600. Пока выкрутился с выводом постов по ярлыку на статическую страницу, и так 4 раза. Единственное не сортирует по алфавиту. Эпопея с картами блога длиться уже долго, скрипты падают, к сожалению. В дополнение есть еще и Архив блога, он все выводит на статическую страницу, но там сортировка не предусматривается... Спс, в любом случае)))
ОтветитьУдалитьИспользовал гаджет для вывода некоторых разделов блога. Особенно удобно там где нужен список. Увеличил var numposts = 200 и вывел на статическую страницу. сначала использовал в сайд баре, но так вышло более красиво и не тормозит блог___
ОтветитьУдалитьLight Warrior, где посмотреть это можно.
УдалитьСделал здесь https://hermesmdm.blogspot.com/ Разделы Кино, Музыка, Литература. У меня работает подобный скрипт в разделе Европа, но с миниатюрами. Оказалось Ваш , в ряде случаев удобней и копактней
ОтветитьУдалитьСкрипт позволяет выводит список по двум и больше Ярлыкам. А Как указать Название Ярлыка над его списком - а потом список названий постов. А то выходит список странно отсортированный... идея выводит список нескольких Ярлыков - богатая
ОтветитьУдалитьНе совсем поняла, что вы имеете ввиду. Ну допишите как написано ещё название ярлыка. И встатьи пойдут вперемежку. А вывод по названию, чтобы под каждым ещё и список был. Это уже из серии меню, которые просто посточнно летят.
УдалитьВсе статьи и идут. Но получилось не ясно где какой Ярлык. Я даже думал не как Карту, а хотя бы на 3 ярлыка использовать. Оно подчеркивает и не удобно. Вот и использую на один Ярлык
ОтветитьУдалитьТак не проще ли вообще сделать меню по ярлыкам. http://www.shpargalochki.ru/2015/04/menju-po-jarlyka-dlja-bloga.html я правда уже с тестового блога убрала пример.
УдалитьСпс. Я делаю и Такое в боковой Панели. Просто если много постов долго грузится. А тематику вывожу на статической странице. Но учитывая проблему с Картами блога сделал проще - Вывел этот Скрипт все посты и отсортировал его в Exel Получилось как у Вас работа руками, но с автоматизацией))))
ОтветитьУдалитьСм. здесь https://odexpressions.blogspot.com/p/blog-page_7.html
Тоже вариант. Только вот тут не совсем понятно. А тематику вывожу на статической странице
УдалитьЯ уже писал. Этот скрипт с сортировкой по алфавиту уже достаточно. Руками хлопотно выходит. Тогда и по 2 и более ярлыкам ничего не нужно. Выводится на статическую страницу и гут. А тематика, как у Вас Категории - делаю всегда. Тут у Блоггера все хорошо, у них с объединеним ярлыков как в WP ничего нет, а жаль
ОтветитьУдалитьНу понятно.
УдалитьЗдравствуйте, а есть такая возможность в данном виджете наряду с заголовками постов включить отображение изображений или миниатюр? Или может существует другой такой виджет, показывающий изображения?
ОтветитьУдалитьВиктор, попробуйте вот этот вариант http://www.shpargalochki.ru/2018/02/stati-opredelyonnogo-yarlyka-na-otdelnuyu-statichnuyu-stranitsu-blogger.html
ОтветитьУдалитьУ меня на тестовом не очень понятно. Вот Любовь на своём блоге сделала посмотрите как выглядит http://00149.blogspot.com/p/blog-page_11.html