Тетрадь по блоговодству и сайтостроительству

Сервисы Favicon

2009-04-01T02:37:00.001+04:00

FavIcon from Pics - Загружаете со своего компьютера картинку (по заверениям разработчиков любого размера и формата) и лёгким движением пальца генерируете фавиконку. При желании к favicon.ico можно добавить незамысловатую анимацию. Есть возможность посмотреть как вся это красота будет выглядеть в адресной строке браузера.

graphicsguru - многофункциональный сайт. Кроме генерации фавиконок (реализовано просто: загрузил картинку или указал ссылку на неё, сгенерировал и скачал) имеется галлерея иконок, генератор кнопок и многое другое… Настоятельно рекомендую для ознакомления.

Dynamic Favicon for Blogger and Webmaster - узкоспециализированный ресурс. Есть возможность либо скачать сгенерированный файл себе на винчестер, либо оставить его на сервере и получить ссылку, для последующей вставки в код своей страницы. На сайте можно разжиться бесплатными “фавиками” (включая анимированные).

WEB SCRIPT LAB - Маленькая лаборатория. Генератор файлов формата favicon.ico весьма прост. Загружаете картинку(jpg, gif, bmp или png-150kb max) , выбираете размер исходящего файла (16х16 или 32х32) и кликаете кнопку “Generate”. Помимо этого в нашем распоряжении генератор индикаторов загрузки. Вебдванольные, знаете ли, штучки можно сделать :)

DYNAMICDRIVE - великолепный сайт, который, на мой взгляд,в первую очередь будет интересен вебмастерам. Кроме всевозможных галлерей, библиотек и генераторов, имеется незамысловатый превращатель картинок форматов gif, jpg, png, и bmp в фавиконки. Доступные пропорции выходного файла - 16х16,32х32 и 48х48. Дерзайте!

favicongenerator - простецкий ресурс. Загрузил картинку, нажал кнопку, получил фавикон и сохранил на жёстком диске. Есть краткая инструкция по использованию полученного результата (правда на английском языке).

Favicons! - и тут всё очень просто (ну прямо до безобразия). Залил файл со своего компьютера или указал ссылку на картинку в интернете и сгенерировал. Полученный результат останется скачать и разместить на своём сайте или блоге. В общем, ещё один ресурс узкой специализации.

DAGONDESIGN - Добро пожаловать в Дагон Дизайн. В дополнение к бесплатным скриптам, WordPress плагинам и статьям, здесь предложат разнообразные услуги, включая… создание фавиконки ;). Процесс стандартный - загрузил, сгенерировал и сохранил.

Favicon Prime - ресурс интересен не столько генератором, сколько валидатором. Вы указываете ссылку на ваш сайт или блог, а валидатор выдаёт вам полную раскладку по “фавику” - путь к нему, его вес, размер, формат и тому подобное.

Favicon Generator - Тут уже разработчики пошли по другому пути, дав возможность интернет пользователям самим конструировать фавиконки. Вам даётся квадрат и поле для ввода текста в верхней и нижней его части. Цвет фона, букв и обводки квадрата можно выбрать с помощью палитры. Я немного поигрался. Забавные можно сделать композиции, если включить фантазию. Хочу обратить особое внимание на небольшой список ссылок в правой части сайта. Пройдя по указанным адресам, я чуть было не забыл про написание статьи - так много всего интересного нашлось ;)

DeGraeve.com - весьма достойный ресурс. Правда из инструментов рисования представлены только кисточка и палитра (это святое). Зато есть прозрачность и предпросмотр в реальном времени. Можно рисовать картинку с нуля, а можно загрузить с компьютера и править её в своё удовольствие на виртуальном мольберте. Советую присмотреться к инструментам для вебдизайнеров, ссылки на которые есть на главной странице.

favicon maker v1 - сервис с более скромными возможностями, но мне тоже понравился. Палитра по умолчанию, конечно, бедновата. Правда она умеет считывать цвета задействованные в картинке, которую вы решите загрузить. Можно задать размер участка закрашиваемого за один шаг. Ластика нет - можно очистить только всё поле одним махом. Если появится желание, поэкспериментируйте.

favicon.cc - Весьма и весьма достойно. Рисовать с нуля или править загруженный с компьютера графический файл выбирать вам. Визуально ресурс очень приятно оформлен, инструментов побольше, палитра побогаче. Есть поддержка прозрачности, пипетка, возможность двигать картинку в пределах выделенного для творчества квадрата. На этом сайте можно реально зависнуть в выложенной коллекции фавиконов (что я и сделал). Поиск осуществляется по тегам. Каждую представленную иконку можно скачать, а при желании подкорректировать под свои нужды. Зачем нужна регистрация, я не знаю. Все основные действия доступны и без этого. Если кто-нибудь узнает, просьба отписать в комментариях - может и я зарегистрируюсь ;)

On-line редактор иконок favicon -
Одно из достоинств этого ресурса - он говорит по-русски. Есть подробное руководство по применению. Жаль, что здесь возможно создать favicon.ico только с нуля. Инструменты стандартные - палитра, прозрачность, заливка (только всего полотна). Заходите, посмотрите. У автора этого сайта собрано много интересностей

favicon.ru - на мой взгляд самый оптимальный вариант. Он русскоязычный. Он удобный. Сервис предлагает толковые и развёрнутые ответы на часто задаваемые вопросы (проще говоря FAQ). Есть форум (обсуждаемых тем - море). Фавиконку здесь можно сгенерировать из собственной картинки или из взятой в интернете, указав на неё ссылку. Возможно, при желании, сгенерировать значки от 16х16 до 48х48 (для рабочего стола). Если хотите, дорабатывайте полученный файл в имеющемся на сайте графическом редакторе. А то и вовсе рисуйте с нуля. Поддерживается прозрачность. Имеются карандаш, пипетка и заливка. Можно отменять сделанные действия и возвращать их обратно. Поворачивать рисунок по часовой и против. Отражать его по вертикали и горизонтали…в общем, на мой взгляд, один из лучших ресурсов по теме этой статьи.

Вот, вроде бы и всё. Если этот материал вам покажется нужным и интересным, буду очень рад))) Я, честно, старался. Пошёл готовить следующий материал…не хотите пропустить?

источник

Как вставить favicon в заголовок сайта или блога?

2009-04-01T01:59:00.001+04:00

- Favicon для Internet Explorer

- Анимированная Favicon для современных браузеров

Как вставить favicon в заголовок сайта или блога?

2009-04-01T01:29:00.003+04:00

Иконки сайта, favicon.ico, тонкости создания

"Поехали..."
Ю. Гагарин

Как вы наверное знаете, у некоторых сайтов в Сети есть маленькие иконки (пиктограммы), которые отображаются браузером где-то рядом с именем сайта. Веб-мастера придумывают какую-то узнаваемую и яркую картинку, содержащую некий логотип сайта и прикрепляют ее к сайту. Люди быстрее узнают сайт по картинке, чем по названию – так устроен наш мозг. Эта картиночка добавляется достаточно просто и руководство по ее установке найти, думаю, совсем не трудно. Однако я некоторое время назад из-за разных одиозных личностей на текущем месте работы, очень долго с ней намучился.

Краткая предыстория была такова – созданный и добавленный на сайт значок показывался и в Opera и в FireFox, но упорно не хотел светиться в IE (Internet Explorer), как бы я не бился. На то его и называют в простонародье – Ишак, IE этот. Потому что тупой.

Создание файла favicon.ico

Имя файла у иконки должно быть favicon.ico и никак иначе. Существуют еще старые стандарты по которым это имя файла жестко специфицировано, поэтому лучше не экспериментировать. Значок сайта обычно имеет размер 16x16 пикселей и создается в формате ICO – стандартном графическом формате Windows для иконок. Хотя другие браузеры умеют отображать и GIF, и JPG, и PNG значки, но лучше не экспериментировать.

Глубина цвета – лучше не превышать 256 цветов, то есть 8 бит. Но можно делать иконку и больше (32x32 или 48x48 и глубиной цвета в 32 бит, но тогда она будет занимать больше места и опять же будут проблемы со старыми IE).

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

Чем создать значок?

Adobe Photoshop не умеет сохранять графические картинки в формате ICO, но к нему можно подключить модуль чтобы он этот формат ICO понимал.

Для винды еще есть специальный редактор иконок, он тоже умеет это делать, называется он Icon Collector Graphics Editor производства Great Owl Software. Также редактор иконок входит в поставку пакета для разработки сайтов MS Visual Studio.

В стандартном графическом редакторе под юниксами, в GIMP'е, формат ICO есть и прекрасно понимается во всех ипостасях - вплоть до поддержки слоев и 32-битного цвета. Так что в юниксе тоже все нормально.

Если у вас всего этого нет, то можно воспользоваться замечательным web-сервисом http://favicon.ru. На этом сайте можно перекодировать в самый настоящий ICO файл картинку любого графического формата.

Размещение иконки

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

Что означают эти две записи? Запись с "shortcut icon" устанавливает собственно иконку, показываемую браузером в адресной строке.

Запись с "icon" устанавливает иконку другого рода - с такой иконкой будет создана сохраненная в винде ссылка на ваш сайт. По хорошему для этой цели нужно сохранить иконку размером побольше - 32x32 пиксела или 48x48. Но сойдет и такая.

Тип "image/x-icon" - это MIME-тип файла, он означает что это не что иное как иконка формата ICO. Как я уже говорил, в качестве значка сайта можно указывать и к примеру GIF картинку, но не рекомендуется. Однако, GIF более продвинутый формат, в нем есть прозрачность и возможность создавать анимированное изображение.

Есть один способ обойти это ограничение.

Браузер всегда берёт последний из указанных значков — при том условии, что понимает тип значка. Таким образом, понимающие GIF возьмут GIF, остальные возьмут ICO. И пользователь с более "правильным" браузером увидит более красивую картинку. Но ICO-версия должна указываться всегда, поскольку значки других MIME-типов не пригодны для оформления ярлыков Microsoft Windows (URL-файлов), а это необходимо и на рабочем столе, и в других папках.

Особенности отображения значка сайта различными браузерами

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

Internet Explorer. Вот тут самая интересная собака и зарылась. История появления favicon.ico и началась с далекого IE версии 5.0, когда этот браузер показывал иконку только для сохраненных в Избранных (Закладках) сайтов. Отсюда и название - favorite icon.

Поэтому если не видите в IE иконки своего сайта - сохраните его в избранные и перезапустите ишака (ибо в MS продуктах это всегда нужно). Если IE и после этого не отобразит ее, то попробуйте почистить кэш браузера.

Explorer всегда пробует взять картинку из корневой директории сайта и всегда предполагает что она названа favorite.ico. Даже если иконка специально не указана в документе. Если такого файла на сервере нет или же иконка описана в HTML документе под другим именем - IE все равно тупо запросит с сервера /favicon.ico и получит 404 ошибку на свой запрос. И больше ничего предпринимать не будет. Просто посчитает что иконки нет и не покажет ее. Кстати, вот отсюда и идут сервера разрастающиеся фалйами errors.log у апачей записями вида "404 GET favicon.ico". Во всем этом виноваты ишаки, это они почем зря жрут дисковое пространство серверов. Во избежание этого создавайте файлик favicon.ico хотя бы с нулевым размером. Показываться он никак не будет, но вы предупредите замусоривание логов вашего сервера.

Собственно, до версии 6.0 так ничего и не изменилось. И, кстати, если в качестве иконки указана картинка размером больше чем 16x16 - ишак тоже ее не поймет.

Однако же последний Internet Explorer 7 версии по утверждению майкрософта показывает эти иконки не только для избранных сайтов, а для всех. Алгоритм поиска иконки в нем тоже чуть поменялся. Теперь ишак смотрит на то, что ему указали в документе и считает эту запись первоочередной. При ее отсутсвии favicon.ico берется по дефолту, по старинке - из корня сайта. Финита ля комедиа.

Остальные современные браузеры (Mozilla, Firefox, Opera, Netscape) также поддерживают иконки, но в отличие от IE, они они всегда руководствуются ссылкой "shortcut icon" и не ищут иконку по другим путям. К тому же, как правило, они поддерживают иконки разных графических форматов и размеров (используя в последнем случае масштабирование для достижения нужного результата).

MS IE поддерживает favicon с версии 5.0
Netscape поддерживает favicon с версии 7.x
Mozilla поддерживает favicon с версии 0.9.6
Konqueror поддерживает favicon
Другие последние версии современных браузеров (Firefox, Opera, Safari, iCab, AOL Explorer и т.д.) также поддерживают favicon.

Выводы

Создавайте favicon.ico размером ровно 16x16 пикселов, размещайте ее в корне вашего сайта и обязательно прописывайте путь до нее в HTML. И будет вам максимальная мультибраузерность.

источник

Программа для скачки сайтов

2009-03-04T21:08:00.004+03:00

Оффлайн-браузер, предназначенный для загрузки сайта на винчестер целиком, с учётом всей его структуры, для дальнейшего оффлайн просмотра. Если сайт большой, то Teleport Pro позволяет загрузить только часть сайта, для этого задаётся глубина скачивания информации. Удобна функция, когда режим загрузки задаётся с определёнными параметрами (по маске). В таком случае можно загрузить только нужную информацию, а за бортом, например, оставить всю графику, экономя тем самым время и деньги. Teleport Pro позволяет производить расширенный поиск по скачанному сайту и выводит список всех имеющихся на нём файлов.
скачать с русскоязычного портала

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

Установка кода AdSense в блог на BlogSpot

2009-03-04T14:28:00.003+03:00

Продолжаю публикацию материалов по работе блогов на Blogger.com с контекстной рекламой от Google AdSense. После регистрации учетной записи, ее настройки переходим непосредственно к созданию объявлений. Сегодня рассмотрим вариант реализации данной задачи из аккаунта AdSense.

Заходите в меню Настройка AdSense, попадая при этом сразу в раздел «получить объявления». Как я уже говорил ранее, есть 3 места для рекламы – контекст, поиск, фиды. Нам потребуется первый вариант. После этого откроется «мастер» создания объявлений, с помощью которого шаг за шагом вы сделаете все необходимые настройки.

1. Выбираем тип объявления. Их существует два – рекламный блок и блок ссылок. В первом случае он занимает больше места из-за наличия краткого описания для каждой записи (см. в шапке блога). Во втором - просто выводится список ссылок (пример в сайдбаре). Кстати, для рекламного блока можно задать вывод лишь текстовой или графической рекламы, либо оба варианта.

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

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

4. На последнем шаге выбираете название рекламного блока, сохраняете и получаете код. Его уже можно вставлять в блог.

Это, наверное, самая простая и быстрая часть – заходите в админку блога, раздел «Макет» и добавляете новый элемент типа HTML/JavaScript, где в области контента вставляете код. Для обработки объявления понадобится некоторое время, поэтому не пугайтесь поначалу, если что-то выглядит не совсем так, как должно. Еще позже появится реклама, релевантная содержимому страниц.

Единственное, что меня смутило – у меня код для блока ссылок не захотел отображаться на главной, только на подстраницах. Точно также код Google AdSense не получилось вставить непосредственно в шаблон, что, конечно, несколько ограничило возможности по его внедрению.

Кстати, Google взял курс на монетизацию фидов с помощью AdSense и сейчас активно занимаются переносом аккаунтов для Feedburner. /короче, скоро можно будет там не регироваться, в блоге от blogger.com это будет уже включено./

Во-первых, Google Adsense можно добавить в блог с помощью специального гаджета. Заходим в меню «Макет» - «Элементы страницы», где добавляем новый гаджет. При выборе его типа находим элемент Adsense:

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

Хочу заметить, что в этот момент или чуть позже (я уже точно не помню, а проверить не могу) система Blogger попросит доступ к вашей учетной записи Adsense. Он позволит управлять объявлениями через настройки элементов блога. Чуть позже проверить или запретить доступ вы сможете в учетной записи (меню «Мой аккаунт» - «Доступ к учетной записи»).

Второй вариант размещения рекламных блоков – между постами. Для этого заходим в раздел управления элементами макета. Кликаем «Изменить» для блока «Сообщения блога» дабы подправить его настройки. В открывшемся окне находим поле «Показывать объявления между сообщениями» и ставим напротив него галочку.

Настройки формы и цветов такие же, как и в первом варианте. Стоит лишь обратить внимание на первый параметр, который позволяет выбрать через сколько сообщений будет отображаться рекламный блок. То есть, если, например, на главной у вас 10 постов, то вы можете поставить отображение Google Adsense после каждых 2-3х. Следует помнить, что максимальное число отображения блока 3 раза.

источник

Изменение шрифта в Adsense

2009-03-04T13:39:00.003+03:00

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

Пока, к сожалению, доступны лишь 3 варианта шрифта - Times, Arial и Verdana, а так как размер менять нельзя, то тот же Times выглядит довольно ущербно. В общем, нововведение конечно неплохое, но реального толка от него пока нет.

источник

О том как поменять шрифт в Аdsense

Про шаблоны

2009-03-04T12:43:00.003+03:00

Итак, я хотел бы сделать более-менее профессиональные шаблоны для своих блогов с разным количеством колонок.
И начну я с одноколоночного шаблона.
Сейчас очень мало блогов с одной колонкой, лично я вообще за последний год видел всего парочку, один недавно попался:
Блог Михаила Абасова, цвет которого меня слегка смутил, хотя сам блог вполне!

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

Что нам необходимо включить в блог:

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

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

Переводчик

2009-03-03T01:50:00.004+03:00

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

код:

Полностью языковые инструменты Google можно вызвать со страницы iGoogle, если уж понадобится.

Как прописать ссылку, чтобы после клика по ней, открывалось окно заданного размера?

2009-03-02T17:27:00.005+03:00

чулан кота Макса

Реализовано на HTML-странице так

Как добавить третью колонку или столбец в блог?

2009-03-02T16:01:00.005+03:00

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

Так как правый столбец занимает 32% то этот мы определили как 67%. Добавляем код в HTML Найдите в коде вот эту строчку

Будьте внимательны, правый столбец был добавлен перед main-wrapper и twocol был открыт но не был закрыт!
Чтобы его закрыть - иначе никак - найдите такую строку
Сохраните шаблон.

Мы добавили третий столбец - но он пуст, чтобы вселить в него жизнь нужно сделать последний шаг, добавьте следующие строчки кода
вместо ХХХХХХХХХХв коде

XXXXXXXXXX

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

у меня не "auto"

В ближайшее время я поэксперементирую с шаблонами:

в одну
две
три
и четыре колонки

Реальный код в трёхколоночном блоге выглядит так

Такой подставы от Yandex я реально не ожидал

2009-03-02T14:37:00.004+03:00

Мой сайт на narod заблокировали вместе с 40-ка файлами, которые там хранятся с двумя сайтами и прочей фигнёй.
Попросили установить мутню по общению, но всё равно на сайт не пускают.
Никаких авторских прав yandex я не нарушал и мне вообще от этого отвратительного сервиса ничего не нужно, я поиском-то редко пользуюсь. О том, что я там что-то выложил горько сожалею.

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

2009-02-28T08:05:00.005+03:00

Обратный способ нежели описанный в предыдущем посте.

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

Самый чистый метод убирания под кат на blogger.com

2009-02-28T05:41:00.006+03:00

Как же тут неудобно код публиковать, эх...

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

Откроется серая планка с установкой даты и времени публикации

Вам просто необходимо изменить год публикации к примеру на 2001, но не ранее 1999 года, когда был создан этот сервис

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

Переходим по ссылке "читать далее" на полный пост и вставляем в его конце (или в начале, кому как выгоднее) ссылку на пост-анонс, ссылку озаглавливаем что-то типа "вернуться назад" или показываем обратный ход картинкой.

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

CSS списка

2009-02-21T02:17:00.003+03:00

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

источник

Список примерно такой конструкции:
открыть кладовку
открыть гараж
открыть подвал

Третья попытка , большой пост под кат

2009-02-21T00:17:00.005+03:00

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

Вторая попытка прятанья под кат

2009-02-20T22:27:00.007+03:00

Этот код я вставляю в сообщение

Проба своих кнопок

2009-02-20T21:43:00.003+03:00

Зелёные кнопки

Золотые кнопки

Настроил feed канал блога

2009-02-20T21:15:00.011+03:00

По подсказке
"Фидом жги сердца людей"

Я дам очень подробный пошаговый план, как зарегистрировать свой блог в сервисе http://feedburner.com/ , получить код счетчика RSS-подписчиков обновлений блога, как установить счетчик на блог и настроить его. После прохождения всех этих шагов вы получите очень удобный инструмент для оценки статистики своего блога и его подписчиков.

Шаг 1. Идем на http://feedburner.com/ и сразу переключаем сервис на русский язык. Для этого жмем ссылку “Languages”:

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

Шаг 3. Любуемся полученным результатом (особенно мне понравилась надпись “Бобры в фидах” - что это, не спрашивайте:). Идем по ссылке “Зарегистрироваться”:Шаг 4. Переводчик был пьян, поэтому все, что нужно занести в эту форму, я вписала красными буквами:

Шаг 5. Требует внимательности.

Сейчас мы должны внести в сервис адрес RSS-канала своего блога (его фид). Фиды блогов на blogger.com выглядят так:

http://адрес-блога/feeds/posts/default

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

http://pro-mlm.blogspot.com/feeds/posts/default

Шаг 6. Сейчас мы получим новый фид, уже от сервиса http://feedburner.com/

Но для этого нужно придумать окончание в его адресе. Проще всего подставить туда доменное имя блога. Например, новый фид этого блога имеет такой адрес:
http://feeds.feedburner.com/pro-mlm

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

Шаг 7. Адрес фида готов, смело идем дальше:

Шаг 8. Здесь все настройки оставляем как есть, жмем Next:

Шаг 9. Так как Фидбернер плохо ферштейн русский язык, название блога он выдает в виде вопросительных знаков. Пугаться не надо:) . Не задерживая дыхания, жмем на ссылку “Публикуй” :

Шаг 10. А потом на ссылку FeedCount (счетчик):

Шаг 11. На этой странице мы можем выбрать дизайн счетчика, переключая кнопки “Тело” (цвет счетчика) и “Текст” (цвет цифр). Если эти настройки не трогать, цвет счетчика по умолчанию будет светло-голубым.

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

Шаг 12. Вот внешний вид счетчика в той цветовой гамме, которая была задана. Если все устраивает, копируем полученный код:

Шаг 13. Теперь идем в модуль управления нашим блогом, и сразу нажимаем раздел “Макет”. Добавляем новый элемент в меню:

Шаг 14. Выбираем элемент с названием “HTML/JavaScript”:

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

Шаг 16. Меняем местами элементы в меню, “HTML/JavaScript” со счетчиком ставим вниз:

Шаг 17. Теперь можно полюбоваться полученным результатом на блоге. Увы, пока ваш счетчик показывает цифру 0 и не видит тех старых подписчиков, которые были подписаны на старый канал блога. Чтобы устранить эту неприятность и всех посчитать, идем в Настройки и затем в Канал Сайта.

Вносим в окошко “URL переадресации канала сообщений” адрес нового фида, который мы записали при регистрации в Feedburner.

У меня он такой: http://feeds.feedburner.com/pro-mlm

А у меня такой ( копирайтера этих строк - Harry Ash) http://feeds2.feedburner.com/pses74

Жмем “Сохранить”.

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

А пока самостоятельно зарегистрируйте свой блог в сервисе http://liveinternet.ru , установите счетчик и узнайте, кто и откуда заходит на ваш блог. После 17-ти шагов, которые вы сейчас прошли, сервис Ливинтернет покажется вам забавной и простой игрушкой:)

источник

Открытие дополнительной ссылки

2009-02-15T23:40:00.008+03:00

Открытие ссылки при входе на сайт в новом окне

открытие трёх сайтов сразу

Что мне хотелось бы сделать в blogger.com

2009-02-15T23:05:00.003+03:00

Сменить favicon
Вставить третью колонку в шаблон
Добавить кнопки для ката и другие кнопки в виджет над блогом
Сделать карту сайта
Сделать облако тегов
Наладить трансляции всего блога и по темам
Сделать прикольную картинку rss
Сделать, чтобы внешняя ссылка открывалась в новом окне

Проба

2009-02-15T22:40:00.000+03:00

очень сомневаюсь, что это заработает в таком виде

Как убрать Navbar?

2009-02-15T17:57:00.008+03:00

Итак, как убрать navbar:
Заходим в "макет", потом "изменить HTML". На всякий случай сохраняем ваш нынешний шаблон: для этого нажимаем "загрузить весь шаблон" и сохраняем файл на своём жёстком диске; если мы что-нибудь сделаем не так - то мы можем сможем восстановить всё как было из этого файла).
А затем в коде, почти на самом его верху, мы находим строку
"/* Variable definitions"
И прямо над ней вставляем следующий код:

или

На всякий случай нажимаете "просмотр".
Навбара в нём быть уже не должно. Нажимаете "сохранить шаблон".
Всё, дело сделано.

Едут в машине три программиста. Вдруг прокол колеса, остановились, думают.
Один говорит:
- Надо выйти из машины и зайти снова.

Ура!

2009-02-15T16:27:00.001+03:00

И как приятно делать всё своими руками. Ну просто детский восторг какой-то испытываешь...

Шаблоны для blogger

2009-02-15T00:26:00.000+03:00

Суббота, 8 Сентября. 2007

Шаблоны для blogger

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

Англоязычные ресурсы шаблонов для blogger.com

Free Blogspot Templates

Blogger Template

Blogger Templates by Noipo

Blogger Templates By Gecko & Fly

Blogger Templates by Caz

29 Beautiful Blogger Templates
Final Sense
Insaini Dot Com
Zoot's Design
Pannasmontata
Template Panic
Notlar ve Notalar
Faces of Yve

Генераторы шаблонов для blogger.com

PsycHo

Eris

/очень заинтересовали генераторы - хочу проверить их функциональность/

Как грамотно обналичить виртуальные деньги?

2009-02-04T19:49:00.000+03:00

Статья была выкуплена известным порталом "O Webmoney" за 100$ и опубликована по адресу: http://owebmoney.ru/articles/opinion6.shtml

Ниже публикуется ее полная первоначальная версия.

Как грамотно обналичить виртуальные деньги.
И немного на этом заработать…

Это было года 3 назад, когда я каким-то чудом сумел собрать на своем WM-кипере около 15$. Несомненно, это был успех – я заработал первые деньги в интернете. Но оставалась одна маленькая проблема: деньги то я заработал, а забрать их – ручонки не дотягивались.

Они «повисли» в виртуальном пространстве и вытащить их оттуда, в то время, для меня было большой проблемой.

Помню, первое, что я сделал – обратился на биржу INDX, где в то время торговали долями различных проектов. Был там раздел, где люди из разных городов оставляли заявки на обмен Webmoney в обе стороны.

Оставил заявку и я, но ответа так и не последовало.

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

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

Однако меня до сих пор удивляет тот факт, что многие, пусть и не такие известные, но грамотные профессионалы при обналичивании денег выбрасывают «в окно» по 12-13% от суммы, изобретая сверхсложные схемы вывода.

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

Мне кажется, что дело в другом.

До сих пор я не видел в сети грамотных статей, поясняющих на пальцах способы дешевого обналичивания денег. Все как-то сжато, свернуто, издалека. Такое ощущение, что этого вообще никто не умеет делать. Или люди просто смирились, отдавая по 4-5% при выводе электронной валюты через дилеров в своих городах.

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

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

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

