Как в комментариях блогспот,блоггер вставить HTML, или Javascript.

Привет друзья, давно не писал но на то были причины занимаюсь каналом на ютубе по адресу http://www.youtube.com/user/Cashsfromprogram .Но появилась очень замечательная тема,и вот решил поделиться секретом для пользователей блогов на платформе блогспот,блоггер.Она заключается в следующем,как в комментариях блогспот разместить HTML,или JAVAscript.Дело в том что по умолчанию блок комментариев в нашем блоге,непонимает этих языков.И просто,напросто код, или скрипт обычно не пропускает. Но я находясь в долгом поиске ответов,на свои вопросы все таки отыскал решение данной загадки.И как нам добавить код,или скрипт в наши комментарии будет видео урок что я разместил чуть ниже.

Читать Далее...

Оптимизация заголовков,роботс txt, пользовательского файла роботс txt, и персонализированных тегов роботс txt для блогспот,блоггер.

Привет друзья сегодня я наконец добрался до наверно одной из самых важных тем в блоггер,блогспот.А точнее их три, и все они относятся к Seo поисковой оптимизации я совсем про них забыл рассказать, в своих статьях об оптимизации.Эти темы называются так:

Заголовки для блогспот,блоггер

Пользовательский файл robots.txt

Персонализированные теги robots для заголовков

Все эти три пункта служат для того, что бы помочь роботам правильно прочитать наш блог,и его страницы.И влияют на очень много факторов, например на такие как запрет,или разрешение сканирования той или иной части кода.А так же для правильно сканирования роботом, вашего блога на платформе блогспот то есть в нужном порядке ибо от этого очень многое зависит.Так же такие факторы как выдача страниц,и правильное их отображение.И вот сегодня мы с вами дорогие друзья, об этом и поговорим а начнем мы как раз с темы Заголовков для нашего блога.И так что же такое заголовки, и зачем они нужны.Заголовки,это грубо говоря название нашей статьи,или статей а нужны они для того что бы ваши статьи, посты индексировались правильнее роботами.И для правильного сканирования,вашего веб ресурса роботами таких гигантов как Гугл,и Яндекс и остальными поисковиками тоже.Но дело в том, что во многих шаблонах эти заголовки изначально не правильно прописаны.А именно Изначально в Blogspot, blogger неправильно указаны заголовки во многих шаблонах.Именно так название блога,и название статьи а должно быть наоборот название статьи, название блога.И  что бы этого добиться нам надо зайти в свой блог,далее Шаблон,Изменить HTML,Далее зажимаем CTRL+F и ищем вот эту строчку <title><data:blog.pageTitle/></title>  а заменяем её вот на это.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
      <title>
        <data:blog.pageName/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageTitle/>
      </title>
    </b:if>
    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
      <b:else/>
      Page Not Found |
      <data:blog.title/>
    </b:if>

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

 Далее наш рассказ  будет об оптимизации пользовательского файла, robots txt.Нужен он для разрешения,или запрещения сканирования страниц нашего блога роботами.Что бы узнать какой у вашего блога,или чужого роботс txt достаточно ввести такую команду http://Название вашего блога/robots.txt и вы его увидите.Далее я  размещу свой код тут от роботс txt,

 User-agent: *
Disallow: /search
Disallow: /search/label/
Disallow: /p/search.html
Disallow: /rpc_relay.html
Disallow: /feeds

User-agent: googlebot
Disallow: /search
Disallow: /search/label/
Disallow: /p/search.html
Disallow: /rpc_relay.html
Disallow: /feeds
Sitemap:http://Тут пишем название своего ресурса/sitemap.xml

Disallow: /*archive.html  - запрещено индексировать страницы архива 


Allow: /  - разрешено индексировать все

Такой же код стоит у меня а как его вставить и что он значит смотрите видео урок.



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

Читать Далее...

Оптимизация пункт - 6, как удалить строчки ошибок CSS в шаблоне блоггер.

И вот наконец, как я давно и обещал я и сам рад что подхожу к итогу друзья.Этот урок будет последним, пока что об оптимизации на платформе блоггер,блогспот.Но возможно в будущем я его дополню, или расширю или создам еще уроки по мере необходимости. А рассказ сегодня у нас будет, как удалить или скрыть официальные стили CSS  на блогспоте.Если вы смотрели мои предыдущие уроки,то в них я много раз показывал эти строчки.Во всех сервисах по оптимизации, про которые я рассказывал до этого эти строчки встречались как ошибки. А выглядят эти строчки так как, указано сверху на скриншоте.
Плохи эти строчки тем что в плане сео оптимизации они замедляют загрузку вашего веб ресурса,а если быть точным то его отображение.Что бы быть точнее, и понять что к чему советую вам после инструкции посмотреть видео урок в нем я рассказал что к чему,и как скрыть эти строки.


Для того что бы нам их скрыть удалить
1)Идем в блог
2) Далее шаблон Делаем резервную копию Изменить HTML
3)Зажимаем ctrl+f ищем тег <b:skin><![CDATA[
4)Копируем все от тега  <b:skin><![CDATA[ ДО ТЕГА  ]]></b:skin> например в блогнот
5)Далее  удаляем тег <b:skin><![CDATA[ и вместо него ставим строчку такую &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
6)Под ним вставляем сторочку <style type='text/css'>
7)Далее удаляем строчку ]]></b:skin> и на его место вставляем такой тег </style> и в принципе все можно сохранять.Но друзья! советую посмотреть видео урок что ниже.

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

Нужна она для  Seo оптимизации  изображений, как ей пользоваться я рассказал в видео уроке но если что в ней нам нужны всего две кнопки.Первая это кнопка Paste screenshots - вставить скриншот,Вторая же кнопка это Show screenshots directory - открыть дитекторию где расположено фото,потом нам остается его только скопировать и разместить где угодно.А сама програмка оптимизирует вес изображения уменьшая его этим то она и хороша.

Читать Далее...

Оптимимизация пункт- 5 лечение,и исправление многих ошибок Для платформы блогспот,блоггер и и сайтов.

Привет всем и вот продолжая тему об оптимизации, и сегодня в дополнение к предыдущей темы я расскажу об сразу нескольких веб сервисах.Которые нам будут полезны, и так в уроке по оптимизации под пунктом 4 я рассказывал о сервисе http://gtmetrix.com/, а сегодня я буду  брать из него примеры.Но ошибки мы будем разбирать по другим сервисам а именно http://validator.w3.org/, и https://developers.google.com/speed/pagespeed/insights/.
Значит так,с первым сервисом я уже вас познакомил просто в роли примера буду сегодня вам уважаемые друзья показывать как,и где в нем можно найти и исправить ошибки которые мы встретим с вами.В других сервисах а именно это валидатор,сайт для проверки веб сайтов на ошибки.И сервис от гугл, пэйдж спид который так же проверяет ваш сервис на ошибки.Все эти сервисы нужны нам для оптимизации,и сервисы эти очень похожи в том плане что ошибки в этих трех сервисах почти одинаковые.Хотя и сервисы совсем разные, но как не странно цель у них одна это оптимизация,и производительность ваших веб ресурсов.Вот и сегодня я хочу вам уважаемые друзья о них показать видео урок,я вдоль и поперек излазил эти сервисы и на многие вопросы нашлось куча ответов.Как вы поняли все эти сервисы я применил к гул платформе блоггер,блогспот.Ибо работаю я именно с нею,но если кто то найдет для себя что то полезное, и для другой платформы то я не против.)И во всем этом что самое интересное,то что ошибки все друг на друга похожи по этому я и опишу три сервиса.Одно,касается другого и задевает мои статьи что я писал ранее.Сами все увидите,  и надеюсь вам друзья это должно быть интересно,и полезно.

Код для  исправления ошибки, на сервисе http://validator.w3.org основной ошибкой которого является ошибка, что указана на скриншоте красным цветом.

Буква & исправляется так  &amp;  И на этом пока все

Читать Далее...

Оптимизация часть - 4 и веб сервисы по оптимизации для блогспот,блоггер.

Подумал подумал, и решил продолжить дальше серию статей про оптимизацию.Ибо в тех статьях, я мог лишь описать  часть того большого объема, что есть а вот сейчас я надумал идей на новую статью как все это сопоставить.А урок у нас будет о следующим, об оптимизации под пунктом 4.А начнем мы с того что, как и я писал в предыдущих статьях все взаимосвязано, это я хочу подчеркнуть еще раз.Обсудить я хочу 2 сервиса, по оптимизации а  точнее три сервиса.Все эти сервисы завязаны на оптимизации, а поскольку многие ошибки в этих вопросах взаимосвязаны.То и сервисы дополняют друг друга,и в общей сложности становятся очень мощным инструментом для оптимизации. Первый инструмент это сервис http://gtmetrix.com/ и это супер инструмент для оптимизации,я не знаю всех его секретов именно для платформы гугл  блоггер,блогспот. Но к очень многим вопросам,я нашел ответ я сделаю видео урок по этому сервису.Но сам сервис на английском предупрежу сразу,и если кто то хочет найти какие то ответы для себя то,запаситесь переводчиком.Я думаю стоит сделать несколько статей, как раз о том какой я браузер считаю самым лучшим и почему.Это я к тому  написал тут,что зашло дело о переводчике и думаю попозже я так и сделаю напишу про браузер интересные статьи.В видео уроке я опишу,и расскажу что я успел почерпнуть для себя,а так же какие то примеры я приведу ниже видео урока.

Для того что бы проставить размер картинок, то на примере моего кода от ремблера

<!-- begin of Top100 code -->
<a href="http://top100.rambler.ru/navi/0000000/">
<img style="border: none;" src="http://counter.rambler.ru/top100.cnt?0000000" width="88" height="31" alt="Rambler's Top100" />
</a>
<!-- end of Top100 code -->

Вставляем, и прописываем наши  размеры примерно в то место где у меня стоит ширина,и высота я их в коде выше пометил маркером.

Сделать скрипты анасинхронными пример: 

<script async='async' src='http://code.jquery.com/jquery-latest.js'></script>

Вставляем эти строки в то мессто как на примере выше  async='async'

Далее что бы схать картинку меняем в этой сточке 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAwqbulIX1frShIeqnyyWVmBMiyus21UO8ca-jJ_-0Qq9SIcrjlggQW9zFprDE0OASKAyy8YcPsggqnXnSzBhA8I3C_QrbI7_7XE9nUhgdqWpDO4NGL0-tp7KDQjo0PSnkiyQBodOAt9c/s1600/shot-20140325T152641.png

Эту строчку s1600 на s220 что бы вышла строчка вот такая

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAwqbulIX1frShIeqnyyWVmBMiyus21UO8ca-jJ_-0Qq9SIcrjlggQW9zFprDE0OASKAyy8YcPsggqnXnSzBhA8I3C_QrbI7_7XE9nUhgdqWpDO4NGL0-tp7KDQjo0PSnkiyQBodOAt9c/s220/shot-20140325T152641.png

Читать Далее...

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

А вот и третий урок, по оптимизации блога и сегодня я в продолжение предыдущей темы.Расскажу вам друзья, о том как снизить нагрузку на блог для увеличения скорости загрузки блога.А рассказ мой будет о виджетах, точнее о том как их скрыть с определенной страницы.Есть много разнообразных виджетов, есть как и стандартные так и те которые мы добавляем сами.Путем вставки кода, и если в предыдущей статье я писал что желательно виджеты удалить ненужные.То в этой я расскажу как  их сохранить, дело в том что некоторые виджеты удалять совсем не хочется. Но и  если оставишь, то нагрузка на блог не уменьшиться по этому есть выход из данной ситуации.А именно виджеты  можно убрать, с главной страницы на любую другую, а так как чаще всего загружают главную страницу сначала.Нам  самое главное освободить её, но опять же например я скрыл с главной всего один виджет,если я бы их скрыл штук 10 для для Seo это ничего хорошего.Да и для пользователей, ибо все равно они будет переходить не только на главную, но и на другие страницы ресурса.По этому с этим надо быть деликатнее, и не переусердствовать)в том плане  что оставить какие то виджеты можно,но с умом.А что бы нам скрыть виджет,или виджеты с определенных страниц нам придется в своем коде виджета не важно,какого.Будь он родной,стандартный или же код который мы вставляем сами дописать несколько строчек, и сейчас я вам покажу примеры для разных страниц.

В Blogspot,Blogger несколько видов страниц

homepageUrl – главная страница

static_page – статичные страницы

item – страницы сообщений

index – страницы ярлыков

archive – страницы архива

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


 Показ виджета только на главной странице:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 Код ващего виджета
</b:if>
==============================================================================

Показ только для страниц сообщений:
   
<b:if cond='data:blog.pageType == "item"'>
 Код ващего виджета
</b:if>


==============================================================================

Показ только для страниц архива:
   
<b:if cond='data:blog.pageType == "archive"'>
 Код ващего виджета
</b:if>
==============================================================================

Показ для всех страниц, кроме главной:
   
<b:if cond='data:blog.url != data:blog.homepageUrl'>
 Код ващего виджета
</b:if>
==============================================================================

Показ только для статических страниц:
   
<b:if cond='data:blog.pageType == "static_page"'>
 Код ващего виджета
</b:if>
==============================================================================

Показ только для главной и для страниц ярлыков:
   
<b:if cond='data:blog.pageType == "index"'>
 Код ващего виджета
</b:if>
==============================================================================

Показ на всех страницах, кроме указанной:
   
<b:if cond='data:blog.url != "url_страницы"'>
 Код ващего виджета
</b:if>
==============================================================================

Показ на определённой странице:
   
<b:if cond='data:blog.url == "url_страницы"'>
 Код ващего виджета
</b:if>
==============================================================================

Показ только на страницах ярлыков:
   
<b:if cond='data:blog.searchLabel'>
 Код ващего виджета
</b:if>

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

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

Читать Далее...

Оптимизация часть 2 внешние, и внутренние ссылки блогспот,блоггер.

Здравствуйте друзья, как я и говорил я продолжаю серию статей об оптимизации блога.И эту статью я посвящу разговору о виджетах, и исходящих ссылках по другому они еще называются(внешние ссылки), и о внутренних ссылках.Что бы объяснить по простому скажу так, есть такая штука как исходящие ссылки с вашего веб ресурса,на другие ресурсы.И из-за них ваш блог, или сайт теряет потенциальных подписчиков.Как и вообще аудиторию,но только в том случае если тот сайт на который вы ссылаетесь,более релевантен.Это значит лишь одно например вы написали статью,грубо говоря но она у вас слабенькая а тот ресурс на который вы проставили ссылку в своей статье более соответствует теме вашей статьи (запросу).В результате мы получаем что, ваша статья в поиске яндекса,или гугла стоит на много позиций ниже.Чем та статья на которую вы ссылались, это одно из объяснений другое же объяснение данного фактора таково что поисковые системы не любят веб ресурсы на которых много ссылок и не важно тематические это ссылки, или просто левые.Ибо не пряча внешних ссылок,ваш ресурс превращается в помойку)от которой толку мало.Потому как если у вас очень много таких исходящих ссылок,то для поисковых систем ваш сайт выглядит как решето.От которого нет эффекта самому ресурсу, а толк только есть другим ресурсам на которые вы ссылаетесь.И в результате мы получаем понижение в выдаче поисковых систем для своего ресурса,и полный провал вообще существования вашего ресурса.Соответственно если ваш сайт стал как друшлак,)и фонит то такие показатели как Тиц от Яндекса, или PR от гугла будут уменьшаться.По этому лучше ограничивать количество внешних ссылок,и что еще не мало важно если ваш материал,статьи которые вы пишете рассказывает например о Seo, то не стоит проставлять внешние ссылки ведущие на сайт например, о продаже молока.И дело в том что внешними ссылками в блогспот, блоггере или вообще на любых веб ресурсах считаются не только те ссылки которые вы проставляете в своих статьях.Но также много скрытых ссылок, о которых не все знают и вот сегодня я вам как раз про них и хочу рассказать.А именно про внешние ссылки которые встречаются на платформе гугл блоггер,блогспот.
Начнем пожалуй с виджетов мутантов), с недавних пор я стал считать таковыми виджетами в блогспоте.Таких мастодонтов например как слайдеры,первым наперво эти так называемые виджеты увеличивают количество заголовков которые в нашем шаблоне должны быть в определенном количестве, заголовки под такими тегами. <H1 <H2>  <H3>   <H4>  <H5>  Самый главный тег заголовка, это <H1 - этот тег обозначает наш заголовок какого либо сообщения.И вообще он должен быть один на странице,а если у нас имеется слайдер то при переключении его с картинки, на картинку с поста,на пост или с сообщения,на сообщение у вас меняется количество тегов <H1 , и это зависит только от того сколько у вас стоит на автоматическом переключении ваших постов.Если у вас стоит 5 сообщений,или картинок то у вас и будет  5 тегов <H1 ну а если десять сообщений стоит на прокрутке, то и будет 10 тегов <H1 и так далее. Чем это грозит, а грозит это тем что это уменьшает релевантность вашей страницы,ибо при сканировании её поисковиками на наличие контента.Поисковик встречается с 5 -ю, или 10-ю одинаковыми заголовками, а это очень плохо для поисковиков, и в плане Seo.Помимо того слайдер фонит внешними ссылками, и удалив его вы избавитесь от многих проблем.У меня стоял слайдер раньше,хоть он и выглядит отлично проблем от него гораздо больше чем пользы. Смотрите сами релевантность страниц раз, снижается скорость загрузки вашего ресурса два, внешние ссылки три, ну и наконец слайдеры используют в себе технологию Flash и отчасти из-за нее все тупит, и создает не очень приятные ощущения  на том веб ресурсе на котором вы оказались.Но опять же все взаимосвязано одно отталкивается от другого,и напарывается на третье в том плане что сам слайдер или слайдеры может не сильно вредны но суммарная часть всех виджетов, приводит к катастрофе в виде очень многих проблем. К одной из которых относятся загрузка вашего веб ресурса,  не возможно работать с каким либо сайтом если все лагает. В результате мы теряем не только людей, что зашли к нам в гости но так же и место в поисковой выдаче, и много много параметров в плане  Seo. И решать вам, нужен ли вам  виджет от которого проблем больше чем пользы.Теперь рассмотрим виджет,архив блога что бы много про него не говорить скажу коротко, эта штука дает нам очень много внешних ссылок а о них я писал выше к чему они приводят.Так же сюда можно отнести гаджет ярлыки, аналогично с архивом блога.Далее у нас идут гаджеты типа таких лучшие статьи,или посты,популярные сообщения.Эти гаджеты так же фонят исходящими ссылками, по этому я от них отказался они могут быть в блоге но в разумных приделах.Это самые простые внешние ссылки, которые мы можем легко удалить удалив виджеты.Под вторым параграфом,у нас идет количество сообщений на главной странице,опять же чем больше сообщений тем больше внешних ссылок.Уменьшить количество сообщений можно так, зайдя в свой блог, панель меню слева дизайн, гаджет сообщения блога,Изменить, а далее Количество сообщений на главной странице: меняем на необходимое нам число я поставил пока что 5. Далее нам надо будет скрыть ярлыки,  быстрой настройки гаджетов выглядят они вот так,

 и это тоже как не странно исходящие ссылки. Что бы их убрать нам надо зайти в свой блог, далее панель меню слева Шаблон, жмем далее Изменить HTML, зажимаем CTRL+F вводим в строчку поиска, такою строчку кода. <b:include name='quickedit'/>
Их может быть много, в зависимости сколько у вас виджетов. Далее заменяем ту строчку что нашли, вот такой строчкой <!--<b:include name='quickedit'/>-->   после всех проделанных операций не забываем нажать на сохранение.Далее внешние ссылки так же исходят из опубликованных,(загруженных)картинок любого формата будь то jpg,bmp,или gif все они после загрузки оставляют внешние ссылки, и как их удалить об этом будет видео урок чуть ниже.
Помимо того есть такая штука как  навбар,сайтбар он распологсется сверху вашего блога на блогспот, блоггер это так же считается внешней ссылкой и его не обязательно, но можно отключить как это сделать смотрите в этом видео уроке который я сделал ранее.

Ну и еще одно, есть такая строчка снизу блога Подписаться на сообщения Atom так же это считается внешней ссылкой и что бы удалить её нам понадобится зайти в блог панель меню шаблон,далее Изменить HTML, зажимаем CTRL+F ищем строчку в коде блога такую <b:include name='feedLinks'/>  и её удаляем не забывая при этом потом нажать на сохранение.

А на последок я скажу,)еще не последок далее я разберу с вами как скрыть от поисковых систем наши гаджеты что мы вставляем в блогспот,блоггер панели меню Дизайн добавить гаджет.Это могут быть разнообразные гаджеты, и как и скрывать я покажу на примере кода от счетчика посещений рэмблер топ 100. Выглядит все это дело вот так

<!--noindex--><!--nofollow-->
<!-- begin of Top100 code -->

<a href="http://top100.rambler.ru/navi/0000000/">
<img src="http://counter.rambler.ru/top100.cnt?0000000" alt="Rambler's Top100" border="0" />
</a>

<!-- end of Top100 code -->
<!--/nofollow--><!--/noindex--> 


Ссылка  <!--noindex-->  -  говорит поисковому роботу что бы не индексировал ссылку.

Ссылка  <!--nofollow--> - говорит поисковому робуду что бы не следовал по ссылке.

А вот теперь можно и поговорить о внутренних ссылках, рассказывать о них почти нечего за учетом того что они играют большую роль, в продвижении вашего ресурса. Что же это такое внутренняя ссылка, - а это у нас очень полезный, и жизненно важный механизм в сайтостроении и важен,и нужен он как обычным пользователям.Так и поисковым роботам,ибо это влияет на ранжирование вашего ресурса,в поисковой выдаче.А если говорите проще то скажу вам так уважаемые читатели что чем лучше оптимизирован ваш блог в плане тех же внутренних ссылок.Тем больше шансов у вашего ресурса, что он будет в первых позициях поисковых систем.Конечно же что бы пробиться в топ поисковых систем этого фактора маловато, но тем не менее начинать с чего то надо.Да и в плане Seo оптимизации ресурса, это очень полезно плюс пользователям вашего ресурса, будет легче ориентироваться.Но самого главного я так и не сказал, как их сделать на блогспот ,блоггер а очень просто смысл внутренних ссылок заключается в том,что к примеру мы написали  статью,или пост одну, потом написали еще одну статью и если они тематически совпадают.То мы делаем так, берем ссылку той статьи что написали, её можно скопировать в браузерной строчке,вашего браузера.Далее мы заходим в другую статью,  которая тоже была нами написана, и нажимаем изменить на сообщении. Далее жмем ссылка, в первом окошке проставляем наш текст, во втором ссылку ниже будет атрибут rel="nofollow"  там галку ставить не надо. Галка на внутренние ссылки не ставится, а вот на внешние не все конечно, но лучше ставить.
Ну а если кто не вкурил :), (не понял) о чем это я тут написал по поводу внутренних ссылок то смотрите видео.

На этом я закончу наш урок, что бы начинать обдумывать распорядок продолжение нашей темы об оттимизации.

Читать Далее...

Общая оптимизация блога на блогспот, блоггер.Часть 1

Здравствуйте друзья долго откладывал этот материал, ввиду его объемности.Да если честно желания особого не было, но всему приходит конец и настает то время  когда материал стоит опубликовать. И так о чем это я, а я об оптимизации блога решил вам рассказать, уважаемые друзья.Как вы видите, если кто то со мной уже долгое время вы могли заметить, что с блога исчезло много всякой всячины.У меня есть видео урок, под названием Новичку, и лентяю расширенная навигация по моему веб ресурсу плюс комментарии автора на блогспот,блоггер.В нем видно какой у меня был блог, а каким стал сейчас все это время я занимался как раз оптимизацией блога, на разных уровнях.И если сделал не все возможное то очень многое,именно для блоггер блогспот в интернете не так много ответов, на какие-либо решения.По этому пришлось помучатся со многим, что бы блог стал более менее Seo оптимизирован, и легок на подъем.Начал я с самого простого, и кстати  хочу предупредить сразу что боюсь в одну статью этот материал не поместиться.И так поехали  почему я вообще начал это делать,и зачем потому что не возможно было с блогом работать.В плане того что все тупило до невозможности, блог был перегружен скриптами, кодом и так далее.Мало того что это влияет, на скорость загрузки блога помимо того отпугивает потенциальных подписчиков, и читателей ваших статей.В нескольких статьям мы с вами друзья разберем , или постараемся разобрать разнообразные вопросы, и сервисы.Я буду в последующих статьях рассказывать о разнообразном материале,который пригодится как начинающему блоггеру ,так и человеку которого уже нельзя назвать новичком в блогостроении.А темы у нас будут такие, не знаю еще в каком распорядке я о них напишу, но тем не менее думаю вам уважаемые читатели это должно быть интересно,и полезно. В плане знаний для себя, а так же для грамотной оптимизации ваших ресурсов.И так  в этих статьях мы поговорим о виджетах разнообразных,нужны они  вашему блогу или нет. О скриптах,и кодах о исходящих ссылках, об сайтах для оптимизации.И еще о многом,многом,многом...
Если честно даже не знаю с чего начать именно,в голове столько мыслей на огромное многие,и многие статьи.Но начинать все таки надо с чего то, скажу одно что все взаимосвязано очень сильно от одного, зависит другое а другое,взаимосвязано с третьим).Как то так,и думаю первой темой будет тема Warning: Missing required field "updated" эту ошибку можно обнаружить как не странно не в самом блоге, а в Гугл инструментах для веб мастеров, Инструменты проверки структурированных данных.Или же эта ошибка встречается, так же в валидаторе микроразметки яндекса.Ошибка не очень важная если честно, но просто я наткнулся на нее как то тестируя свой блог в инструментах структурированных данных, и мне захотелось её исправить. В обоих этих инструментах что от гугла, что от яндекса она есть и если в гугле она у меня исчезла в инструментах структурированных данных. Совсем исчезла после того, как я сменил в шаблоне своего блога небольную строчку кода, о которой я напишу чуть ниже. А сейчас я вам уважаемые читатели, покажу небольшой видео урок про эту ошибку, потому что словами не расскажешь.

Для того что бы нам исправить ошибку идём в свой блог, панель меню слева Шаблон, ИзменитьHTML далее зажимаем на клавиатуре  CTRL+F  и ищем в поиске эту строчку.

                  <data:post.timestamp/>

Заменяем её же на строчку что ниже , нне забывая при этом нажать на сохранение.

                  <span class='updated'><data:post.timestamp/></span>  

Далее проверяем наш результат, в инструментах структурированных данных гугл, и радуемся.
Или же переходим по ссылке на блог  NMitra"ы, и смотрим там еще один вариант исправления данной ошибки.
Как я и обещал  это только одна из статей, их будет много на тему оптимизации.

Читать Далее...

Как сделать,подключить себе поиск гугл на свой блог, сайт на блоггер, блогспот.

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

Ссылка на установку поиска
https://www.google.ru/cse/?hl=ru

Читать Далее...

Новичку, и лентяю расширенная навигация по моему веб ресурсу плюс комментарии автора на блогспот,блоггер.

Сегодняшний урок будет о навигации по блогу,  и я решил сделать видео урок ибо  так будет удобнее понять что к чему.Я расскажу вам сегодня о том что да как устроенно в моем блоге, где посмотреть то и узнать сё).

Читать Далее...

Причина поломки виджета, или почему может не работать виджет, в блогспот, блоггер.

Вот решил написать статью о причинах поломки, и не работающих виджетах.Как мы знаем, все виджеты это первым делом скрипты, коды написанные на разных языках программирования.Но смысл,пользы от виджета один что бы он работал.Многие пользователи думаю сталкивались с такой ситуацией когда попробовав установить какой либо виджет в свой блог на блогспот,блоггер наш  виджет не отображается после установки кода.И вот я сейчас вам дорогие читатели расскажу почему такое происходит, первым делом будет видео урок посмотрите возможно пригодится и вам.                       
Открывающий тег <style> Код между ними </style> Закрывающий тег
                                                                                                                                                     Первое что может быть это не рабочий скрипт какой либо, в том коде что вы себе установили.Скрипт (или сценарий) — это программа, которая выполняет некую задачу, если бы не скрипт, пользователь делал бы это вручную, используя интерфейс данной программы,оболочку скрипта.Скриптом можно назвать любой выполняемый процесс, который запускается на выполнение с сервера по запросу, который поступил с какого-либо веб-сайта. Скрипты бывают разные например Javascript, CSS скрипт стиля, Query библиотеки так же считаются скриптами но составной частью его является то же пресловутый Javascript, и служат эти библиотеки для того что бы взаимодействовать JavaScript"у ,и HTML в нашем блоге к примеру. Ну ладно это я углубился) и вот как раз из-за взаимодействия этих скриптов, с нашим кодом у нас и отображаются виджеты.А самих проблем неработоспособности виджетов в блогспот, очень много приведу примеры.Например часто встречается, что код который вы скопировали с какого либо ресурса, не рабочий изначально почему такое происходит.Дело как раз в таких вот   скриптах, о которых я писал выше пример простой тот человек что написал сам скрипт загрузил его на какой либо ресурс, а ссылку у себя проставил в коде который вы уважаемые читатели скопировали, а ресурс то тот закрылся куда был помещен наш скрипт,или автор сам файл скрипта с того ресурса случайно удалил.В результате мы получаем не рабочий виджет,Помимо того возможно и такое что сам код скрипта был написан с ошибками,и из-за этого тоже возможно нерабочие состояние виджета, но как таковое это мало вероятно, и бывает крайне редко.Помимо того не редки случаи, что люди копируют какой либо код не до конца в результате получаем не рабочий виджет.Помимо того встречаются ресурсы где код составлен так, что его надо собрать как конструктор если не соберете работать не будет.(Пример простой любое меню для блога, нет в коде файла стиля, а именно изображения меню, и работать не будет).И последнее в статье, но не самое немаловажное  это распространенная ошибка многих блоггеров, называется конфликт интересов часто встречается во многих виджетах скрипт Query- читается как Джиквери выглядит так <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script> , а версия его что я пометил красным 1.10.2 может быть любой. И вот как раз из-за того что во многих виджетах он встречается, и таится проблема ибо этот скрипт должен быть на вашем блоге Один, и находиться он должен ниже тега <head> в вашем шаблоне.Помимо того встречаются конфликты и других скриптов, но опять же это большая редкость.На этой ноте, я вынужден закончить мой урок надеюсь он вам  будет полезен,  если появятся новые дополнения к статье то я обязательно из размещу, в этом или следующих постах.

Читать Далее...

Настройка, и установка страницы ошибки(404) на блогспот, блоггер часть Вторая

И так друзья это вторая статья об том как настроить себе стораничку ошибки 404(Error 404) теперь по пункттам начнем нам надо зайти в блог, далее шаблон, ИзменитьHTML зажимаем клавиши на клавиатуре CTRL+F  в окошке поиска вводим тег  </head> и как нашли чуть выше его вставляем такой вот скрипт:

        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/>
          |
          <data:blog.title/>
          <b:else/>
          Page Not Found |
          <data:blog.title/>
        </b:if>
      </b:if>
    </title>

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

1)







<style type="text/css" > body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR3f1Syw9kDzsGTZY2t_4lNeSarkIJhvnfK7XwSg-vXCrKAmH65soAmHvHTJCSiqCixZwy1BCuekRQ7O7K1q-rBzJXHl87H2H4OeFVrB2a4DUiERqSQ5ua13drI0NiT5owoPaiTJPyIxo/s1600/1.PNG') 50% 0% no-repeat !important;z-index:10000000;} .sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;} body {min-width: 0px !important;} </style>

2)

<style type="text/css" > body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm4hBcEwKhc2CgxqkHZM6nBmJk6CAaLoybGww2rZ2y0yxLuGI0lW9JIpW5kYTHQK0qESclAIiO2YHdbvrY3P0Y55JXZwhyrqU31oyTodyVWrUluac2geYPA65K4ciNiNGXK3gIYwhCjmSY/s1600/404.jpg') 50% 0% no-repeat !important;z-index:10000000;} .sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;} body {min-width: 0px !important;} </style>


3)

<style type="text/css" > body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLdh38kFwNHPN-T7664HJxtXRhREAThoxD_4Vh5xHnadjMAAOGY8L_7YuXKoxbjhCggLcc8J8HnjtnPjmfgFQ2GjtA4E_6pxBIP1XDR90RSIc6NVe7SlKhf4nDdTrd35LG9CBnPxpmlAG/s1600/13.gif') 50% 0% no-repeat !important;z-index:10000000;} .sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;} body
{min-width: 0px !important;} </style>






4)


<style type="text/css" > body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKvOU7aI9D7ptFMsdfdYVMWHGIA6jdcZfXE8XnHy6Q_CVbyMR9jEM1M1WFNjFOvvhtwZdigQWHVyHS1sT1gwEvh-ErPk5PK1A7nSMjx05ZipoNy4YQg7B0QKBR3UarpJPjtWP0w8DCAhVI/s1600/27.PNG') 50% 0% no-repeat !important;z-index:10000000;} .sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;} body {min-width: 0px !important;} </style>






5)
<style type="text/css" > body {background:white url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijxZLuGahvpBDxJLidDTGFRZdqly8tmx4RHuANvcDeeBkUIPyBXQAT_3QZs6mb5OZbZ5igqvQ3I4FficNZyXhbS4HunKQGMu_raO2ADCIaTuqwZDlDs1v8zCZ0I_2kK7LEIRyZ0k23Rawx/s1600/20.PNG') 50% 0% no-repeat !important;z-index:10000000;} .sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;} body {min-width: 0px !important;} </style>
Таких картинок в интернете можно найти привеликое множество, и тут я вам привел в пример всего лишь часть их. Если что способ установки вы знаете дорогие читатели, а заменить картинку можно очень просто, вот я в скрипте вышн отметил красным маркером где её нужно заменять удачи.

Читать Далее...

Настройка, и установка страницы ошибки(404) на блогспот, блоггер часть первая

Здравствуйте дорогие друзья сегодняшний урок будет у нас о странички ошибки 404,(Error404)и её настройки.И так приступим, в своем блоге например у вас была статья, а потом вы её удалили и у вас остается пустая страничка в поиске.На которой написано блоггеровское сообщение об ошибке,оно выглядит очень невзрачно, простые сухие слова что страницы не существует. Или же какой нибудь человек набирая адрес вашего блога, ошибся с названием статьи, и ему снова это сухое дефолтное сообщение попадется на глаза.Так вот я и хочу вам рассказать уважаемые читатели как настроить такую страничку ,что бы вместо дефолтных настроек у нас отображалась красочная страничка об ошибке. К тому же в плане Seo, есть хорошо когда у нас настроена страничка об ошибке.И к примеру что бы нам уважаемые друзья, установить себе такую страничку как на скриншоте сверху, нам надо первое это зайти в блог естественно, далее меню слева настройки в самоом низу почти. Нам нужен пункт Настройки поиска, далее вот скриншот делайте все как указано на нем.   Первый пункт

А вставлять надо вот этот скрипт:

<style type="text/css"> #error-404 { border: 20px solid #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span>
</div> <h1 class="large-heading" style="text-align: center;">Page not found.</h1> <h2 class="light-heading" style="text-align: center;">Sorry, the page you were looking for in this blog does not exist..</h2><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.zarnakoom.com" target="_blank" title="Custom 404 Page">Custom 404 Page</a></div>

 Но есть и другие немного способы установки, например вот такую

    страничку что бы создать нам надо зайти в блог, далее шаблон, ИзменитьHTML зажимаем клавиши на клавиатуре CTRL+F  в окошке поиска вводим тег  </head> и как нашли чуть выше его вставляем такой скрипт:  Пункт 2

<title>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/>
          |
          <data:blog.title/>
          <b:else/>
          Page Not Found |
          <data:blog.title/>
        </b:if>
      </b:if>

    </title>



Жмем на сохранение и делее вставляем вот этот скрипт:

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivZFz54QjICcNVsS6AgyTYEhm-hN-upFTH-MCY2PBuOp5yJL0Aux289KTnJJTFWNwNU1Wv6nRzvRwZTFhmkbwXPGXJSKto8NvPq1MeXs4RP_ObwdvBJwYYZUqszwunmVPpjIx3hBUl010/s1600/404+error+page+7.jpg"/>

       По инструкции как в Первом пункте   далее сохраняем настройка заверщенна.



                                      Далее если хотим вот такую страничку об ошибке 404 ,

                                    то нам надо вставить вот этот скрипт:

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_Wn5djRIQRD1zBz6NW-UDb7I0UzbEMRbX_4vGYVZ8Sdx6MMPF3cqQLmT5I2wKCLvx-Va5D6W0Pn-hqIfPfJ6D8VCODjBhai_TZUEQY0jePVBfo6s-4PCAHgQGp0vmDdAwa-FxfmridI/s1600/404+error+page+3.jpg"/>

       Как было в инструкции в Пункте  2  ну и сохраняем настройка завершена. 
 

Читать Далее...

Виджет - Содержание для блогспот.

Этот урок будет посвящен настройке, и установке виджета содержания для вас дорогие читатели.Начну с того что любой ресурс, должен иметь какую либо навигацию по нему потому как без этого нельзя обойтись, тем людям кто заходит к вам на ваш сайт. Если есть  содержание блога, к примеру и оно на видном месте то вашим читателям, и подписчикам не придется рыскать в поисках содержимого вашего сайта. А если у вас нету какого то плагина отображающего содержание вашего ресурса то это прежде всего минус вам. В том плане что пользователи зашедшие к вам на ресурс например из гугла, или яндекса попадут на определенную тему на вашем ресурсе просмотрят её и уйдут, как будто не было. Но а если у вас будет какой либо виджет, который показывает содержание вашего ресурса, то это плюс вам и шанс того что люди которые пришли к вам на ресурс не уйдут сразу а заинтересуются другими материалами с  вашего сайта. А это нам собственно и надо, что бы человеку понравился, и привлек материал и тогда возможно пользователь зайдет к вам на ресурс еще раз,и станет потенциальным подписчиком. Этот виджет все таки увеличивает шансы этого, и что бы это поскорее произошло представляю вам виджет содержание,и вот как его установить

    Вход , http://www.blogger.com
    Меню дизайн
    Нажмите кнопку Добавить гаджет, далее ищем в списке HTMLJavaScript
    Копируем код что ниже вставляем, и сохраняем.

 <div style="overflow:auto;  
 height:300px;
 width:300px;
 border:3px solid #73fb76;
 font-family:Arial Narrow;
 background:#ffffff;
 font-size:100%;
 ">
 <ul style="
 list-style-type:decimal-leading-zero;
 margin-left:5px;
 ">
 <script src="http://locrelink.googlecode.com/files/loc.js" style="text/javascript">
 </script><span><strong><a href="http://www.zarnakoom.com" style="font-size:60%;width :auto; padding:0 3px 1px 2px;border-bottom:0px solid #D8D8D8; width:auto; font-family:Arial Narrow;background:none; text-decoration: none;color:#BDBDBD;">List Of Contents Widget</a></strong> </span>
 <script style="text/javascript">
 var displayDate=true;
 var newLabel=1;
 </script>
 <script src="http://URL.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loctable"></script></ul></div>

Настройка виджета не сложна,Заменить http://URL.blogspot.com/ своим  URL адресом блога
    300px это высота виджета
    300px  это ширина виджета   
    3 пикселя является окантовкой виджета
    #73fb76 цвет окантовки виджета
    #ffffff является код цвета фона
    100% является размер шрифта

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

Читать Далее...

Как сделать резервную копию шаблона на блогер, блогспот?

Привет друзья тут то как раз все просто, для этого нам надо зайти в свой блог далее в панели меню нажать ШаБлон под пунктом 1. Далее пункт 2, Резервное копирование и восстановление. 3 Пункт, Загрузить шаблон полностью это и есть то что нам надо , а именно мы друзья нажимая эту кнопку делаем резервную копию к себе на рабочий стол, в виде текстового документа. Далее пункт 4 этот пункт нужен для того что бы найти файл шаблона у себя на рабочем столе. А вот пунут 5 тый нужен для того  что бы загрузить свой шаблон с компьютера на сервер блогспот. И в принципе это и есть вся настройка данного раздела меню блогспот блоггер.

Читать Далее...

Бегущая строка в строке состояния браузера

 

Дело было вечером, делать было нечего) ну вообще то сейчас уже почти утру а мне не спиться. Решил выложить еще немного материала, хочу вам уважаемые читатели рассказать. О не совсем о виджете, а скорее о скрипте что дает данный скрипт. А дает он нам бегущую строку, с любым текстом в строке состояния вашего браузера. Если кто не знает, то строка состояния находится внизу вашего браузера, как показано на скриншоте.Данный скрипт можно использовать по разному, я вот сделал себе приветствие. Кто то может  вставить любой другой текст, ну и что б долго вас не мучить уважаемые читатели. Я расскажу о способе установки, первым делом заходим в наш шаблон жмем на настроить HTML . Далее зажимаем на клавиатуре CTRL+F , и в строчке поиска ищем вот этот тег </head> , и скрипт который надо установить вставляем перед </head>  а вот сам скрипт:

<title>Javascript ScrollText</title>

<script language='javascript'>

msg=&quot;Благодаря Zarnakoom, вы узнаете много нового, и интересного. Двигайтесь вместе с нами, и вы познаете те вещи которые вам будут интересны, и полезны на платформе Blogspot, Blogger&quot;;

spacer=&quot;............ .............&quot;;

pos=0;

function ScrollMessage()

{

window.status=msg.substring(pos,msg.length)+spacer+

msg.substring(0,pos);

pos++;

if(pos&gt;msg.length)pos=0;

window.setTimeout(&quot;ScrollMessage()&quot;,100);

}

ScrollMessage();

</script>

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

Читать Далее...