Приветствую тебя читатель, сегодня давайте rss ленте, а конкретно о сервисе управления rss лентой и rss подпиской – feedburner.com. Какие плюсы я вижу в данном сервисе:

• Быстрая индексация статьи (особо актуально молодым начинающим блогам)
• Настройка вида rss ленты
• Удобный сервис пользования (вывод количества подписчиков, многочисленные плагины для cms)
• Рассылка rss ленты через mail
• Ну и надежность (все таки ресурc от google)

Думаю, сегодня уже мало кто говорит, что данный сервис бесполезен, сейчас feedburner – стандарт, само собой разумеющееся для блогов/сайта. Согласитесь, зачем каждый день заходить на сотню сайтов, чтобы только посмотреть появилась ли новая информация? А с помощью rss ленты, добавляем все интересные сайты в один из Reader’ов и потом читаем анонс, и решаем подходит нам или нет статья (либо получаем по почте) – кому как удобней

Ранее я писал/упоминал, о важности плагина FeedBurner FeedSmith в посте Блог с нуля. часть 1 и всем рекомендую поставить его. Но и для этого необходимо зажечь свой фид.

Как добавить rss ленту в feedburner.com ?

Ничего легче нету Feedburner сервис google, поэтому чтобы зажечь свой фид, Вам необходимо зарегистрироваться в google. Теперь перейдите по ссылке, выберите русский язык (в верхнем правом углу кликните на ссылку  Languages). Вставьте в форму ваш текущий rss блога, например, для wordpress моего блога это gtalk.kz/feed, для других cms другой url ленты!

• Введите Вашу rss ленту и жмите далее.
• Теперь необходимо ввести название ленты (обычно название сайта) и вид будущей ленты, например моя rss лента выглядит http://feeds.feedburner.com/gtalkkz, для этого я ввел gtalkkz в форму; Жмем далее
• “Поздравляем! Ваш фид FeedBurner обрел жизнь. Не хотите его немного приодеть?” – У создателей есть чувство юмора :), либо это переводчики веселые смеемся и жмем далее и далее
• Все сделано! А вы думали это сложно?

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

Кстати, если Вы еще не подписались по mail’y на мой блог, то обязательно сделайте это. Следите за обновлениями! Всем, кто подпишется, под новый год придет сообщение от меня с поздравлениями

с/у УтБ

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

Сегодня мы вновь говорим об внутренней оптимизации сайта/блога. Данная статья является естественным продолжение уже раннее написанной шпаргалка настройки htaccess плюс еще несколько полезных советов. Сегодня мы сделаем свой Ваш сайт быстрее в загрузки с помощью нескольких несложных способов.

Склейка доменов. Вы, наверное, тоже часто слышали это словосочетание?! В этой статье давайте разберем что такое склейка домена, как можно склеить домены, и что нам предлагают сервис вебмастер от яндекса и google. У Яндекса раньше не было данной настройки, но российская компания не стоит на месте .

Скорее всего Вы замечали, что у сайтов существует не один домен, а например 2,3: site1.kz, site2.kz, и т. д. По сути доменов много, но сайт то один, но как то об этом надо сообщить поисковикам! Для поисковиков домены gtalk.kz и www.gtalk.kz также различны. Теперь думаю понимаете, что склейка необходима. Склеив домены, учет статистик, пузомерок и т. д. будет вестись как для единого сайта, что конечно же нам и требуется.

Лучше же при запуске своего сайта, сделать склейку доменов, чтоб поисковики сразу определили, что да как. Кстати, данная операция и занимает n-ное количество времени.

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

Давайте уже приступим к настройкам. Кстати, Вы должны предварительно быть зарегистрированы в Яндекс и google, что надеюсь Вы уже давно сделали

Настройка основного домена в google webmasters

Перейдите в google.com/webmasters/и войдите в свой сайт. Конечно, сайт предварительно должен быть добавлен!

Выберите (как показано на рисунке) Конфигурация сайта >Настройки.

И выбираем предпочтительный домен, т. е. основной. Нажимаем сохранить и все можете радоваться.

Настройка главного зеркала в Яндекс вебмастере

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

