Как создать всплывающее окно на блоге в Blogger

Как создать всплывающее окно – форму подписки и установить её на блог, созданный в Блогер?

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

Все подробности по созданию и установке формы подписки моём показаны в видеоролике.

Внимательно Посмотрите фильм и вы сами справитесь с этой работой.

Но, чтобы создать форму подписки, нужно зарегистрироваться на одном из сервисов, генерирующем подписные формы. Я предлагаю зарегистрироваться в JustClick.

Кроме этого, для создания красивой формы не нужно в сообщении на блоге устанавливать большие буквы шрифта.

Лучше сделать текст обычным и выделить жирным или курсивом наиболее значимые места текста. Форма будет смотреться интереснее и элегантнее по ширине и высоте.

HTML-код-код для создания всплывающего окна:

action |

, выделенного в коде красным цветом, поставьте HTML-код-код сообщения, созданное вами на блоге вместе с окном подписки. 

Создать всплывающее окно на блоге в блоггер совсем не трудно, если знаешь, как это сделать. Удачи вам!

Если эта статьи была вам интересна, поделитесь ей в социальных сетях...

источник

Горизонтальное меню с применением свойств анимации CSS3

Очень эффектное меню, особое внимание советую уделить динамическому расширению пунктов и подпунктов при наведении на них курсора мышки. В меню применяются свойства анимации для достижения существующего эффекта. Никаких JS скриптов не применяется, это делает менюшку лёгкой для загрузки. Основные настройки для работы на сайте uCoz сделаны. Не нужно разделять код примера помещая стили отдельно в таблицу стилей сайта uCoz,поместите весь код по месту установки, разумеется предварительно отредактировав его под себя. Ниже в этом материале находится "Редактор HTML", он предназначен для проверки, настройки и экспериментирования любых скриптов, стилей CSS и любых других компановок. Скопируйте код из примера в редактор и нажмите проверить, Вы увидите работу меню. Если Вам не понятна работа применяемых свойств, воспользуйтесь поиском сайта введя в него название требуемого свойства или тега.

<style> #nav,#nav ul { list-style: none outside none; margin: 0; padding: 0; } #nav { font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size: 13px; height: 36px; list-style: none outside none; margin:0px auto; text-shadow: 0 -1px 3px #202020; width: 980px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow: 0px 3px 3px #cecece; -webkit-box-shadow: 0px 3px 3px #cecece; box-shadow: 0 3px 4px #8b8b8b; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; } #nav ul { left: -9999px; position: absolute; top: -9999px; z-index: 2; } #nav li { border-bottom: 1px solid #575757; border-left: 1px solid #929292; border-right: 1px solid #5d5d5d; border-top: 1px solid #797979; display: block; float: left; height: 34px; position: relative; width: 105px; } #nav li:first-child { border-left: 0 none; margin-left: 5px; } #nav li a { color: #FFFFFF; display: block; line-height: 34px; outline: medium none; text-align: center; text-decoration: none; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383)); background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%); background-color:#5f5f5f; } @-webkit-keyframes animation1 { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1.3); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes animation1 { 0% { -moz-transform: scale(1); } 30% { -moz-transform: scale(1.3); } 100% { -moz-transform: scale(1); } } #nav li > a:hover { -moz-animation-name: animation1; -moz-animation-duration: 0.7s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-name: animation1; -webkit-animation-duration: 0.7s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; } #nav li:hover > a { z-index: 4; } #nav li:hover ul.subs { left: 0; top: 34px; width: 150px; } #nav ul li { background: none repeat scroll 0 0 #838383; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); opacity: 0; width: 100%; /*-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/} @-webkit-keyframes animation2 { 0% { margin-left:185px; } 100% { margin-left:0px; opacity:1; } } @-moz-keyframes animation2 { 0% { margin-left:185px; } 100% { margin-left:0px; opacity:1; } } #nav li:hover ul li { -moz-animation-name: animation2; -moz-animation-duration: 0.3s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-name: animation2; -webkit-animation-duration: 0.3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; /*-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;*/ } #nav li:hover ul li:nth-child(1) { -moz-animation-delay: 0; -webkit-animation-delay: 0; } #nav li:hover ul li:nth-child(2) { -moz-animation-delay: 0.05s; -webkit-animation-delay: 0.05s; } #nav li:hover ul li:nth-child(3) { -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; } #nav li:hover ul li:nth-child(4) { -moz-animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } #nav li:hover ul li:nth-child(5) { -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } #nav li:hover ul li:nth-child(6) { -moz-animation-delay: 0.25s; -webkit-animation-delay: 0.25s; } #nav li:hover ul li:nth-child(7) { -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } #nav li:hover ul li:nth-child(8) { -moz-animation-delay: 0.35s; -webkit-animation-delay: 0.35s; } </style> <ul id="nav"> <li><a href="#">Home</a></li> <li><a class="hsubs" href="#">Menu 1</a> <ul class="subs"> <li><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4</a></li> <li><a href="#">Submenu 5</a></li> </ul> </li> <li><a class="hsubs" href="#">Menu 2</a> <ul class="subs"> <li><a href="#">Submenu 2-1</a></li> <li><a href="#">Submenu 2-2</a></li> <li><a href="#">Submenu 2-3</a></li> <li><a href="#">Submenu 2-4</a></li> <li><a href="#">Submenu 2-5</a></li> <li><a href="#">Submenu 2-6</a></li> <li><a href="#">Submenu 2-7</a></li> <li><a href="#">Submenu 2-8</a></li> </ul> </li> <li><a class="hsubs" href="#">Menu 3</a> <ul class="subs"> <li><a href="#">Submenu 3-1</a></li> <li><a href="#">Submenu 3-2</a></li> <li><a href="#">Submenu 3-3</a></li> <li><a href="#">Submenu 3-4</a></li> <li><a href="#">Submenu 3-5</a></li> </ul> </li> <li><a href="#">Menu 4</a></li> <li><a href="#">Menu 5</a></li> <li><a href="#">Menu 6</a></li> <li><a href="#">Back</a></li> </ul>

Смотрим ДЕМО

источник

Стильные рамки со свечением цвета и изображением

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

Так как я не имею возможности вставить все предлагаемые коды рамок в шаблон этого блога, пример рамок будете смотреть в тестовом блоге, а в этом копировать коды приглянувшейся рамки.
Примеры рамок
Код для выделения текста вставляете в шаблон-резервная копия-изменить шаблон. Ищем строку ]] и выше устанавливаем код. Для тех, кто еще не знает как найти строку в шаблоне блога, почитайте пост как быстро и красиво оформить текст в блоге. Далее в редакторе сообщений blogger, где мы пишем свои посты, переходим по вкладке HTML и заключаем необходимый текст вот в такой код:

<div class="code"> код или текст</div>

Code 1
.code1 { margin: 10px; padding: 20px; border: 3px solid #855e42; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: inset 0 0 20px #855e42; -moz-box-shadow: inset 0 0 20px #855e42; -webkit-box-shadow: inset 0 0 20px #855e42; background: #f8f4cb; text-align:justify; color: #108fce; font-weight: bold; }

Code 2
.code2 { margin: 10px; /* отступ рамки от внешних элементов */ padding: 20px; /* отступ вложенного текста от рамки */ border: 3px solid #1e8fce; /* толщина, формат и цвет рамки */ border-radius: 8px; /* радиус скругления углов рамки для IE9 и Opera */ -moz-border-radius: 8px; /* радиус скругления углов рамки для Firefox */ -webkit-border-radius: 8px; /* радиус скругления углов рамки для Safari и Chrome */ box-shadow: inset 0 0 20px #1e8fce; /* смещение, толщина и цвет свечения рамки для Opera */ -moz-box-shadow: inset 0 0 20px #1e8fce; /* смещение, толщина и цвет свечения рамки для Firefox */ -webkit-box-shadow: inset 0 0 20px #1e8fce; /* смещение, толщина и цвет свечения рамки для Safari и Chrome */ background: #fff; /* цвет фона */ text-align:justify; /* выравнивание текста */ color: #108fce; /* цвет текста */ font-weight: bold; /* толщина букв текста */ }

Code 3
.code3 { margin: 10px; padding: 20px; border: 3px solid #029d74; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: inset 0 0 20px #029d74; -moz-box-shadow: inset 0 0 20px #029d74; -webkit-box-shadow: inset 0 0 20px #029d74; background: #f8f8ff; text-align:justify; color: #444444; font-weight: bold; }

Code 4
.code4 { overflow:auto;width:400px;height:auto; font-family: "Consolas", "Courier New", Courier, mono, serif; margin : 15px 35px 15px 15px; padding : 10px 10px 10px 60px; clear : both; color:#000; list-style-type : none; background : #F5F3F3 url(http://1.bp.blogspot.com/-2ZYI5ROjqm0/TwGVjrytNjI/AAAAAAAACLs/AzzX67VYjCw/s1600/1.JPG) repeat-y top left; border : 1px solid #ccc; border-right:15px solid rgba(0, 0, 0, .100); -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); } .code4:hover{ overflow:auto;width:400px;height:auto; background : #F5F3F3 url(http://1.bp.blogspot.com/-2ZYI5ROjqm0/TwGVjrytNjI/AAAAAAAACLs/AzzX67VYjCw/s1600/1.JPG) repeat-y top left; border : 1px solid #ccc; border-right:15px solid rgba(0, 0, 0, .100); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); }

Code 5
.code5 { margin : 15px 35px 15px 15px; padding : 20px 10px 10px 40px; background : #f8f4cb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6zGKJX7GfJDSeKruagLr6LshF7NOkSrzQKkElUiVj74dJyhz-PR7S4wHyG98-Kelo5Mg2fYes3cdtYlp71ikn9LMG41oyzrCdmucxeNcudOW8EdABp7AQpQmpxSYjAhLx9qCVWaSkcUWN/s800/kod.jpg) repeat-y top left; border-top : 1px solid #800000; border-right : 1px solid #800000; border-bottom : 1px solid #800000; border-left : 1px solid #800000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

Code 6
code6 { overflow:auto;width:400px;height:auto; font-family: "Consolas", "Courier New", Courier, mono, serif; color:#7A6417; margin : 15px 35px 15px 15px; padding : 10px 10px 10px 35px; clear : both; list-style-type : none; background : #000000 url(http://1.bp.blogspot.com/-GYYwrX408NQ/Tv7JAIEwfMI/AAAAAAAACHc/w8IcSIvTsmc/s1600/000.JPG) repeat-y top left; border : 1px solid #D8C37D; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px } .code6:hover{ border : 1px solid #D8C37D; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px }

Code 7
.code7 { overflow:auto;width:503px;height:120px; font-family: "Consolas", "Courier New", Courier, mono, serif; color:#eeeeee; margin : 15px 35px 15px 15px; padding : 10px 10px 10px 35px; clear : both; list-style-type : none; background : #b561ff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLOHlQaS4cP1rTL5ybMc6TLrUrJ20RwRUoZ0dSFpcMJ0IxAYDd6cfe6VkkohZNHZhcgjtlbJbXnxzOrm9DjoHZZttFUIb1MZtAqyddmnk1xILXIGRmTnTzAZydpRbfiFvFv_o9_U0wvM/s1600/v-gol.ru+lamp3.JPG) repeat-y top left; border : 2px solid #b561ff; border-left:20px solid #b561ff; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px } .code7:hover{ background : #3d162e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimPneI3NjjR2IvG6FlA0ktnqFwJsQWhns0gW-imq84kD9l4s8MTUOpsZtKYTVlGDJJ0rwN3eDYWKNa27RGLUDwcqCidswmYBjyStUlYzs_oebkD5vwZ5ZaSaNZjuNmyR-NNWqrvVcLOwND/s1600/v-gol.ru+lamp3.JPG) repeat-y top left; color:#fff; border : 2px solid #b561ff; border-left:20px solid #b561ff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 10px 10px 5px #888888; }
источник

Форма подписки по E-mail на обновления блога

В этом небольшом посте предлагаю Вам код формы подписки на обновления Ваших статей блога. Код вставляете обычным гаджетом: черновик blogger - добавить гаджет-Html/JavaScrip -вставить - сохранить. Пример формы смотрите внизу страницы под сообщением.
Настройки:
http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tPDloc=ru_RU-Ваш Feed адрес; Выделенный у меня красным текст можете изменить на свой; width: 290px-это ширина формы.

Копируем код:

<style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9; background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px; margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif; padding: 5px;border: none;}#ig-subscription-optin input.name { background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhNRAFicCJLOROp4h3wP_u3uHbOuKpfVoQ16kRsCf0kh0f74w40v4TqtGjLZp_FC-h5cYcevIuzx-es__F3tvs8fL_s2kEhHaq2XYUOC7EFq_ZL5ySYBNksq7reC6rnZLdkKQnMorE3dUK/s1600/subscribe-name.png) no-repeat center right;} #ig-subscription-optin input[type="text"] {border: 1px solid #111 !important; font-size: 14px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;} #ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxAFPCZ-BZby2qoqoS-PStYFfvHq9GD6T0ZqwwwONrxofV2tUlBEv7vsueWd7ta-vf44xBQ7Z5RejDDNnsw0dOqasX8vUKVCto39cQDlerK-3XFrrr4NQ158wA1qA2LTF0lLPrbyVscMi0/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input { font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important; font-weight: bold !important;line-height: 26px !important;letter-spacing: normal; text-transform: none;text-decoration: none; text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif; border: none;padding: 0px !important;float: none;}input:hover[type="submit"] { background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2; color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input { color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZjuhIJWjtK5TLKKTOXcV42sEsa3bGCRRe6peiuwCsTqMp_ebc0hKzeO1dnX3QJQzKqQQRooeg8lOCJOnqQXmYGTJkj_lYTcPiapTYV-hwMtbFpBO2FS-kv6GyoSMj3ArkGwWsux8cvCqT/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important; padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;} #ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style> <center> <div align="center" id="Wid-Subscribe-wrapper"> <div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 290px;"> <h3 id="Wid-title-text" style="color: white; font-size: 18px;"> Получайте новости электронной почтой</h3> <div id="Wid-sub-title-txt" style="color: white; font-size: 14px;"> Присоединяйтесь, это бесплатно, получайте свежие статьи блога на Ваш электронный ящик.</div> <br /> <form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tPDloc=ru_RU" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tPDSo&loc=ru_RU', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="name" id="Wid_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Ваше имя" /><br /> <input class="email" id="Wid_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Ваш Email адрес" /><br /> <div class="separator" style="clear: both; text-align: center;"> </div> <input name="uri" type="hidden" value="" /><input name="loc" type="hidden" value="en_US" /> <input id="Wid_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Получить доступ сейчас!" /></form> </div> </div>

С остальным, я думаю, разберетесь. Всего доброго! 
Оставляйте комментарии, +++ и подписывайтесь на обновления!
источник

Страница не найдена. Ошибка 404

Как создать персонализированное сообщение об ошибке. Страница не найдена...

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

Здесь нас интересует раздел ошибки и переадресация. Нужно нажать изменить и вставить скопированный текст в формате HTML Я как всегда воспользовалась редактором сообщений. Написала нужный текст, страницы перехода выделяете  ссылкой, нажала на HTML и скопировала код. Смотрите на скриншоте

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

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

Пример: www.bdblogov.ru/2013/10/rss.html изменить на www.bdblogov.ru/2013/09/rss.html. 

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

источник

Создать файл Sitemap для блога blogspot

Все Вы слышали о создании файла Sitemap, который позволяет сообщить Google о страницах сайта, чтобы они гарантировано попали в индекс. XML-файл Sitemap, обычно называемый просто файл Sitemap, представляет список страниц веб-сайта.

Если создать и отправить файл Sitemap, Google узнает обо всех страницах на Вашем сайте, включая URL, которые невозможно обнаружить в ходе стандартного сканирования. Для веб-мастеров сайтов, созданных не на платформе Google, подробную информацию о создании файла можно прочитать здесь. В инструментах Google для веб-мастеров есть возможность указать Sitemap для улучшения индексации сайта. 

Файл Sitemap должен быть размещен на самом сайте. На blogspot размещение файлов не поддерживается. Существует автоматическая карта сайта, сделанная блоггером для Вашего сайта TRY/atom.xml, вместо использования Sitemap.xml. Sitemap для сайтов blogspot создаются автоматически и представлены в Webmaster Tools, вам не придется делать самостоятельно.

Ответ в GoogleGrops оказался прост, Sitemap на blogspot добавлять не надо. Такой файл предусмотрен разработчиками Google, обновляется автоматически и называется /atom.xml. Ответ я нашла тут, нажмите на сообщения и прочитайте вопрос и ответы.

Дополнение к статье: выше я писала, что файл Sitemap создан автоматически и добавлять его не надо. По моим наблюдениям, когда записей в блоге стало больше ста, в статистике Google отсчет начался сначала. То есть было проиндексировано 100, а потом 10 и так далее. Поэтому кто бы что не говорил, но я решила файл добавить. Можно воспользоваться генератором файла Sitemap, перейдите по этому адресу.

Введите URL адрес блога с http, нажмите сгенерировать Sitemap. Сверху увидите адрес Вашего Sitemap файла ↓

1.Sitemap:http://www.bdblogov.ru/atom.xml?redirect=false&start-index=1&max-results=500

500-это максимальное количество опубликованных постов. Можете пока написать сто, а потом со временем, когда сообщений будет больше ста,  добавить ещё один файл  ↓  

Sitemap:http://bdblogov.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=1000

Перейдите на этот сайт и прочитайте информацию как добавить файл Sitemap на Blogger.

2. Вот такой файл Sitemap: http://www.bdblogov.ru/sitemap/xml можно добавить и в Google, и в Яндекс, выделенное замените на свой адрес блога. В кабинете вебмастера яндекс: настройки индексирования-файлы sitemap. Только перед добавлением проверьте валидатором. Почитайте статью Добавить файл Sitemap в кабинете вебмастера Mail.ru.

В Google добавлять я думаю знаете как: в инструментах для веб-мастеров нажмите сканирование-файл Sitemap. Только там внимательно смотрите, адрес блога уже добавлен, Вам надо ввести только часть адреса atom.xml?redirect=false&start-index=1&max-results=500, или если второй вариант-sitemap/xml нажать проверить. 

Если при проверке не будет обнаружено ошибок, тогда только нажмите добавить. Вот пока всё. Появится свежая информация, обязательно сообщу. До свидания.

источник