Шпаргалка блоггера: Шпаргалка блоггера – HTML, CSS, JavaScript, PHP | Статьи

Содержание

Шпаргалка блоггера

CMS или самописный движок «с нуля»

Причины, которые меня побудили начать писать свой велосипед с нуля, а не выбрать CMS

<dl>, <dt>, <dd> — список описаний

dl создаёт ассоциативный список «ключ — значение», «наименование — объект», «вопрос — ответ» (FAQ, интервью и т.п.), который при желании можно расположить в два столбца.

Как обойти AdBlock

AdBlock можно обойти, достаточно иметь небольшие знания JavaScript (см. пример кода)

Гласные и согласные буквы и звуки | Таблица

Разобраны понятия «звук», «буква», «гласные», «согласные», «звонкие согласные», «глухие согласные», «мягкие согласные», «твёрдые согласные», приведена наглядная таблица.

Как найти процент от числа — Примеры

Формулы и образец расчёта процента, понятное объяснение, многочисленные примеры

Закрепить блок при прокрутке (position: sticky;)

Особенности прикрепления блока при прокрутки страницы с помощью position: sticky; (CSS)

:focus-within

Родителю, чьи дочерние элементы или он сам получили фокус, можно задать стиль с помощью псевдокласса :focus-within

Что такое проценты и как их считать

Понятно и наглядно раскрыто что такое процент, как его находить, есть калькуляторы и подробное описание

Стих про счастливую семью | А. Н. Плещеев

Трогательное стихотворение о том, как семья ждёт рыбака

Как составить и рассчитать пропорцию: онлайн калькулятор | Математика с примерами

Что такое «пропорция», формула, свойства, онлайн калькулятор, пример решения с объяснением

🏗️ HTML — это язык разметки веб-документов. Веб-страница состоит из прямоугольных полых кирпечей-коробочек — тегов HTML. Как в одну коробку можно положить другую меньшего размера, так и один тег может содержать вложенные теги.

🎨 CSS — это язык описания внешнего вида веб-документа.

🔨 PHP — это язык программирования, позволяющий формировать HTML-код веб-страницы.

🔧 JavaScript — это язык программирования, позволяющий менять HTML-код веб-страницы в браузере посетителя.

📈 SEO — это комплекс мер, которые позволят привлечь посетителей из Google или Яндекса.

✍️ Блог (англ. blog — «сетевой журнал») — это веб-сайт, основное содержание которого — регулярно добавляемые записи, сортированные в обратной хронологической последовательности. Первой бесплатной блоговой службой, основанной в 1999 году, является платформа Blogger.

🤓 Калькуляторы процентов, времени, онлайн линейки и другой материал на сторонние от сайтостроительства темы.

Шпаргалки Блогера — «BlogoSHpora.ru»

831

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

881

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

1129

Приветствую вас, друзья! Сегодня криптовалюты в самом модном тренде. Котировки биткоина растут, как на

986

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

1183

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

1750

Здравствуйте, уважаемые читатели. Многие из вас уже слышали о криптовалюте , а некоторые из

1184

Хоть первые криптовалюты, в частности такой популярный нынче Биткоин, появились уже несколько лет назад,

1954

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

1408

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

1434

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

Как настроить RSS ленту для блога на Blogger «с нуля» — Примеры

Постоянные читатели блога — это его фундамент. Одно дело, когда человек разово просматривает статью, и совсем другое, когда он периодически заходит «на огонёк». Если у нас будет сформирован круг постоянных читателей, то и наш сайт в меньшей степени будет зависеть от внешних факторов, таких как «не любовь» поисковых систем.

В интернете постоянно встречается знак: . Он говорит, о том что можно подписаться на обновления сайта через RSS или Atom канал. Новые материалы интересующего ресурса будут приходить вам на сервис для чтения. Например, на Яндекс.Ленту, которая объединена с почтой.

У платформы Blogger уже настроены данные каналы. Вот их URL-адреса:

  1. для всего блога
    • RSS: http://имя_блога.blogspot.com/feeds/posts/default?alt=rss
    • Atom: http://имя_блога.blogspot.com/feeds/posts/default
  2. для определённого ярлыка
    • RSS: http://имя_блога.blogspot.com/feeds/posts/default?alt=rss/-/название_ярлыка
    • Atom: http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка
  3. для комментариев блога
    • RSS: http://имя_блога.blogspot.com/feeds/comments/default?alt=rss
    • Atom: http://имя_блога.blogspot.com/feeds/comments/default
  4. для комментариев к определённому сообщению
    • RSS: http://имя_блога.blogspot.com/feeds/Id_сообщения/comments/default?alt=rss
    • Atom: http://имя_блога.blogspot.com/feeds/Id_сообщения/comments/default
  5. в полном варианте, в том числе с неопубликованными, но сохраненные в черновиках статьями, его могут видеть только зарегистрированные авторы
    • http://www.blogger.com/feeds/Id_блога/posts/default
Можно как предложить пользователям блога один из этих URL, так и воспользоваться веб-сервисом Feedburner, который добавит потоку дополнительную функциональность, например, подсчёт количества подписавшихся людей. Стоит учесть, что статистика Feedburner постоянно меняется, поскольку число подписчиков складывается из количества запросов фида за конкретные сутки, а не общего количества подписавшихся.

Как настроить Feedburner

  • Открываем страницу Feedburner.
  • Входим своим аккаунтом Google.
  • При необходимости можно выбрать язык в верхней панели страницы:
  • В предложенном поле вводим адрес фида. Здесь я предпочитаю указывать URL RSS-канала определённого ярлыка (http://shpargalkablog.ru/feeds/posts/default/-/feed). О преимуществах данного метода написано в статье про то, как, по возможности, избежать плагиата. При распространении ауди- и видеоматериалов, устанавливаем флажок «Я подкастер!».
  • Указываем название и адрес фида. Они могут быть отличны от данных у блога.
  • Выбираем показатели, по которым вам будет предоставлена статистика фида. Их вы в дальнейшем можете изменить на вкладке «Анализируй«-«TotalStats». Для того, чтобы ссылки на статьи в RSS-ленте были прямыми, не устанавливайте галочку «Уникальные клики».
  • Далее буду указывать основные моменты. На вкладке «Оптимизируй«-«BrowserFriendly» можно определить внешний вид фида. Из списка «Тема» выберите вариант «ClearFeed (Russian)». Каждый раз нужно нажимать кнопку «Сохранить».
  • Ниже по разделу активируйте услугу «SmartFeed».
  • В «Feed Image Burner»-«Image Source: Specify custom image URL» добавляем свой адрес картинки с URL на ваш блог. Анимационные изображения показаны не будут.
  • На «Summare Burner» возможно установить показ не всего текста, а только его части, дабы ваш подписчик устремился на блог. Количество символов я указала 400.
  • Активируем раздел «Публикуй«-«Подписки по электронной почте».
    1. В «Subscription Management» выбираем оформление подписки по email либо в виде формы, либо в виде ссылки. Далее указываем настройки:
      Language:русский язык
      Use as a widget in Blogger
      Жмём
      Сделаем эту форму привлекательной для русскоязычных людей, вида:
    2. В подразделе «Communication Preferences» редактируем содержание письма активации. Элемент «${confirmlink}» нельзя удалять — это ссылка подтверждения подписки.
    3. Внешний вид письма с обновлениями блога можно определить на «Email Branding».
    4. Часовой пояс и время доставки писем настраиваем на «Delivery Options».
  • Активируем функцию «PingShot».
  • В разделе «FeedCount» можно добавить счётчик подписчиков. После определения его цвета жмём кнопку «Сохранить», затем выбираем Use as a widget in Blogger.
    При желании, в установленном гаджете меняем текст «readers» на «друзей».
  • На странице «Socialize» можно настроить автоматическую публикацию записей с сайта в twitter.
  • В «Chicklet Chooser» можно добавить стандартные иконки на блог. О том, как оформить подписку RSS на свой вкус, я написала здесь.
  • Делаем общедоступными данные о количестве подписчиков в раздела «Awareness API».
  • В «NoIndex» я совершала изменения два раза. Первый — в начале ведения блога для улучшения индексации убрала все галки и добавила ресурс в форму Яндекс Блоги. Спустя время, установила оба флажка, чтобы избежать дублирования контента.
  • Вкладку «Зарабатывай» можно опустить и перейти сразу в Google AdSense, где и делаются основные настройки в «Мои объявления»-«Фиды».

Как настроить Blogger

Для более верного подсчета подписчиков в Blogger в «Настройки»-«Другое»-«Фид сайта»-«URL переадресации канала сообщений» указываем адрес фида.

Правила комментирования на блоге

Здравствуйте, уважаемые читатели «Шпаргалки блоггера»!

Не думала, что у меня когда-нибудь появится данное обращение, но количество посетителей перевалило за 10 000 человек в сутки. До тех пор, пока у меня получалось в отведённое на сайт время хотя бы за день-два дать полноценный ответ, я это делала. Сейчас же я могу только наблюдать как стремительно растёт количество не отвеченных комментариев. Увы, разрубить этот гордиев узел мне теперь не по силам.

Приветствуются такие комментарии

Оценка написанному

Мне, как и любому автору важно знать как его труды воспринимает публика, полезен материал или нет, лёгок ли он для понимания или что-то нужно исправить. В какой-то момент мне стало трудно улавливать то, что является загвоздкой у новичков, так как для меня это стало само собой разумеющееся. Одёргивайте меня, пожалуйста.

/*O*\ Это волшебно!!! Исчерпывающая статья. Всё, что связано с новыми окнами и ифреймами — всё есть х) даже фулскрин. Наташа, ты супервумен!! [ссылка]
Я часто попадаю на ваш блог при разных запросах. Было дело даже постоянным читателем хотела стать, но после прочтения вашей статьи (быть точнее статей, так как прочитано всё) я резко впадаю в состояние когнетивного диссонанса и начинаю не понимать о чём речь, оставаясь с проблемой да ещё и добавив кучу всякого кода с вашего сайта в код своего шаблона, совершено не замечая изменений. И только сейчас я поняла в чём проблема. Дело в том, что Вы, когда даёте некий код не совсем объясняете ЗАЧЕМ ЭТО НУЖНО и нужно ли вообще (для чего, что будет после внедрения, как это влияет в целом на работу блога, на поисковую оптимизацию) Как-то вы не многословны и сразу КОД-КОД И ЕЩЁ РАЗ КОД! Я уже столько этих кодов с вашего сайта ВНЕДРИЛА В СВОЙ ШАБЛОН, а результат — ОГРОМНЫЙ .УЙ! И я уже подумываю нанять нормального вэбмастака, чтобы повычищал нахрен весь хлам, заимстованный с вашего сайта и нормально всё прописал. [ссылка]

Исправления и дополнения к статье

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

Вы пропустили 1700,1800 и 1900 [ссылка]
Добрый день! С Наступающим вас Новым годом! Есть маленький вопрос, на вашем сейте есть «Большой календарь со всеми 12 месяцами на HTML» В конце месяца тукущее 31 число отображается совместно с первым числом предыдущего месяца. Как устранить эту ошибку, подскажите пожалуйста. [ссылка]
Подскажите, если отправляю письмо без прикрепленного файла выходит ошибка: «Warning: file_get_contents() [function.file-get-contents]: Filename cannot be empty in……… Warning: Cannot modify header information — headers already sent by (output started at……..» Как разрешить отправлять без прикрепленного файла? [ссылка]
Здравствуйте. сделал горизонтальное меню, получилось длинное, из 6 пунктов, и поэтому в две строчки. всё хорошо, но когда открывается верхний пункт, и мышку веду на подпункты, управление перескакивает на нижний пункт. как с этим быть? [ссылка]

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

Добрый день, Наталья! Отличная статья! Давно мечтала найти что-нибудь, чтобы для добавления рекламы в произвольное место в статье каждый раз в Adsense за кодом не лазить. Только я, наверное, что-то не так сделала. Добавляла тот вариант, который называется «в любую часть статьи», в статье при этом место под рекламу появляется, а само объявление — нет. В чем может быть подвох? Заранее спасибо за ответ! [ссылка]

Вопрос в рамках статьи

На такие вопросы я с удовольствием отвечаю.

Помогите разобраться. У Васи в левой руке нет яблок, а в правой — семь. На сколько процентов в правой руке у него больше яблок, чем в левой? По идее нужно решать через пропорцию 7*100/0, на на 0 делить нельзя!!! Меня это ставит в тупик! [ссылка]
И интересная задачка в качестве вопроса 🙂 Смотрите, если галерею поместить в блок с overflow: hidden; (или auto) размеры которого будут меньше, чем размеры увеличивающегося фото, то получим обрезанное изображение как результат. А как бы сделать так, что бы фото при увеличении, выходило за пределы блока и не обрезалось? [ссылка]

Идеи для новых публикаций или расширения существующей

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

Как сделать чтобы отправлять сразу 6 файлов подряд? [ссылка]

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

Помогите, пожалуйста… свяжитесь со мной по почте или по Skype

Для статьи «Нужно закрепить блок при прокрутки экрана» и ей подобной предлагаю следующий алгоритм действия:

  1. вы делаете резервную копию шаблона (ОБЯЗАТЕЛЬНО!),
  2. устанавливаете код на свой блог или сайт,
  3. когда что-то не удалось, то пишется комментарий с описанием проблемы и с указанием страницы вашего сайта,
  4. если используется аккаунт Google, то можно подписаться на обновления комментариев
  5. по мере возможности я перехожу к вам на сайт и смотрю, что у вас пошло не так (в субботу и воскресенье я уезжаю из города и вообще не захожу в интернет). Я в любом случае напишу, но ответ может быть неполным. Если я даю ссылку на данную статью, то значит я совсем ничего не успеваю, но вы хотя бы будите знать, что ответ стоит поискать в другом месте.

Слишком много вопросов по одному сайту в короткий промежуток времени

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

Здравствуйте. Еще раз спасибо за Вашу помощь! Вопросы: 1. Можно ли закруглить края общего белого фона также, как закруглены и «затонированы» края гаджетов и сообщений? 2. Шапка прижата влево, можно ли в правый пустой белый угол выставить картинку? http://shpargalkablog.ru/2010/07/kartinku-v-zagolovok-bloga.html?showComment=1424974787798#c8391871223970914597 – тут мой вопрос , а таким способом не разобралась — http://shpargalkablog.ru/2011/04/css-nalozhenie.html 3. Можно ли для ката («дальше») использовать разные слова для разных сообщений? 4. Текст сообщений систематически «играет» сам по себе – то появляются пробелы, то текст превращается в простыню – почему? И как выставить красную строку, можно ли ее связать с пробелом ? 5. Можно ли ввести в список новый шрифт? Заранее благодарю. [ссылка]

Увы, энтузиазма хватает только

  1. если проблема не требует от меня большого количества времени (большинство вопросов),
  2. если с одним и тем же вопросом обращаются разные люди,
  3. если задача специфическая и неординарная.

Административная панель управления сайта (админка)

Я не могу знать, что за файлы у вас лежат на сервере, как они называются и что содержат, пока не получу полный доступ к ним. Какой путь нужно проделать в вашей CMS, чтобы поменять шаблон сайта. Хотя я вас прекрасно понимаю, так как сама начинала с этого — даже не по описаниям, а по скриншотам пыталась разобраться куда что вставить. Мне нужно было точное совпадения кода. Когда я делала шаг в сторону, то получалась ерунда, которая потом нуждалась в исправлениях. Только после проб и ошибок я стала более свободно разбираться в HTML и CSS, и немного в JavaScript и PHP. Для того чтобы понять где я напортачила и что за что отвечает, я удаляла участок кода и наблюдала что при этом менялось. Поэтому боюсь, что и у вас тоже только три варианта:

  1. изучить самому свою CMS по публикациям в интернете,
  2. найти статью, ориентированную именно на вашу платформу, где по шагам сказано куда следует нажать,
  3. дать задание фрилансеру и оплатить его работу.

Исключение я делаю, разве что для пользователей Blogger, так как статьи о нём являются частью структуры блога, с них всё начиналось, даже имя «Шпаргалка блоггера». Да и то могу помочь только в корректировке стандартных шаблонов.

Подскажите пожалуйста, как вставить такую кнопку на страницу в вордпресс? Если не сложно, то расскажите по-подробнее, так как я еще не очень хорошо разбираюсь в этом (Пытался несколькими способами, описанными в интернете, не получилось) [ссылка]
Ответ

CMS объединяет шаблон с дизайном с тем, что вы написали в статье (подробнее). Поэтому если вы хотите, чтобы какой-то элемент был только на одной странице, его следует добавить в содержимое публикации. Если это код, то предварительно нужно переключиться на вкладку (в режим) «HTML». CSS и JavaScript нужно вставить в теги style и script соответственно

<style>
    
</style>

<script>
    
</script>
И теги эти желательно убрать в самый низ статьи, так как
  1. скрипт должен идти после того элемента, на который направлено событие (нажать, заполнить и т.п.),
  2. страница сначала должна показывать содержимое, а потом реагировать на действие посетителя.

Если элемент должен присутствовать на многих страницах, то следует править HTML шаблона с дизайном сайта (см. «как изменить шаблон wordpress, joomla и т.п.» в Яндексе или Google). CSS неплохо бы добавить в файл с расширением .css, а JavaScript — в файл с расширением .js. Без обёртывания в теги style и script!

способы размещения внутренних ссылок. — Примеры

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

Грамотно организованная ссылочная структура позволяет:

  1. увеличить время пребывания посетителей на блоге, число просматриваемых документов, то есть улучшить поведенческие факторы.
  2. повысить позиции внутренних статей в результатах поисковой выдачи, вывести страницы из соплей Google, так как им будет передаваться вес других сообщений вашего сайта.
  3. ускорить индексацию новых публикаций. Для индексации сразу большого числа статей рекомендуется применять рандомную перелинковку, то есть когда ссылки меняются при каждом обновлении страницы. Например, так: .

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


Сообщения блога должны быть доступны в 2-3 клика от Главной.

Если вы продвигаете http://сайт.ru/, то не ставьте внутренние ссылки на http://www.сайт.ru/.

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

Варианты размещения внутренних ссылок.

Линки в тексте статей.

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

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

site:ваш_блог название_страницы
Пример: Google, Яндекс.

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

Поиск по блогу.

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

Адрес внутренней страницы.

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

http://slovari.yandex.ru/~книги/БСЭ/
содержит в себе
http://slovari.yandex.ru/~книги/БСЭ/Навигация (морск.)/
Для крупный сайтов на основе такого URL строятся навигационные цепочки в Яндексе.

Карта блога.

Создание карты веб-ресурса позволит открыть доступ ко всем статьям в два шага.

Пункты меню.

Это верхнее/боковое меню. Горизонтальное меню показывает лучшие результаты по привлечению внимания пользователей. Рекомендуется показывать посетителю на какой странице он находится. Этот пункт не должен являться ссылкой.

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

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

«Похожие статьи.»

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

Кнопки навигации.

Кнопки навигации — это ссылки «Следующие»-«Главная страница»-«Предыдущие» либо в качестве альтернативы может выступать постраничная навигация.

Заголовок блога.

Как правило, щелкнув на заголовок блога на внутренних страницах, вы переместитесь на Главную. Это тот случай, когда стоит принять условия большинства. Ссылка должна быть вида http://сайт.ru/, а не http://сайт.ru/inedx.php.

«Хлебные крошки».

«Хлебные крошки» — это линки, показывающие путь от Главной до текущей страницы, что позволяет посетителям блога ориентироваться в какой рубрике он находится. Название текущего сообщения оформляется текстом. У меня на блоге вы можете увидеть их внизу страницы.

Ручное добавление ссылок или использование возможностей плагинов.

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

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

  1. Сделать ссылки внутри статьи более привлекательными [ovsyannikoff.ru]
  2. В блоге seoprofy.ua ссылки выносятся в блок «Статья в тему» не после публикации, а внутри неё

Как вести блог — Примеры

Здравствуйте, Наташа. Извините за беспокойство! Но из моих друзей мне никто не смог помочь. Я хотела Вам задать вопрос — если я не буду разбираться во всех вебнастройках, смогу ли я вести блог? Я почитала Вашу шпаргалку и поняла, что для меня это тёмный лес! Я просто хотела открыть фотоблог, но что-то всё желание пропало. Буду признательна, если Вы ответите.

Да! Вы добьётесь успеха, даже не разбираясь во всех премудростях оптимизации, если посетитель вашего блога

  • изучает видео, текст или изображения, которые добавлены в интернет лично вами. Как ни странно это звучит, но в сети оригинального контента очень-очень мало, в основном это сгенерированные программами записи или в лучшем случае переписанные другими словами сообщения. Поэтому есть все шансы занять своё местечко под солнцем. А именно вместо того, чтобы «тащить» затёртый до дыр код аудиозаписи «Репка» с другого сайта, сами начитайте и запишите басни Крылова. Я с удовольствием буду включать их детям на ночь.
  • по стилю письма понимает, что вы знаете толк в искомом вопросе, получает исчерпывающий ответ на странице вашего проекта, активно просматривает несколько публикаций. SEO уловки ничего не дадут, если их не подкреплять достойным содержанием, а вот достойное содержание может самостоятельно подтянуть сайт вверх (см. про поведенческие факторы).

Единственно что нужно уяснить:

  1. Блог должен быть посвящён преимущественно одной теме. Не стоит смешивать информацию о выращивании гусей, выпусках телепередачи «Давай поженимся» и моделях Apple.
  2. Статья — это ответ. Заголовок — это вопрос, который человек вводит в поисковую строку Яндекса или Гугл. Не «Высота Эвереста», а «Какая высота у горы Эверест». У блога есть отличное подспорье — неограниченное количество страниц. Поэтому не выбирайте обобщенный запрос, старайтесь угадать одну из точных фраз, по которой человек непременно перейдёт на ваш блог. Тем самым вы обойдёте большинство конкурентов, поскольку будете предлагать решение на более узкую задачу.
  3. К видеороликам, аудиозаписям и картинкам нужно небольшое описание.
  4. Формат большинства публикаций — 1000-3000 символов. Если вам тяжело набирать столь длинный текст, то возможно лучше развивать страницу в социальной сети?

Вот пара-тройка примеров удачного ведения блога:

  • Рукодельницы: Вечерние посиделки, Рыжие Рукоделки, Ручные вещи, чиппилюшкины пыхтелки, Сашин мир и т.д.
  • Rysichka — косметика, макияж, а также: А вообще — мой блог — что хочу, то и делаю!! Тут нет никаких правил и ограничений, нет никаких рубрик и форматов и самое главное — тут нет банов! Мы можем делать что угодно, писать обо всем, что интересно и просто флудить!
  • Блоггер делится своими мыслями и у неё это хорошо получается Diaries of a big city!.
  • По уши в ГИА! — учитель раскрывает особенности великого и могучего.
ВНИМАНИЕ! Если вы ведёте блог на Blogspot, имеете посещаемость более 1000 человек в сутки и ничего не делали для развития ресурса, то отпишитесь в комментариях, я обязательно включу вас в этот список.

Что касается всяких кодовых штучек, то знать их совсем не нужно. Они призваны решить конкретную проблему. Например, для того, чтобы сделать статью-генератор о градиентах CSS, мне понадобился скрипт вычисления координат курсора мышки в div и конвертера HEX в RGB. Иначе я никогда бы не стала в этом разбираться.

Итого: не нужно бежать впереди паровоза. Напишите штук 20 постов. Возможно, окажется, что вам нечего сказать публике или вы не захотите делиться своими знаниями, наблюдениями и опытом, а, возможно, в вас проснётся первоклассный журналист. Далее решайте проблемы по мере их поступления. Если сайт будет потихоньку набирать посещаемость, то продолжайте работать. Если у вас очень замечательные статьи, но мало гостей, почитайте рекомендации Яндекса и Google или SEO-блоги и SEO-форумы. Если вы захотите улучшить дизайн, то обратите свой взор в сторону соответствующих проектов.

Гаджет список ссылок Blogger — Примеры

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

Если разместить гаджет под заголовком.

Стиль под заголовком уже задан разработчиками. И он, как правило, гармонично сочетается с блогом. Это поле определяется в коде шаблона, который можно скорректировать на вкладке «Дизайн»-«Изменить HTML»

.tabs-inner {}
И для того, чтобы переместить горизонтальное меню влево, перед ]]> пишем
.tabs-inner .widget ul {padding-left: 33%;}
Значение процентов подбираем под конкретный дизайн блога.

Часто сюда добавляют гаджет «Страницы». Но поскольку я не очень последовательна в своих действиях и вместо страниц, отличительной чертой которых является то, что их URL не содержит даты, создавала сообщения, мне было удобнее воспользоваться «Списком ссылок».


Стиль для гаджета бокового меню.

Если посмотреть в код шаблона, «Список ссылок» имеет type=’LinkList’ с идентификатором. Для последующих гаджетов,.


Для того, чтобы задать стиль используем id. Самый незатейливый код может иметь вид:
#LinkList1 ul { list-style: none; }

#LinkList1 ul a { text-decoration: none; } 

#LinkList1 ul a:hover { text-shadow: 1px 1px 1px #000; }

Статьи по теме:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *