Карта блога для blogger, как необходимый ориентир для читателей

Карта блога

Привет Всем, кто меня читает. Вы знаете как вдохновляют добрые слова? Конечно, знаете. Впервые за существования блога я почувствовала, что мои подсказки кому-то помогли. И это меня вдохновило с новой силой писать свои записки. Хочу еще раз выразить благодарность Галине Петерсен, за слова которые подняли мне  боевой дух!

Итак сегодня поговорим о картах блога. Очень нужная  "вещь" многие продвинутые блоггеры рекомендуют сделать  2 карты одну карту для посетителей, что бы им было проще ориентироваться по блогу,  другую для поисковых роботов. В частности для Яндекса. Так как этот вредный «робот»  индексирует только главную страницу, а следовательно в поисковике будет видна только главная страница и не о каких SEO ключах не может быть и речи, да что там SEO ключи он ни когда не увидит ваши первый сообщения.

Но сегодня мы поговорим о картах блога для читателей. Я предложу вам несколько вариантов. Буду рада если они вам помогут.

И так:

Для начала нужно создать страницу

 дальше открыть html  и вписать вот эти варианты кода

 Первый код:

Смотреться  он будет так

Второй код

Немного сложнее
Нужно в шаблоне найти  и выше него вставить этот код:

.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  вставить этот код

Вид у него такой.

Чуть позже, как разберусь с sitemap.xml  именно такая карта нужна, для поисковых роботов я поделюсь с вами!