Пусть лучше отдадут их вам, за сей ценный документ.

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

Как вы узнали бы в конце этой статьи, мое имя - Хамидуллин Григорий. Я автор проекта Freelance – киберпрофессия будущего (удаленная работа), который медленно, но успешно продвигаю вот уже около года. В интернете я работаю в основном с 2-мя платежными системами: Webmoney и Rupay.

Именно они станут звездами моего сегодняшнего рассказа.

Но, если вы научитесь правильно обналичивать Webmoney и Rupay, то без труда обналичите и любую другую «электронку», потому что конвертировать какой-нибудь MoneyMail в Webmoney не составит особого труда.

При обналичивании электронной валюты я теряю максимум 1% от суммы. Ито, 1% - это очень много. Чаще всего, за счет некоторых приемов, я вообще ничего не теряю.

Давайте приступим, у меня уже чешутся руки…

Rupay (www.rupay.com)

В первую очередь, рассмотрим «премудрости» вывода денег с виртуального счета системы Rupay, ибо здесь все по-детски просто.

Система мгновенных переводов Контакт – великое изобретение человечества. Это что-то вроде Western Union, только наше, родное, поэтому гораздо дешевле. Уж наши то понимают, что ни один нормальный русский не будет платить 20$ комиссии «Вестерну», чтобы перевести брату в Урюпинск какие-то 10$.

Кроме того, если вы не в курсе, платежные системы Контакт и Rupay плотно сотрудничают между собой и делают друг другу поблажки, поэтому клиентам «Рупея», коим являюсь и я, живется очень и очень сладко.

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

Ладно, хватит разглагольствовать. Приступим непосредственно к процессу вывода денег, для которого нужно сделать аж 5-6 кликов мышкой.

В первую очередь заходим на страницу системы Контакт:
http://www.contact-sys.com/address/region.phtml?arg=XRPY, ищем свой регион, потом город и запоминаем (записываем, сохраняем) адрес одного из банков, который там указан. Городов России там очень много, поэтому велика вероятность, что ваша эпопея с обналичкой скоро закончится.

Если в этом списке вы не нашли своего города, то советую переводить всю наличность «Рупея» в WMR – рублевой эквивалент Webmoney. Потеряете пару процентов, зато в дальнейшем никакой головной боли.

Если же вы нашли свой город в этом списке и даже банк, то вам повезло.

Заходим в свой аккаунт системы Rupay, лезем в раздел «Вывести деньги», нащупываем там радио-бокс «Контакт» (сбоку, снизу) и вбиваем сумму перевода в верхнее окошко.

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

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

Вот и все. Теперь ждем, когда оператор пришлет вам на e-mail имя отправителя и код перевода. Записываем эти данные и радостно перемещаемся в банк, чей адрес вы указали в форме чуть выше.

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

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

Webmoney (www.webmoney.ru)

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

Для грамотного и, фактически, бесплатного вывода денег с кошельков Webmoney в любой город страны вам понадобится банковский счет в любом коммерческом банке.

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

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

На самом деле, я ходил в Альфа-банк, чтобы открыть кредитную карту. Но, кредитная карта, как известно, без счета в банке существовать не может. Тут мне и предложили открыть счет «до востребования», который оказался совершенно бесплатным.

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

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

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

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

Исполнением это мечты мы займемся непосредственно сейчас.

Сразу хочу предупредить, чтобы во всех операциях с деньгами вы использовали только браузер Internet Explorer. Лично я постоянно пользуюсь Opera, но когда мне предстоит что-то поменять/обналичить/купить – я открываю IE, так как Opera поддерживает не все стандарты и могут возникнуть проблемы.

Например, у меня из-под Opera не авторизируется WM-кипер.

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

Достоверно известно, что наиболее популярной валютой среди манимейкеров и кибер-бизнесменов является WMZ, то есть «вебманевские» доллары. Почему-то никто не хочет продавать товар за 28 WMR, все хотят продать его за 1 WMZ. Да и все услуги частного характера обычно оплачиваются с Z-кошельков.

Но нам нужны именно рубли, а не популярные доллары. Где же их взять?

Многие побегут в любимые автоматизированные обменные пункты, которые сдерут с вас еще 3-5% от суммы.

Но я ведь обещал, что при выводе вы потратите не более 1%. Как же это возможно? Элементарно, Ватсон! Сейчас я покажу вам сервис, после которого вы навсегда забудете адреса доселе любимых вами обменников.

Почему? Да потому, что при обмене через этот сервис вы не только не потеряете часть своих денег, но еще и заработаете какие-то копейки.

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

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

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