Пройдите по ссылке в вебмастер, выберите сайт. Далее переходим (см. рисунок) Настройки индексации >Гавное зеркало. Аналогично гуглу выбираем необходимый нам домен и жмем сохранить/ изменить.

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

Настройка директории host в robots.txt под yandex

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

Находим/создаем файл robots.txt. Вписываем в него Host: gtalk.kz либо Host: www.gtalk.kz в зависимости от выбора основного зеркала. Добавить его можно после всех правил разрешений и запретов. Подробнее о том, как составить файл robots.txt я уже писал, а также приводил примеры реальных robots.txt.

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

с/у УтБ

на десерт сегодня КВН, все они оттуда

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

Совершенно естественно, если у Вас возник вопрос: А чем данный метод добавления социальных кнопок отличается от предложенного ранее?

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

Помимо всего сказанного выше в процессе мы уменьшим количество http запросов картинок кнопок с 6 до 1 с помощью CSS спрайта. А это приводит только к увеличению скорости загрузки Вашего сайта.

Давайте, уже начнем практическую часть, и Вам все станет ясно, т.к. это очень просто.

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

1.Подбор иконок социальных сетей и их добавление

Я решил за основу взять основные  социальные кнопки: twitter, facebook, vkontakte, livejournal, мой мир, google buzz. Если Вам нужны другие кнопки, можете прогуглить необходимые картинки, выбрать из подготовленной статьи или нарисовать самому. Мы же будем работать с данной подборкой.

2.Создание CSS спрайта

Выбрав необходимые картинки, у нас в итоге получилось их 7. Надеюсь для удобства Вы их назвали facebook.gif, vkontakte.jpg и т.д. ? Если нет, то тогда сделайте это. Названия картинок будет названием классов в css файле!

Делать CSS спрайт можно и самому, но зачем, если уже все придумано. Тем более, что сделать CSS спрайт самому задача не из легких. Перейди по ссылке на сервис онлайн генератора CSS спрайтов. ru.spritegen.website-performance.org Сервис на русском языке, поэтому особых сложностей быть не должно.

Для начала, заархивируйте все картинки в ZIP архив. Теперь загрузите в онлайн генератор. Все остальные функции на картинке с моими комментариями.

В начале, загрузите ZIP архив. И идем к настройкам.

1. Выбираем вертикальное или горизонтальное положение. Это зависит от Вашего дизайна блога/сайта. Я выбрал горизонтальное для наших кнопок.
2. Смещение по горизонтали – это расстояние между кнопками, например ставим 5 px. Внимание необходимо сразу определить расстояние! Данное расстояние затем не изменить! Смещение по вертикали можете не трогать.

Выбираем формат готовой картинки. Доступны PNG, JPG и GIF форматы. Я выбрал GIF формат.

3. Класс для Ваших кнопок. Я удалил, т.е. оставил пустым. Так ка мне необходим формат типа: .fb {}, а не .sprite-fb {}

4. Копируем данные куски кода в Ваш css файл темы. Обычно это style.css в папке css, либо в корневой папке вашей темы.

Вот мой код:

#container {

background: url("images/buttons.gif") no-repeat top left;

height: 20px;

}

.fb{ background-position: 0 0; width: 95px; height: 20px; float:left;margin-right: 5px;}

.google{ background-position: -100px 0; width: 105px; height: 20px;float:left; margin-right: 5px;}

.moimir{ background-position: -210px 0; width: 95px; height: 20px; float:left;margin-right: 5px;}

.twitter{ background-position: -310px 0; width: 95px; height: 20px; float:left;margin-right: 5px;}

.vk{ background-position: -410px 0; width: 95px; height: 20px;float:left; }

Конечно я изменил название картинки, что и Вам советую

В итоге получим такую картинку и добавил float:left; и margin-right: 5px; для обтекания ссылок слева и отступа справа. Далее Вы поймете.

3.      Код добавления социальных кнопок

Теперь займемся добавлением кода социальных кнопок в файл single.php в папке с темой вашего блога wp-content/themes/ваша_тема/ после этого участка:

<?php the_content(); ?>

Т.е. сразу после основного текста.

Приведу сразу коды всех кнопок:

</pre>
<div id="container">









</div>
<pre>

Теперь немного разберемся: <div id=”container“> класс вывода картинки через css.

Ссылка (href=”http://twitter.com/intent/tweet?text=RT @gtalkkz <?php the_title(); ?>: <?php the_permalink(); ?>“) при нажатии на которую, откроется новое окно (target=”_blank”), при на ведении на картинку появится Добавить в twitter.

<?php the_title(); ?> Это текущий заголовок статьи/страницы.

<?php the_permalink(); ?> Текущая ссылка на статью/страницу.

Ссылки являются стандартами добавления информации в социальную сеть.

Думаю, все стало на свои места.

Еще можно вставить <div class=”buttons”>Коды кнопок</div> для красоты внешнего вида кнопок с помощью css.

В принципе это все. Можете посмотреть и порадоваться А вот и живой пример.

с/у УтБ

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

Сегодня на десерт: Гоночный болид от Яндекс по Астане

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

На самом деле, я увидел такое на одном из сайтов. Честно, не знаю как владелец организовал это, но я решил сделать следующим образом

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

Предварительно установите комментарии Вконтакте и Facebook.

Установка плагина Универсального jQuery-скрипт для блоков с вкладками

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

Мне понравился данный плагин по нескольким причинам:

• он позволяет создавать неограниченное количество вкладок в пределах одного блока, при этом нет необходимости нумеровать вкладки с помощью CSS-классов
• можно создать сколько угодно таких блоков с вкладками опять же без необходимости нумеровать эти блоки через CSS-классы;
• содержимое jQuery-скрипта, реализующего вкладки, остается неизменным (всего 0,4 килобайта), т.е. не разрастается в зависимость от количества блоков или вкладок
• запоминается активная вкладка после перезагрузки страницы
• установка плагина происходит ручками

Скачиваем плагин и разархивируем. Нам необходим файл tabs.js Можете посмотреть пример через файл index.html . Если у Вам wordpress открываем для редактирования файл header.php и вставляем между тегами <header>..</header> следующий код:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/tabs.js"/>
</script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

В первой строчке мы подключили сам файл tabs.js (закачайте его предварительно в папку js вашей текущей темы), во второй строке подключен сам фреймворк Jquery взятый у google в пользование.

Теперь необходимо открыть single.php файл – одиночная запись. В выбранное Вами место перед выводом комментариев вставляем html код:

<div>
   <ul>
     <li>Комментарии</li>
     <li>Комментарии Вконтакте</li>
     <li>Комментарии Facebook</li>
  </ul>
<div>

</div>
<div>

</div>
</div>

Теперь в класс box необходимо вставить коды комментариев в той же последовательности, что в классе tabs. Т.е. в итоге у Вас получится следующее:

<div>
<ul>
<li>Комментарии</li>
<li>Комментарии Вконтакте</li>
<li>Комментарии Facebook</li>
</ul>
<div>
<!— стандартные комментариев -->
<?php comments_template(); ?>
<!—конец стандартных комментариев -->
</div><div>
<!—код  комментариев Вконтакте -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "636", attach: "*"});
<!—конец комментариев Вконтакте --></script>
</div> <div>
<!—код  комментариев facebook -->
<div id="fb-root"></div><fb:comments href="<?php echo get_permalink($post->ID); ?>" num_posts="10" width="640"></fb:comments><!—конец комментариев facebook --></div>
</div>

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

Для наведения красоты,а также чтоб скрыть ненужные блоки вставим в css файл следующий стиль:

.box {
   display: none; /* по умолчанию прячем все блоки */
 }
 .box.visible {
   display: block; /* по умолчанию показываем нужный блок */
 }

Здесь уже включается Ваша фантазия на оформление, а лучше следуйте цветам Вашего дизайна. Вот мой код:

.section {/* весь блок */
background: #fff;
margin: 10px;
width:639px;
}

ul.tabs { /* список табов */
height: 28px;
line-height: 25px;
list-style: none;
border-bottom: 1px solid #DDD;
background: #FFF;
}

.tabs li {/* таб в списке*/
float: left;
display: inline;
margin: 0 1px -1px 0;
padding: 0 13px 1px;
color: #777;
cursor: pointer;
background: #F9F9F9;
border: 1px solid #E4E4E4;
border-bottom: 1px solid #F9F9F9;
position: relative;
font-size:14px;
}

.tabs li:hover { /* таб при наведении */
color: #008000;
padding: 0 13px;
background: #dae2e8;
border: 1px solid #008000;
}

.tabs li.current {/* текущий таб */
color: #444;
background: #dae2e8;
padding: 0 13px 2px;
border: 1px solid #D4D4D4;
border-bottom: 1px solid #dae2e8;
}

.box { /* по умолчанию прячем все блоки */
display: none;
border: 1px solid #D4D4D4;
border-width: 0 1px 1px;
background: #fff;
padding: 0px;
}

.box.visible {/* по умолчанию показываем нужный блок */
display: block;
}

Все закомментировано, экспериментируйте, пробуйте! Удачи!

Заходим на свой сайт и любуемся. И да, не забудьте поделится статьей со своими друзьями

с/у УтБ

Постовой: Ищите dofollow блоги ? Тогда эта подборка для Вас.

Нашел интересный способ защиты комментариев от спама. Почему99% ? Потому, что во всем быть уверенным нельзя. И если Вам пишут 100% защита от спама, то Вас обманывают:) В первое время (где-то от дня до нескольких недель) не будет спама, Вы будете радоваться. НО на каждое действие есть противодействие.

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

Результат можно увидеть на моем блоге. В стандартных комментариях появилось новое поле ввода: повторно ввести свой логин.

Думаю смысл понятен: вводим свой логин еще раз, сравниваем результаты, если совпадают публикуем комментарий, нет – не пускаем))

Пройдем в редактор и найдем файл comments.php В удобное для Вас место ставим следующий код (если пишем на русском, предварительно измените кодировку файла на utf-8 без BOM!):

<td class="commform-spam">

<p>Повторите свой логин <span>от спама</span>:</p>

<input type="text" name="spam" id="spam" value="<?php echo $comment_author_spam; ?>" tabindex="4" />

</td>

Это новое поле для ввода. Можно например заменить поле ввода сайта. Созданный класс  commform-spam, позволит управлять полем через css.

Скачиваем с хостинга для изменения файл wp-comments-post.php в корневой директории сайта/блога. Вставляем код:

$comment_author_spam = ( isset($_POST['spam']) ) ? trim($_POST['spam']) : null;

После:

$comment_author       = ( isset($_POST['author']) )  ? trim(strip_tags($_POST['author'])) : null;

$comment_author_email = ( isset($_POST['email']) )   ? trim($_POST['email']) : null;

$comment_author_url   = ( isset($_POST['url']) )     ? trim($_POST['url']) : null;

$comment_content      = ( isset($_POST['comment']) ) ? trim($_POST['comment']) : null;

Мы проверили наличие существовании данной переменной. И поместили ее в $comment_author_spam.

Теперь ищем (у меня 85 строка)

if ( '' == $comment_content )

wp_die( __('Error: please type a comment.') );

и вставляем (если пишем на русском, предварительно измените кодировку файла на utf-8 без BOM!)

if ( '' == $comment_author_spam )

wp_die( __('Дополнительное поле не заполнено: введите логин повторно!') );

if ( $comment_author != $comment_author_spam )

wp_die( __('Спамерам вход запрещен) );

Проверяем: если пустое поле –> выводим сообщение  Дополнительное поле не заполнено: введите логин повторно!

Если переменная $comment_author – логин – не совпадает с  $comment_author_spam (новое поле, которое мы добавили)  -> выводим сообщение Спамерам вход запрещен.

Все:) Радуйтесь жизни без спама!

Спросите работает или нет? К концу июля в день до 15 спам сообщений  было зафиксировано Akismet’ ом. Видимо были найдены проходы ботами, появлялись одни и те же сообщения с множеством ссылок. Честно сейчас уже не помню когда были спам сообщения последний раз.

Вот для примера статистика спама от Akismet. (на 20 июля)

Переменная $comment_author_spam была взята просто для примера. Можно использовать любую другую переменную.

с/у УтБ

Видели когда нибудь летающих акул? Нет? Тогда смотрим)

Сегодня мое второе видео Мы с Вами будем устанавливать современный  торрент-трекер Kinokpk.com relaser 3.30.

Ключевые изменения в данной версии:

– система шаблонов, основанная на Smarty (+cache)

– оптимизации рейтинговой системы

– улучшенная система уведомлений

– новая система языков

– поддержка DirectConnect

– возможность переноса периодических заданий в cron

– поддержка ЧПУ

– оптимизации кода

– многочисленные правки

– встроенный форум

– измененная система ретрекеров

– упрощенная форма регистрации

– обновление проверки на XSS и TinyMCE

– обновленная система блоков

– улучшенная отправка email

– расширенные возможности отладки

– граффити

– возможность проверки удаленных трекеров по curl, сокетам и т.д.

Установим буквально в несколько шагов

Подготовка к установке на локалке:

1. Наличие денвера либо другой локальный веб-сервер, если нету, пожалуйста, установите
2. Загрузите файлы из папки “upload” в корень вашего сайта http://localhost/название_папки.  В папку «название_папки», например «kaztorka» – http://localhost/kaztorka

Установка:

1. Перейдите на адрес http://localhost/название_папки/install и следуйте инструкциям установщика (подробнее на видео)
2. Поздравляем! Установка Kinokpk.com releaser 3.00 завершена, вы можете зайти на свой сайт http://localhost/название_папки

Внимание! Удалите папки install и update с сервера и поставьте права 644 на файл include/secrets.php (после установки)

Первый зарегистрированный пользователь и есть администратор сайта!

Полезные ссылки: форум торрент-трекер Kinokpk.com relaser 3.30 (можно скачать)
скачать

с/у УтБ

Видео: не забываем подписаться на мой канал и посоветовать друзьям

Постовой: Удобный и простой менеджер паролей – Scarabay

Чтобы начать работать на CMS, о которых мы говорили и будем говорить,  требуется веб-сервер. Т.е. для курсов практики нам необходимо подготовиться. Обычно этим занимаются хостинговые компании – хостинги. Для экспериментов и начинаний в освоении CMS (content management system) советую установить локальный сервер. Существуют много видов локальных серверов, например Denwer, который мы быстренько установим, буквально в несколько шагов (подробнее смотрите видео):

Мое первое видео так, что особо не ругаемся))

1. Скачайте с официальном сайте актуальный Джентльменский набор Web разработчика.
2. При открытии установочного файла, Денвер запустит браузер, не пугаемся Закрываем окно!
3. Далее в появившемся окне  жмем Enter.
4. Выбираем место на своем компьютере для установки локального сервера, по умолчанию предлагается установить в диск С папку WebServers.
   Внимание не советую устанавливать в локальный диск С:\WebServers, устанавливайте лучше в D либо другой локальный диск. Во избежание потери данных и сбоев в системе.
5. Затем выбираем букву для Вашего локального сервра, например T, разницы нет, только не выбирайте существующие буквы, например, С или D. На последующие вопросы отвечаете да. Если вы все сделали правильно, в конце установки у вас снова откроется браузер, с сообщением об удачной установке локального сервера.

На рабочем столе у вас должны появится три иконки для управления Денвером.

Еще можно воспользоваться программой Denwer Runner, которая включает в себя все функции Денвера.

Постовой: Для тех кто хочет красивую 404 страницу на joomla, читайте как сделать это правильно.

Решил вспомнить азы веб программирования и поставить денвер на windows 7.

ну это ладно:) Ранее с такой проблемой как ошибки при установке Denwer не происходило, в принципе даже не задумывался об этом. Так вот, сам процесс я описывать не стану. Для этого суествует google ну и яндекс случайно придумаи))

Здесь я покажу решение некоторых проблем. Которые в принципе существуют. На windows XP не замечал такого.

И начну с проблемы, с которой лично столкнулся сам: при отключении Денвера появляется следующее окно

AllowToModifyVirtualHosts:

Makes the file C:\WINDOWS\system32\drivers\etc\hosts writable by everyone.

Success: the hosts file is marked as writable.

Переведя, мы понимаем, что это в общем-то не ошик, а сообщение типа:

Разрешите изменить

Сделайте файл C:\WINDOWS\system32\drivers\etc\hosts с правами записи для всех.

Успешно выполнено: файл hosts доступен для записи.

Но честно это окно немного напригает. Что нужно сделать?

Пройти к файлу hosts, и поставить права на запись. Кликните правой кнопкой по файлу и сделайте примерно так:

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