Карта сайта для Blogger

Карта сайта для Blogger.

Пропоную вам встановити в блог карту сайту Blogger - Sitemap для відвідувачів. Її ще можна назвати Зміст блогу; Всі статті. Сподіваюся, пані та панове, ви знаєте, що карта блогу буде розташовуватися на окремій сторінці, на якій ваш відвідувач може ознайомитись з усіма вашими опублікованими повідомленнями. Виглядати карта сайту Blogger буде ось так, красиво:

Для того, щоб
встановити таку красиву карту блогу / всі статті для відвідувачів на ваш веб-ресурс, створіть нову статичну сторінку (буде пізніше відео, що так, як) і дайте їй назву: Зміст сайту або Всі статті блогу, або просто Sitemap, а в меню потім, дасте будь-яку назву їй (якщо в меню вставляється посилання на сторінку). Потім, в віджеті,режимі HTML вставте цей код:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<style> /* CSS Full Sitemap */ #bp_toc {background:#1B9A0C;color:#666;margin:0 auto;padding:5px;} span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#F5F2F2;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;} .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;} .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;} .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px; text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { text-decoration:none;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%} .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;} .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;} #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;} .toc-entry-col1 {counter-increment:rowNumber;} #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;} td.toc-entry-col2 {background:#fafafa;} </style> <div id="bp_toc"> </div> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script> <style scoped="" type="text/css"> #comments {display:none;} </style>

І можете її (сторінку) спокійно опублікувати, а потім, в коментарях написати, як вона вам, сподобалася чи ні. В даному коді, між рядків <style> і </ style> виробляються оформлення карти, розмір шрифту і так далі. А ось, щоб поміняти англійські слова на російську, вам доведеться потрудитися / повозитися. Для цього, потрібно скопіювати скрипт за адресою https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js, відредагувати його, тільки звичайно акуратно (кілька слів замінити на російський), а далі,зберегти