А ваше право – выбрать, по какому курсу и с каким участником вы хотите совершить обмен.

Хочу сразу развеять ваши опасения по поводу мошенничества на этой бирже.

К примеру, вы переведете деньги участнику обмена, а он вам нет. Заявляю вам со всей ответственностью: это невозможно!

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

Ладно, хватит прелюдий, приступим непосредственно к обмену:

1) Заходим на страничку биржи, где меняют Webmoney всех мастей: https://wm.exchanger.ru/

2) Выбираем в верхнем меню "Работать в секции" пункт "Текущие WM-WM" – переносимся на биржу и видим разбросанные заявки на обмен.

3) В верхнем выпадающем меню выбираем направление обмена «WMR-WMZ» - это как раз то, что нам нужно.

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

Заявки отсортированы в порядке выгодности курса обмена. Чем выше заявка – тем она более выгодна для вас. Если в столбце "Прямой курс" после желаемого курса обмена в скобках стоит плюсовой процент, то вам предлагают обменяться по курсу, даже превышающий курс ЦБ на процент указанный в скобках.

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

Это и есть, мелкий, но приятный заработок при обмене денег.

К этому моменту ваш Webmoney Keeper должен быть запущен и подключен к серверу.

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

Еще один важный момент.

Если в заявке на обмен указано, что пользователь хочет обменять, например, 50 тыс. WMR, то это вовсе не значит, что вы должны обладать такой суммой в долларах. Вы можете удовлетворить эту заявку частично, то есть отщипнуть от пирога маленький кусочек, такой, какой нужен вам.

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

Обмен завершен, пора материализовывать ваши деньги.

Система Webmoney вот уже много лет предлагает для вывода использовать вариант «Банковский перевод». Только вот этот вариант упорно никто не замечает – вероятно думают, что там очень высокие проценты и что этот способ вообще не для «простолюдинов».

Отнюдь, это самый дешевый способ, который я только смог найти при обналичивании Webmoney. При переводе денег с вашего кошелька на ваш счет в коммерческом банке с вас не возьмут ни копейки, т.к. комиссия перевода составляет 0%. То есть, как 1000 рублей вы отправите, так эту тысячу на свой счет и получите.

А дальше – дело ваше.

Хотите, забирайте их со счета. В Альфа-банке, где я держу деньги, комиссия снятия их со счета составляет всего 0.8%, то есть, как в Webmoney. Лично я свои деньги со счета пока не снимаю, ибо наличности с Рупея получаю более чем достаточно.

Всё, идем наличить.

1) Заходим на страницу вывода денег способом «Банковский платеж»: http://www.webmoney.ru/wmoutrans2.shtml

2) Во втором пункте выбираем ссылку:
https://banking.webmoney.ru/asp/banking.asp

3) Выбираем сбоку ссылку «Банковский платеж в RUR»: https://banking.webmoney.ru/asp/InputPayment.asp - происходит авторизация WM-кипера, который должен быть давно запущен и подключен к серверу.

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

Поэтому советую скачать отсюда: https://banking.webmoney.ru/ru/help.htm рекомендации того, как заполнять все поля, в картинках и с примерами.

Но, даже обладая такой инструкцией, в первый раз я совершил ошибку. Перепутал пару полей и отправил 1900 рублей неизвестно куда. Радует одно, неизвестно куда деньги попасть не могут, и они через 4 дня вернулись обратно, а оператор перевел мне их обратно на кошелек, причем ровно 1900, то есть не взял никаких комиссий Webmoney.

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

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

У этой формы есть очень полезное свойство – она умеет запоминать ваши данные. То есть, вам нужно только один раз ввести эти длинные цифры всевозможных счетов банка и все это сохранить, обозвав шаблон каким-нибудь именем.

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

Заявка уйдет оператору, дальше следуйте инструкциям, оплатите выписанный счет Webmoney и, через 2-3 дня, деньги будут лежать на вашем счету, если вы правильно указали все реквизиты.

Вот и всё.

Через 3-5 дней идете в банк, отдаете оператору свой паспорт и говорите так небрежно, как будто у вас там миллион лежит: «Проверьте баланс, пожалуйста».

Что делать с этими деньгами решать вам, ибо я свою миссию уже выполнил.

Теперь вы знаете все о том, как грамотно и без потерь выудить свои деньги из виртуального пространства.

И больше не смейте так разбрасываться деньгами! Чай, не в Америке живем.

---------------------------------------------------------------------------------------------------
Хамидуллин Григорий - автор проекта "Freelance - киберпрофессия будущего"
Удаленная работа и заработок в интернете - пиши дома и получай московские гонорары!
Лучшая партнерская программа - идеальные "тепличные" условия для каждого партнера.

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