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



Здравствуйте дорогие читатели и все, кто забежал на огонек. Сегодня предлагаю Вам код для создания карты Вашего блога. Код для создания карты рабочий, протестировала на всех своих блогах, даже сне стандартными шаблонами. 

Ув. читатели! Скрипт карты нерабочий..

Посмотрите статью Создаем карту блога на blogspot


Как создать карту для своего блога
Карта смотрится как аккордеон. Можете не бояться, код без вирусов. Это другой код, он не принадлежит программе  Абу-farham.com,  которую блокирует Google. Почитайте мой пост  вредоносный скрипт для создания карты блога  

Итак, копируем код ниже, Идем в шаблон - изменить шаблон. Не забывайте делать резервную копию шаблона. Находим строку <b:skin>...</b:skin> после открывающего тэга <head>. Кто не знает, как и где найти строку, читайте информацию в моем посте как быстро и красиво оформить текст в блогеСлева нажимаем на стрелку и спускаемся вниз, находим строку ]]></b:skin> Чуть выше этой строки вставляем скопированный код.

При желании измените коды цвета прямо в шаблоне блога. Нажимаем просмотреть шаблон, и если все нормально Сохраняем


.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 и вставляем следующий скрипт.


<script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/Justnaira-tos-file.js">  </script>  <script src="http://www.bdblogov.ru/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">   </script>  <script type="text/javascript">   var accToc=true;  </script>  <script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/concordian-tos.js" type="text/javascript">  </script>


Здесь нам надо мой URL адрес блога изменить на URL адрес Вашего блога. Нажимаем создать, страница будет пустаяКарту своего блога увидите только после публикации страницы. Вроде все, ничего не забыла. Будут вопросы, задавайте в комментариях. Всего доброго.

Почитайте по теме:   Новая Sitemap для блогов Blogspot; 


Автор статьи ✎ Olga Protasova Выпуск ✹ 2/01/2014 Ярлыки ►


Открыть комментарии →

6 коммент. :

  1. Спасибо за подробную и понятную информацию. Я -новичок, поэтому для меня ваша статья оказалась весьма своевременна.

    ОтветитьУдалить
    Ответы
    1. Пожалуйста Наталья. Обращайтесь, если будут вопросы. Я тоже пока не спец в блогостроении, но всегда готова поделиться приобретенными знаниями.

      Удалить
  2. Оля,здравствуйте! Спасибо, аккордеон получился.

    ОтветитьУдалить
    Ответы
    1. Таня, я очень рада. Наконец то Вы с картой. Успехов Вам, приходите еще за информацией.

      Удалить
  3. Всё хорошо, но ссылка в конце) Надо будет свою делать, просто тупа на страницы прописывать свои ссылки на посты))

    ОтветитьУдалить
    Ответы
    1. Сергей здравствуйте. Перезалейте скрипт, измените ссылку на свою. Мне пришлось отказаться от карты, дописываю вручную. У гугла в sitemap теперь отображается по 150 страниц, вылетели все посты за 2013 год и половина 2014 г. Альтернативы пока не нашла.

      Удалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *