Date Blogger Help

Blogspot: Индексирование блогов и блокировка за спам.

2009-07-14T13:40:00.003+03:00

Особенности индексирования блогов на Blogspot Для нового блога: Индексация проходит практически сразу - но блог попадает в опущенные результаты поиска. Через 2-3 дня блог попадает в основную выдачу - и тут уж все зависит от PageRank. Кроме того новые блоги чаще проверяются на спам, чтобы на начальном этапе предотвратить появление дорвеев и спам-блогов. см. Терминология блога. Для предотвращения попадания в список спам-блогов рекоммендую: Аккуратно подобрать название блога: В первую очередь блокируются блоги содержащие: Невнятныме названия - например, много цифр. Подозрительные названия - например, zarobotok, rabota, и т.п. Не публиковать сразу много постов Временно отключить индексирование блога Для новых постов: Первая ндексация проводится очень быстро, а вот повторную ждать до 2-х недель (в зависимости от количества изменений, вносимых в посты).

[...]

Blogger: Ограничение количества постов на странице тегов (labels)

2009-07-14T13:05:00.007+03:00

Английское название приема: The number of posts displayed in label pages. Для организации вывода нужного количества постов при нажатии на ярлык следует дописать в шаблоне блога к URL-адресу ярлыка отмеченную строчку: data:label.url + "?max-results=n" Реализация: Заходим в админку блога > раздел Макет > Изменить HTML Стразу нажмите «Расширить шаблоны виджета Находим строчку (встречается в шаблоне 2-3-раза): data:label.url Заменяем ее на: data:label.url + "?max-results=N" Где : N - число постов "?max-results=N" - соответствует "?max-results=N" [см. Отображение html-тегов]

[...]

Blogger: Гаджет Lijit: Универсальный поиск и статистика посещений. (+отзывчивая служба поддержки)

2009-07-13T19:00:00.005+03:00

Служба Lijit предоставляет поисковый инструмент для блоггеров (гаджет wijit) с встроенной статистикой посещений и поисковых запросов блога. Причем поиск можно вести одновременно по всем своим блогам и службам наподобие Flickr, YouTube, Picasa, закладкам del.icio.us и т.д. ("search powered web applications for publishers") Неисправность: По состоянию на 8 июня 2009г. гаджет некорректно отображает русские шрифты (кодировка.) в статистике популярных поисковых запросов блога (Popular Searches) Письмо в службу поддержки: Решил я написать им письмо, мол, ваш гаджет некорректно отображает кирилицу - в чем дело? Ответ пришел через пять дней: извиноте за неудобства, наша группа разработчиков знает о проблеме и работает над ее решением. (Бен, центр поддержки Lijit) Т.е. скоро все исправят. Содержание переписки представлено ниже. Valentine Burmahin: кому: Lijit support (8 июля 2009) Cyrillic alphabet: encoding bug at blogger blog: Is it possible to use your Wijits at russian blogger blogs? As you can see in my blogger test page: (http://datefruit.blogspot.com/2009/07/blogger-lijit.html) - there are hieroglyphs in Popular Searches instead for russian requests. Lijit Support кому: мне (13 июля 2009) Hello Valentine, I am sorry to say we currently have a bug involving non-english characters in our popular searches cloud. While we don't currently have a fix lined up for the problem, the development team is aware of the issue and they are working towards a solution. I apologize for any inconvenience this has caused. -Ben, Lijit Support Пример использования для datefruit.blogspot.com: Lijit Search

[...]

Blogger: Настройка метатегов для поисковых роботов

2009-07-12T21:55:00.006+03:00

Мета-теги (meta-tags) используются для предоставления метаданных о веб-странице для повышения качества поиска. (т.е. - это информация об информации, например Имя автора) Описание метатегов: description - описание блога keywords - ключевые слова robots - разрешение или запрет индексировния блога поисковыми роботами (по умолчанию поисковый робот Google - Googlebot индексирует сайт и без него) title - заголовок станицы - очень важный элемент индексирования (отображается поисковыми системами в выдаче) Установка метатегов в Blogger: Заходим в панель управления блогом: раздел Макет > Изменить HTML. Под строчкой <title><data:blog.pagetitle/></title> добавляем метатеги Размещение метатегов в исходном коде: <head> ... <title><data:blog.pagetitle/></title> ... <meta content='ключевые слова через запятую' name='keywords'/> <meta content='краткое описание блога' name='description'/> <meta content='INDEX, FOLLOW' name='robots'/> ... </head> Немного о robots.txt: Все поисковые роботы при заходе на сайт в первую очередь ищут файл robots.txt, но в blogger он не редактируем до перевода блога на собственный хостинг. Поэтому приходится сводить оптимизацию к настройке метаданных. Чтобы посмотреть содержание файла введите адрес своего блога следующим образом: http://datefruit.blogspot.com/robots.txt robots.txt блокирует индексирование ярлыков блога (labels URL) во избежание дублирования при выдаче в поисковике.

[...]

Blogger: Создание пронумерованных комментариев (Numbering comments)

2009-07-12T11:41:00.003+03:00

Применение метода: Группировка и идентификация комментирующих. Удобная навигация по большому числу комментариев. До полнительная возможность оформления. Номер комментария используется как его гиперссылка. Реализация: Заходим в раздел Макет > Изменить HTML: Нажимаем «Расширить шаблоны виджета» Находим похожий участок кода и вставляем код выделенный жирным: <b:includable id='comments' var='post'> ... <dl id='comments-block'> <script type='text/javascript'>var CommentsCounter=0;</script> <b:loop values='data:post.comments' var='comment'> <dt style='clear: both;' class='comment-author' expr:id='"comment-" + data:comment.id'> <a expr:name='"comment-" + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> <span class='numberingcomments' style='float: right; font-size: 20px;'> <a expr:href='data:comment.url' title='Comment Link'> <script type='text/javascript'> CommentsCounter=CommentsCounter+1; document.write(CommentsCounter) </script> </a> </span> </dt> <dd class='comment-body'> ... </dd> </b:loop> </dl> Предпросмотр результата для проверки. Подробнее: font-size - размер шрифта. Для оформления номеров можно создать CSS-стиль: .numberingcomments { /* numberingcomments style */ }

[...]

Дизайн блога: Основы эффективного оформления.

2009-07-11T12:00:00.006+03:00

Людям импонирует спартанское отношение функционера к обстановке своего кабинета. Но проблема в том, что этот спартанский стиль где-то соприкасается с безвкусицей и просто нищетой... (Александр Деревицкий - бизнес-тренер) Дизайн определяется задачами: С дизайном сайта пересекается реклама и привлечение посетителей. Цели сайта должны стоять на первом месте, а дизайн - на втором. Дизайн ставит перед собой цели определения черт удовлетворяющих двум требованиям: практическим: это задачи, которые пользователи решают на вашем сайте: например чтение статей или просмотр фото. эстетическим: Нередко возникает соблазн создать анимированный сайт, применив все свои знания, однако помните, что посититель сайта имеет вполне конкретные цели.

[...]

Где вести блог: Свой домен (Stand-alone) или Блог-сервис (3-я редакция поста)

2009-07-10T12:00:00.012+03:00

Материал представлен в виде древовидной иерархии. Если что-то непонятно или вы с чем-то несогласны - оставляйте комментарий ниже. Для начала нужно определиться с целью создания и тематикой. Варианты реализации: Блог на отдельном домене (stand-alone блог) и свой хостинг Форматы и объемы данных: Любые файлы легко и быстро через FTP-клиент (аудио, видео, фото, документы, и т.д.) Дизайн: Возможности ограничены знаниями. Сообщества: Практически никакой связи с внешним миром. Расходы: Поиск, покупка и оснастка хостинга, покупка доменного имени. (единовременный платеж плюс продление - 40-50 $/год.) Любое развитие ресурса: добавление объема хостинга - за дополнительную плату. Раскрутка и продвижение: Лучший вариант для серьезного проекта. Сложности реализации и возможности: Шаблонный дизайн, системы управления контентом (CMS) - нужны базовые занания. Блог-платформы: Форматы и объемы данных: Ограничены. В Интернете есть масса мест, где можно хранить информацию. Но со всем этим нужно разбираться индивидуально. Дизайн: Зависит от возможностей блог-сервиса. Расходы: Бесплатный хостинг. За дополнительную плату - расширение возможностей сервиса. Раскрутка и продвижение: Всегда имеется возможность перехода на собственный хостинг и домен, но рейтинг вашего сайта придется снова восстанавливать. Сложности реализации и возможности: Имеется встроенная админка: максимально простая в управлении и ориентированная на рядового пользователя. Если вы «шарите» чуть больше, то можете несколько расширить эти базовые функции (одна из целей создания блога datefruit.blogspot.com). Вся базовая функциональность уже имеется в наличии. (Не нужно устанавливать дополнительные модули) Используя внешний движок, вы приобретаете опыт работы только с ним, что ,собственно, не будет...

[...]

Blogger: Обмен ссылками в блогроллах (Blogroll)

2009-07-09T12:41:00.027+03:00

Роль обратных ссылок: Увеличение трафика. Увеличение рейтинга сайта в поисковиках. Привлечение новых читателей. Обмен ссылками или кнопками способствует созданию тематических сообществ. Условия обмена ссылками на примене блога datefruit.blogspot.com: Тематика вашего блога должна быть определена и хоть как-то связана с тематикой данного блога. Показатели блогов близки или превосходят мои: тИЦ, PageRank и посещаемость (количество посетителей в день, подписчики RSS) Размещение: Место: Блогролл - список избранных ссылок на главной странице блога. Продолжительность: Договорная. Положение в списке: Чем выше показатели вашего сайта/блога, тем выше положение. Качество размещения ссылки на вашем сайте и ее заметность компенсирует низкие показатели. Содержание: Пока только Ссылка (без изображений) и с кратким описанием (по наведению курсора). [подробнее о всплывающих подсказках] Прием предложений: Оставьте комментарий. Другие контакты для datefruit.blogspot.com можно найти по [этой ссылке]. Ссылки - это валюта блогосферы, а чтобы делать деньги, сначала надо их вложить.

[...]

Blogger: Виджет: Ссылка на случайный пост (Random Post)

2009-07-05T21:18:00.006+03:00

Виджет создает ссылку на случайный пост блога. Настраивать ничего не нужно - достаточно вставить код. (Можно изменить название ссылки). Пример для datefruit.blogspot.com: function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j datefruit.blogspot.com Исходный код: <div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Случайный пост'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><noscript><a href="http://datefruit.blogspot.com" target="_blank">datefruit.blogspot.com</a></noscript>

[...]

Blogger Templates: Популярные архивы шаблонов

2009-07-04T19:31:00.007+03:00

В статье представлены наиболее популярные иностранные архивы, содержащие отсортированные многоцелевые шаблоны Blogger. All Blogspot Templates - шаблоны, отсортированные по количеству колонок и макеты, подготовленные для AdSense. Blogger Styles - галерея шаблонов с рейтингом и инструкциями по установке. BTemplates - архив бесплатных шаблонов, загружаемых пользователями. Deluxe Templates - сотни шаблонов, многие переработаны из WordPress. Плюс подборка советов ("tips & tricks") для настройки Blogger. eBlogTemplates - смесь бесплатных и платных шаблонов и советов по настройке Blogger. FalconHive - галерея переработанных шаблонов WordPress c архивом старых работ. Our Blog Templates - галерея бесплатных шаблонов с метками для поиска. Pyzam - тысячи шаблонов по категориям, просмотрам и популярности. Важная особенность: Использование нестандартных шаблонов рекомендуется в начале создания проекта: Шаблон Blogger хранит основные настройки блога: Метатеги Настройки сообщений блога. Шрифты и оформления тегов При установке нового шаблона многие настроенные функции могут работать некорректно. Кроме того чужие шаблоны зачастую содержат ссылки на автроские сайты и файлы, которые, в случае изменения или удаления с хостинга, могут исчезнуть из блога.

[...]

Blogger: Отображение html-тегов в посте (escaped characters).

2009-07-03T13:29:00.000+03:00

Для реалищации необходимо заменить знаки тегов (escaped characters) соответствующим кодом html-символов. Например < и > на < и > Отображение html-тегов в посте: [accessify.com] - Quick Escape - сервис автоматического конвертирования тегов. "код html символов" - используйте данный поисковый запрос Google если вам необходимо вставить нестандартные символы в пост (Например математические). В случае использования Dreamweaver все намного проще: достаточно создать новый html-документ - тогда в верхнем левом углу (под вкладками) появится горизонтальное меню с тремя кнопками. В окно "design view" - копируем код. В окне "code view" - все знаки заменены и теги расставлены.

[...]

Blogger: Виджет лучших комментаторов (Top Commenters)

2009-07-02T11:51:00.004+03:00

Виджет выводит список участников, оставивших наибольшее число комментариев, в виде обратной ссылки на профиль пользователя. (Top Commenters Widget For Blogger With Backlinks) Пример для datefruit.blogspot.com: function pipeCallback(obj) { document.write(''); var i; for (i = 0; i " + "" + obj.value.items[i].title + " "; document.write(item); } document.write(''); } Turn On javascript Исходный код: В коде замените datefruit.blogspot.com&number=10 на название своего блога и укажите количество выводимых имен. <div> <script type="text/javascript"> function pipeCallback(obj) { document.write('<ol>'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&EntertheURL=http%3A%2F%2Fdatefruit.blogspot.com&number=10&Nametobeexcluded=Name" type="text/javascript"></script> <noscript><a href="http://datefruit.blogspot.com" target="_blank">Turn On javascript</a></noscript> </div>

[...]

JavaScript: Сворачиваемый текстовый блок.

2009-07-01T09:00:00.015+03:00

В посте рассмотрен пример создания простого раскрывающегося (при нажатии ссылки) блока, с использованием JavaScript. (Quick 'N Easy Div Show/Hide) Имеет место соперничесво, причем не только между Google (Chrome) и Mozilla (Firefox), но еще и с Apple (Safari) за место самого быстого JavaScript движка... It's really a neck and neck race. There is a contest going on not only between Google and Mozilla but also Apple to have the fastest JavaScript engine, to have the best performance on various benchmarks... [news.cnet.com] Брендан Айх (Саннивейл, Калифорния) - программист и создатель JavaScript. С 2005 г. главный инженер Mozilla Corporation. Пример: //--> [ Кнопка: показ] [ Кнопка: показ/скрытие] [ Навеcти курсор: сначала показ потом - скрытие] [ Навести курсор: показ/скрытие] Оформление содержимого: Скрываемое содержимое будет здесь. [Скрыть.] Исходный код: <script type="text/javascript" language="JavaScript">  //--> </script> <p>[<a href="javascript:ShowContent('uniquename')"> Кнопка: показ</a>]</p> <p>[<a href="javascript:ReverseDisplay('uniquename')"> ...

[...]

CSS: Одноуровневое горизонтальное меню.

2009-06-30T09:30:00.017+03:00

В статье представлен самый простой и быстровнедряемый вариант CSS-меню, причем он подходит для любого сайта. В Blogger можно использовать "HTML/JavaScript" гаджет для его применения. Большинство примеров создания меню основаны на использовании списков. [см. html-теги списков] Поэтому в любой момент можно, взяв за основу имеющийся список ссылок, создать новое. Использование в Blogger: Скопируйте Исходный код в HTML/JavaScript гаджет Настройте менью используя подсказки в скопированном коде Базовые изменения: замените ссылки http://datefruit.blogspot.com и названия пунктов на ваши Продвинутые изменения: Нужны знания CSS или Можно поэксперементировать со значениями Пимер: Пункт 1 Пункт 2 Исходный код: <style> <!-- div#menunav { float: left; border-top: 1px solid #cccccc; /* граница сверху */ border-bottom: 1px solid #cccccc; /* граница снизу */ font-size: 14px; /* размер шрифта */ background-color: #EEEEEE; /* фон меню*/ padding: 0 0 0 25px; /* левый отступ кнопок */ margin: 5px 0; } div#menunav ul { margin: 0px; padding: 0px; } * html div#menunav ul { float: left; border-left: 1px solid #000000; /* левая вертикальная черта к ul */ margin-left: 15px; } * html div#menunav a { display: block; } div#menunav li { float: left; list-style-type: none; /* без маркеров списка*/ background-color: #999999; /* цвет кнопки до наведения*/ border-right: 1px solid #CCCCCC; /* разделительные линии между li */ } div#menunav li:first-child { border-left: 1px solid #CCCCCC; /* первая вертикальная линия меню */ } div#menunav a { text-decoration: none; /* без подчеркивания ссылок */ padding: 0px 10px; /* отступы сверху и снизу*/ color: #000000; /* цвет шрифта */ } div#menunav a:hover { color:...

[...]

Blogger: CSS: Основы использования

2009-06-29T22:39:00.013+03:00

CSS используется для задания цветов, шрифтов, расположения элементов веб-страницы. CSS в шаблоне Blogger позволяют привести к одинаковому виду стиль всех страниц. Вся прелесть HTML - в его простоте. Hakon Wium Lie - норвежский учёный, специалист в области информатики, предложивший концепцию CSS (Cascading Style Sheets - каскадных таблицы стилей) Цель данного поста - поиск аналогий и интересных фактов. Размещение в шаблоне: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ... #idStyle {/*через решетку - создание оформления для одного элемента страницы */ } .classStile {/* через точку - создание оформления для класса (группы, нескольких) элементов страницы*/ } ... </head> <body> </body> </html> Аналогия: CSS напоминает стили в Microsoft Word 2007: когда вместо оформления каждого абзаца в отдельности, можно использовать один стиль для всего документа.

[...]

Архивы Blogger: Настройка и оптимизация

2009-06-28T09:00:00.001+03:00

Архив подразумевает возможности дальнейшего использования статей, давая ссылки на предыдущие сообщения блога. Статья содержит наработки по оптимизации архивов Blogger. Показ в архиве блога только заглавий постов: Система Blogspot на странице с тэгами (категориями) отображает до 25-ти постов, что может значительно увеличить время загрузки страницы. Этот прием превращает архива постов (data='post') в список заглавий постов (data:post.title). Правило распространяется на просмотр всех постов ярлыка. Для использования необходимо подправить шаблон блога: «Расширить шаблоны виджета» в HTML-редакторе шаблона. Найти строчку: <b:include data='post' name='post'/> Заменить вышеуказанную строчку следующим кодом: <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <data:post.title/></a><br/><br/> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if> где <data:post.title/> - выводит название поста. Скрытие надписи "Показаны сообщения с ярлыком ...": При выборе ярлыка вверху появляется надпись "Показаны сообщения с ярлыком ...", чтобы ее скрыть необходимо подправить шаблон блога: «Расширить шаблоны виджета» в HTML-редакторе шаблона. Найти участок кода: <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear:...

[...]

Blogger: Создание простого облака тегов (Tag Cloud)

2009-06-27T18:10:00.022+03:00

Тег (tag — «ярлык, этикетка, бирка») — информативная метка в виде ключевого слова, идентификатор, для группировки, описания и поиска данных, задания внутренней структуры. Статья описывает внедрение облака тегов в Blogger модификацией стандартного гаджета "Ярлыки". Результат представлен на рисунке внизу поста: Облако отображает теги в алфавитном порядке. Реализация: Гаджет "Ярлыки" должен быть включен. Заходим в раздел Макет > Изменить HTML: (НЕ ИСПОЛЬЗУЙТЕ «Расширить шаблоны виджета») Вставляем cтиль облака (stylesheet): В шаблоне блога перед кодом: ]]></b:skin>вставляем код: /* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important} Настройки облака (configuration section): После ]]></b:skin> (но до тега </head>) вставляем следующий код: <script type='text/javascript'> // Label Cloud User Variables var cloudMin = 1; var maxFontSize = 20; var maxColor = [0,0,255]; var minFontSize = 10; var minColor = [0,0,0]; var lcShowCount = false; </script> Описание переменных: var maxFontSize = 20; - шрифт тега (размер в...

[...]

Блог: Защита и профилактика копирования, дублирования и воровства контента.

2009-06-23T00:54:00.012+03:00

Ничего даром не дается. - это первое, чему учат студентов на курсах микроэкономики. ("There ain't no such thing as a free lunch.") Michael Carroll - профессор Вашингтонского университета законов. Один из основателей Creative Commons. [Personal Blog] В статье рассмотрен вопрос дублирования материала блога: Проблемы для блога: Ухудшение позиций в выдаче поисковика; Уменьшение рейтинга ( ТИЦ и PageRank); Отсутствие обратной ссылки. Арсенал дублирующего Перехват RSS-канала (так обычно воруется контент) например используя сервис Yahoo Pipes Вырезание тегов Синонимайзер текста Получается “ремикс текста” и авторские права здесь не особо помогут. Поиск копии: Служба copyscape.com Защитные приемы Упоминание в тексте статей о их авторе: (персонализация собственника контента - часто блоги дублируются автоматически, поэтому наличие обратных ссылок будет небольшой компенсацией.) Ссылаться на свой блог: datefruit.blogspot.com Ссылаться на другие свои посты Добавлять в посты “скрытые” ссылки. Простановка на изображениях водяных знаков. (используя, к примеру, photoshop) RSS-канал блога: Должен содержать только анонс с ссылкой на оригинал. Для Blogger: Настройки > Канал сайта В Feedburner можно защитить фид: от индексации и от "Yahoo Pipes": в разделе Publicize > Noindex. Разбирательства: Для Blogger: кнопка "Пометить" см.[Cправка - Blogger: кнопка "Пометить"] В других случаях возможна потеря времяни или денег: Письмо к дублеру только если он не анонимен Обратиться в Поисковые системы: feedback.yandex.ru google.ru Обратиться к хостеру Суд

[...]

Blogger: Общая характеристика

2009-06-19T20:13:00.018+03:00

Blogger создали для того, чтобы предоставить всем легкий способ делиться своими мыслями о текущих событиях, о том, что происходит в жизни - обо всем, что можно обсудить. В августе 2009 этой бесплатной блог-платформе от Google официально исполняется 10 лет. (Blogger Team) Статья описывает общие особенности блогового движка Blogger, хостинга блогов BlogSpot на основе которого был создан журнал datefruit.blogspot.com. Функционирование: Блог быстро загружается и индексируется поисковиком Google. Блоги, размещенные на сервере Blogger, периодически проверяются на наличие спама, вирусов и др. вредоносных программ. Система руссифицированна. см. [Функции Blogger] Оформление: Полный доступ к оформлению болга через шаблоны. В сети много готовых решений и «хаков». Ведение: Периодически добавляемые и обновляемые функции, делают ведение блога простым и эффективным. Ограничения: [см. Ограничения учетной записи Blogger]. [см. Правила для содержания Blogger]. Нет полного доступа к файлам блога: (до перехода на собственный хостинг.) Хотя архив изображений можно создать в сервисе Picasa. Случайное удаление блога: Удаленные блоги можно восстановить в течение 90 дней. Вы можете создать новый блог по тому же адресу, используя аккаунт Google, с которым вы в настоящий момент выполнили вход в систему.

[...]

Публикация в Blogger: Использование HTML

2009-06-16T23:27:00.034+03:00

В статье описываются особенности использования HTML при публикации статей в Blogger. Web 2.0 - это жаргон, смысл которого вообще никому не известен. Если речь идет об объединении людей, блогах и wiki, то это самый настоящий Web 1.0. Собственно, для этого и создавалась Всемирная сеть... (Сэр Тимоти Джон Бернерс-Ли - изобретатель URI, URL, HTTP, HTML и Всемирной паутины) При публикации HTML/JavaScript-кода или сложных многоуровневых списков в Blogger всегда используется HTML-режим. См. рисунок Кроме того, многие готовые шаблоны имеют настроенные стили оформления для тегов. Например цитаты <blockquote> или списки <ol> и <li>. Часто используемые тэги: <a> - ссылка устанавливает ссылку: <a href="URL">...</a> устанавливает якорь: <a name="идентификатор">...</a> cсылается на якорь: <a href="URL#идентификатор">...</a> всплывающая подсказка: <a href="URL" title="всплывающая подсказка">...</a> <div> - блочный элемент выделения части документа: Пример использования: создание "раскрывающегося блока". <br> - разрыв строки. Закрывающий </br> не обязателен. Для использования отключите режим преобразования разрыва строк в разделе Настройки > Форматирование. ("Предварительный просмотр" переносит строки даже без тега <br> , но после публикации статья будет выглядеть так как нужно.) <blockquote> - цитата; блочный элемент. <h1> - заголовки разного уровня важности: от <h1> до <h6>; блочные элементы. <li> - элемент списка <ol> - устанавливает нумерованный список; <ol> <li>пункт 1</li> ...

[...]

Фиды: Трансляция канала блога в Twitter

2009-06-13T22:42:00.025+03:00

В основу развития twitter легла служба коротких сообщений SMS - в частности, ограничение в 140 символов было позаимствовано оттуда. Джек Дорси (Jack Dorsey) - американский программист и бизнесмен, создатель сети twitter. В статье рассмотрена реализация трансляции фида блога в twitter используя сервис twitterfeed.com Twitter - это бесплатная социальная сеть в виде системы микроблогов. Позволяет пользователям отправлять текстовые заметки (до 140 символов), используя веб-интерфейс, SMS и другие службы мгновенных сообщений. Возможные трудности с twitterfeed.com: "Login to twitterfeed using your OpenID": OpenID Login - это вход в сисиему с использованием аккаунта OpenID "RSS Feed URL": - в качестве фида используйте каналы блога или feedburner В случае возникновения трудностей задавайте вопросы используя форму для комментариев. Пример реализации: Страница в Twitter - туда транслируются новые посты данного блога.

[...]

Blogger: Публикация текста, кода и скриптов.

2009-06-12T22:14:00.029+03:00

В статье описываюстя особенности публикации статей в Blogger. Мы постоянно ищем способы сделать ведение блога более простым. Rick Klau - менеджер команды Blogger. Один из авторов статей блога buzz.blogger.com [Rick Klau's Personal Blog] Рекоммендации: (См. рисунок снизу) При работе с кодом или скриптами испоьзуйте "режим изменения HTML". Отключите режим преобразования разрыва строк в разделе Настройки > Форматирование. иначе система Blogger будет искажать код. [см. Использование HTML] Используйте сочетания клавиш Используйте ярлыки для разнесения статей по категориям Для организации архива, изображения сначала размещайте в сети, а уж потом копируйте ссылку на него в блог Также на рисунке снизу присутствует пример Расширяемых кратких сообщений

[...]

Blogger: AdSense: Советы по использованию

2009-06-11T19:25:00.018+03:00

Всегда ставьте себя на место пользователей вашего веб-сайта. (Павел Киливник - специалист сети партнерских сайтов Google) В статье рассматриваются особенности использования сервиса контекстной рекламы Google AdSense. Размещение объявлений: Сделайте свои объявления более заметными и таким образом, чтобы они дополняли ваш сайт, а не отвлекать пользователя от его содержания: Разместите объявления в верхней части страницы. Интегрируйте объявления с содержанием сайта. Объявления - это потенциальные пути перехода после решения определенной задачи, например когда пользователь уже собирается уходить. Используйте для объявлений цветовую палитру сайта. Увеличивайте размер шрифта Первыми в исходном коде должны идти самые эффективные рекламные блоки. В первом рекламном блоке показываются самые дорогие объявления. Если блок не полностью заполнен - значит не хватает рекламодателей данной тематики. Используйте более широкие форматы объявлений По статистике, они имеют более высокий CTR Конкуренция рекламодателей за такие объявления более жесткая. Экспериментируйте с блоками ссылок. На одной странице можно использовать три блока ссылок в дополнение к трем стандартным рекламным блокам. Размещайте обьявления на всех страницах сайта. Советы по использованию в Blogger: Центрирование блоков в HTML/Javascript гаджетах: (код нужно получать на сайте AdSense) <div style="text-align:center"> Код AdSense </div>

[...]

SEO: Alt-атрибут изображений

2009-06-07T23:46:00.019+03:00

Статья описывает простой прием оптимизации изображений. Я думаю, мне помогло то, что вместо попыток сразу заработать много денег, я учился как робот. Я читал книги, наподобие "Станьте признанным авторитетом в своей области" (Become A Recognized Authority In Your Field) и другие книги по психологии Интернета и по маркетингу..." (Aaron Wall - эксперт SEO-оптимизации) Каждому изображению соответствует имя файла и аттрибут "alt", который выводит текст, если изображение невозможно показать. <img alt="в процессе создания" src="http://.../explanation_images.png" border="0"> Текст в аттрибуте alt кратко описывает изображение Изображение не загрузилось, вместо него – alt текстИспользование атрибута:Если пользователь просматривает ваш сайт с отключенными картинками или использует программу чтения текста с экрана, alt-текст будет служить описанием изображения.alt-текст используется в графических ссылках - он обрабатывается поисковыми системами как анкорный текст ссылки. Грамотное описание изображения в Теге alt вместе с информативным именем файла помогают системам поиска картинок, таким как Поиск Картинок Google, проиндексировать изображения с вашего сайта.Используйте короткие и информативные имена файлов и alt текст. [см. Рекоммендации к содержанию ресурса ] Не рекоммендуется:использовать общие названия файлов "image1.jpg", "pic.gif", "1.jpg"; (для сайтов с тысячами изображений применяют автоматическую систему переименования файлов);наполнять alt текст большим количеством ключевых слов или вставлять в него целые предложения; (чрезмерно длинный alt текст может быть сочтен за спам);использовать большое количество графических ссылок для навигации по вашему сайту, (текстовые ссылки справляются с этой ролью не хуже);

[...]

Google PageRank: Индексирование блогов на Blogspot

2009-06-07T00:20:00.022+03:00

По теме: см. [индексация блогов на Blogspot] Представители Google Inc. связывают слово Page с именем Лэрри Пейджа - сооснователя и разработчика поисковой системы «Google»(PageRank - перевод «ранг страницы») Google PR - это метод вычисления "веса" страницы поисковиком Google путем подсчета важности ссылок на нее. Это и числовая величина (от 0 до 10), характеризующая «важность» страницы. (отображается панелью инструментов GoogleToolbar) Особенности Google PR: Чем больше ссылок на страницу, тем она «важнее». "Вес" страницы А определяется весом ссылки, передаваемой страницей B. Перерасчёт значимости страниц происходит во время так называемого "Google Dance" PageRank не единственный, но очень важный способ определения положения сайта в результатах поиска Google. Некоторые ссылки могут не только не учитываться но и отрицательно сказаться на оценке ссылающегося сайта (поисковая пессимизация). В Google понимают, что вебмастер не в состоянии повлиять на входящие внешние ссылки, но полностью контролирует исходящие со своего сайта, поэтому ссылки на сайт не могут повредить ему, но ссылки с сайта — могут. Google PR в действии: Эксперементальные данные слежения за глазами пользователей во время поисковых запросов в Google. Так называемый “Google Golden Triangle”. [по данным www.blogstorm.co.uk]

[...]