Как создать карту блога на Blogspot

Доброго Вам времени суток, уважаемые читатели и гости блога!

Если Вы хотите создать интересный и продвинутый веб-дневник, на котором будут задерживаться не только люди, но и поисковые роботы, то карта блога Вам просто необходима.

Для тех, кто не знает, что такое карта блога (сайта), коротко поясню - это такая страница, на которой отображены и структурированы ссылки на все статьи блога (сайта). Наличие карты блога помогает посетителям легко находить интересующие их материалы, а также способствует поисковому продвижению, так как быстрее сообщает поисковым роботам о непроиндексированных страницах.

В своем блоге я использую вот такую карту. Она занимает совсем немного места, и, нажимая на определенный раздел, открываются все его статьи. Новые сообщения будут появляться в данной карте блога автоматически сразу после публикации. Плюс ко всему, если сообщение было написано не так давно, то рядом с ним будет располагаться надпись "New!!".

Итак, если Вы решили использовать данную карту для своего блога, прежде всего в меню необходимо выбрать "Шаблон" и нажать "Изменить HTML".

Так как мы будем работать с html-кодом, рекомендую скопировать и сохранить весь код шаблона для того, чтобы не потерять каких-либо данных. Далее в коде шаблона с помощью комбинации клавиш Ctrl+F необходимо найти следующую строку: ]]></b:skin>

После чего над ней вставляем код, расположенный ниже:

/*--------MBT TOC-----*/

.judul-label{

background-color:#E5ECF9;

font-weight:bold;

line-height:1.4em;

margin-bottom:5px;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 0 2px;

outline: none;

cursor: pointer;

text-decoration: none;

font: 14px/100% Arial, Helvetica, sans-serif;

padding: .5em 2em .55em;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

-webkit-border-radius: .5em;

-moz-border-radius: .5em;

border-radius: .5em;

-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

-moz-box-shadow: 1px 1px 4px #AAAAAA;

box-shadow: 0 1px 2px rgba(0,0,0,.2);

color: #e9e9e9;

border: 2px solid white !important;

background: #6e6e6e;

background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));

background: -moz-linear-gradient(top, #888, #575757);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');

}

.data-list{

line-height:1.5em;

margin-left:5px;

margin-right:5px;

padding-left:15px;

padding-right:5px;

white-space:nowrap;

text-align:left;

font-family:"Arial",sans-serif;

font-size:12px;

}

.list-ganjil{

background-color:#F6F6F6;

}

.headactive{

color: #fef4e9;

border: 2px solid white !important;

background: #1C8DFF;

background: -webkit-gradient(linear, left top, left bottom, from(#9dc2e7), to(#438cd2));

background: -moz-linear-gradient(top, #9dc2e7, #438cd2);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dc2e7', endColorstr='#438cd2');

}

Нажимаем "Сохранить шаблон".

Затем создаем новую страницу (не путать с новым сообщением) и называем ее, например, "Карта блога" или "Все статьи блога". Выбираем режим HTML-редактирования и вставляем следующий код:

var accToc=true;

</script>

Во второй строке вместо адреса моего блога вставляете адрес Вашего блога и нажимаете "Публикация". Откройте только что созданную страницу. Если вы видите перед собой разделы, взятые из ярлыков, при нажатии на которые открываются соответствующие сообщения, значит вы все сделали правильно - карта блога готова.

Надеюсь, эта статья стала для Вас полезной. Удачи Вам и...

Ведите блог на Blogspot!

Как создать карту блога на Blogspot

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

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