Карта для blogger вариант №3

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

Я уже писала, о картах блога, и о том как их устанавливать на блог. Но вот сегодня на зарубежном блогинге я нашла еще одну карту для блогов на платформе blogspot . Которой просто не могу не поделится. (Автор этого скрипта, уже указал в самом скрипте адрес своего блога, который я не тронула, тем самым не нарушив его авторское право)
.
Посмотреть его работу можно тут

Сам код выглядит так

<script src="https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-sitemap.js" type="text/javascript"></script>
<script src="http://vyazalo4ki.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #fbc3bf; color: #000; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>

#fbc3bf -фон при наведении курсора. (можете поменять на свой цвет, я пользуюсь фотошопом, при подборке цветов.)
http://vyazalo4ki.blogspot.com-адрес вашего блога.
Куда и как вставить этот код:

Далее откройте HTML и вставите код

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