2017-09-10

Textual description of firstImageUrl

Sitemap html для Blogger

sitemap
Карта сайта, или sitemap html, – это отдельная страница на блоге, в которой перечислены все разделы и страницы блога со ссылками. Вот так выглядит sitemap на моем блоге. Sitemap бывают разные, и это не первая статья на моем блоге с кодами карт сайта для Blogger.
Скриншот:
sitemap blogger
Эта карта сайта выглядит в виде таблицы с четырьмя столбцами. Первый – это нумерация статей. Второй – список страниц блога, причем самые свежие статьи в в самом верху. В третьем столбце – дата публикации, а четвертый (Label) – Ярлыки. При клике по выбранному ярлыку, статьи группируются по этому признаку.
Код карты сайта для Blogspot:

<div dir="ltr" style="text-align: left;" trbidi="on">
<style> /* Sitemap plugin By MyBloggerLab */
#bp_toc {
     color: #666;
     margin: 0 auto;
     padding: 0;
     border: 1px solid #d2d2d2;
     float: left;
     width: 100%;
}
span.toc-note {
     display: none;
}
#bp_toc tr:nth-child(2n) {
     background: #f5f5f5;
}
td.toc-entry-col1 a {
     font-weight: bold;
     font-size: 14px;
}
.toc-header-col1,
.toc-header-col2,
.toc-header-col3  {
background:#9E9E9E;
}
.toc-header-col1 {
     padding: 10px;
     width: 250px;
}
.toc-header-col2 {
     padding: 10px;
     width: 75px;
}
.toc-header-col3 {
     padding: 10px;
     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: #fff;
     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 {
     padding: 5px;
     padding-left: 5px;
     font-size: 12px;
}
.toc-entry-col1 a,
.toc-entry-col2 a,
.toc-entry-col3 a {
     color: #666;
     font-size: 13px;
     text-decoration: none
}
.toc-entry-col1 a:hover,
.toc-entry-col2 a:hover,
.toc-entry-col3 a:hover {
     text-decoration:underline;
}
#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;
        min-height: 3em;
     float: left;
     border-right: 1px solid #fff;
     text-align: center;
     padding: 0px 11px 1px 6px;
     margin-right: 15px;
}
td.toc-entry-col2 {
     text-align: center;
} </style>
<br />
<div id="bp_toc">
</div>
<script src="http://photoforum.do.am/download/sitemap.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></div>
             
Вы должны просто вставить код Sitemap HTML в новую страницу Blogger в режиме HTML. Сохраните изменения. Плюсом этой карты является то, что в ней отображены все статьи блога, когда как в других часто старые бесследно пропадают.

Комментариев нет :

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности