Шаблон сайта-визитки E-Business Card

воскресенье, 27 февраля 2011 г.
Вопрос изготовления сайта-визитки на базе Blogger уже рассматривался на BlogoHelp - пост как на базе blogspot сделать сайт-визитку. Точнее мы говорили о шаблонах, а сегодня я хочу продолжить тему и предложить несколько более подробное описание самого процесса. настройки. То есть мы рассмотрим еще один любопытный "визиточный" шаблон — E-Business Card Blogger Template и коснемся немного технической части (что начинающим будет весьма полезно).

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


Скачать шаблон его, а также почитать описания можно на сайте разработчика, но для простоты укажу также ссылку на него в посте - качаем E-Business Card Blogger Template здесь. После того как вы скачаете и установите шаблон, его нужно будет настроить. Благо, авторы предлагают неплохую справку, предлагают ознакомиться с моим переводов и комментариями где это потребуется.

Для редактирования шаблона заходим в раздел Дизайн - пункт Изменить HTML.

Меняем фотографию автора:
<div class='authorimg'>
<img src='http://3.bp.blogspot.com/_ubwIhqPcR6M/TUWWTOU81CI/AAAAAAAABI8/mWQbhk1iClc/s1600/frank default.jpg'/>
</div>
Замените http://3.bp.blogspot.com/_ubwIhqPcR6M/TUWWTOU81CI/AAAAAAAABI8/mWQbhk1iClc/s1600/frank default.jpg на ссылку вашего изображения. Размер картинки по умолчанию 128х128 пикселей.

Меняем имя автора:
<span class='name'><h3>Ваше имя</h3></span>

Меняем биографию автора (или информацию об авторе):
<span class='bio'>Ваша информация об авторе.</span>

Меняем ссылку автора и e-mail:
<span class='web'><b>Web : </b><a href='http://www.адрес-вашего-сайта.com'>www.адрес-вашего-сайта.com</a></span>
<span class='mail'><b>Mail : </b><a href='mailto:ваша-почта@gmail.com'>ваша-почта@gmail.com</a></span>
</div>

Дополнительно можно заменить «Web:» и «Mail:» соответственно на «Сайт» и «Почта», если вам так больше нравится.
Меняем ссылки на социальные сервисы:
<div class='socials'>
<ul>
<li><img src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TUWUKn-HWWI/AAAAAAAAB5Q/LQ6Jx6xKmH4/s1600/facebook.png'/><a href='http://www.facebook.com/Ваш-аккаунт'>Facebook</a></li>
<li><img src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TUWULifkzoI/AAAAAAAAB5g/w9VT38dst4Y/s1600/twitter.png'/><a href='http://twitter.com/Ваш-аккаунт'>Twitter</a></li>
<li><img src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TUWUKbwn8WI/AAAAAAAAB5I/aGX4TO7eNl4/s1600/myspace.png'/><a href='ссылка на аккаунт'>MySpace</a></li>
</ul>
</div>

Секцию Myspace можно удалить вовсе, если она вам не нужна.

Настраиваем сообщения с Twitter:
<div class='tweets'>
<ul id='twitter_update_list'>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/Ваш-аккаунт.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
</ul>
</div>

На этом базовая настройка закончена. Ну, а если вы хотите более глубокой модернизации — дерзайте!

P.S. Постовой. Если вы еще не успели зарегистрировать имена в новой доменной зоне, обратите внимание на дешевые домены .РФ от интересного сервиса Daodomains.
Для тех кто делает обновку интерьера квартиры пригодится каталог двери волховец из качественных материалов с гарантией и доставкой.
Интернет магазин Линзмастер предлагает цветные контактные линзы для тех, кто хочет изменить цвет глаз или выглядеть необычно.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

VPS и выделенные сервера от Inferno Solutions

среда, 23 февраля 2011 г.
При создании блога или сайта всегда с самого начала возникает вопрос хостинга. Вы должны четкое понимать какой будет проект и следовательно какой хостинг лучше выбрать. Для простых, персональных блогов, в которых вам не сильно хочется вникать в технические детали, достаточно будет бесплатных блогохостингов, точнее Blogger`а, где мы сейчас и находимся. Для более сложных замыслов и идей, где вы рассчитываете на солидную посещаемость и хотите контролировать все детали сайта, смотрим в сторону платного хостинга. Дальше градация может содержать еще 2 пункта - виртуальные выделенные сервера. Стоимость такой услуги дороже обычного хостинга, но при этом вы получаете гарантированную конфигурацию, которая будет доступна только под ваш проект - процессорное время, память, дисковое пространство и т.п.

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

Во-первых, нельзя не заметить широкую географию хостинга - вы можете заказать выделенный хостинг во многих европейских странах или штатах: VPS в Германии, VPS в Голландии, Швеции, Польше, Великобритании - это не проблема. Здесь нужно учитывать специфику проектов и заказчиков, с которыми вам приходится работать - если вы разрабатываете сайты для Европы, то можно обратить внимание на Германию, нашим подойдет хостинг VPS в России, занимаетесь созданием сайтов для американских заказчиков - берем VPS в США и т.п. То есть, выбор максимально возможный, на любые вкусы, причем он еще и расширяется, недавно добавили VPS в Канаде.

Второй особенностью есть конфигурация серверов. Компания Inferno Solutions использует серверное оборудование лучших производителей SuperMicro, HP, Dell, что гарантирует качественную безотказную работу. Во многих дата центрах есть возможность установить сервер специально под ваши требования и собрать любую нужную конфигурацию. Причем клиенты могут заказать VPS сервера практически под любые нужды, в том числе и так называемые абузоустойчивые (но без нелегальных направлений деятельности).

Еще одним преимуществом предложения от Inferno Solutions я бы назвал цену. Внимательно посмотреть все предложения, уверен, вы найдете подходящий для себя вариант - есть VPS подешевле (от 10 у.е.), а также мощные дедики (от 40 у.е.) для серьезных целей. Так, например, есть реально дешевые сервера в дата центре Burst (США) по 40 долларов. После выбора пакета сможете настроить конфигурацию и осуществить заказ:



На данный момент имеется около 20 вариантов оплаты VPS серверов, где вы точно найдете что-то свое: есть WebMoney , карты Visa и Mastercard, а также PayPal. Если будете привлекать своих знакомых и друзей, то можете рассчитывать на партнерские вознаграждения в сумме 5% и 10% пожизненно. А это, кстати, может быть очень долго, так как многие в Inferno Solutions остаются годами:) База клиентов постоянно увеличивается, желающих получить хорошие VPS становится все больше.

Последним плюсом, которые для хостинга есть, пожалуй, одним из самых значимых я бы назвал техническую поддержку. Некоторые компании осуществляют целый ряд услуг по обслуживанию серверов за отдельную плату, кто-то даже консультирует за деньги - мне лично такой подход чужд и непонятен. Радует, что в Inferno Solutions таким не страдают. Базовое администрирование (установка, обновление и настройка софта по запросу) осуществляет бесплатно! Общение со службой поддержи идет через систему тикетов, работает технические поддержка круглосуточно.

Также бесплатно вы можете рассчитывать на помощь при переезде от другого хостера. При этом вы получаете некоторые приятные бонусы:
  1. Скидка 50% на первый месяц аренды выделенного сервера
  2. 1 месяц аренды для VPS бесплатно
  3. Панель ISP manager lite бесплатно
Отзывы о работе компании можно почитать, например, на Серче - думаю большинству из вас этот форум хорошо известен. Единственное, что может отпугнуть вас при первом знакомстве с хостингом это их интернет сайт, новая версия которого пока что находится в разработке. Хотя, в принципе, это работать не мешает и особого значения не имеет. По своему личному опыту у меня как-то так получалось, что хостеры с не самым броским дизайном оказывались более профессиональными и качественными чем те, кто заманивает клиентов яркими красочными сайтами. Напоследок нужно заметить, что данный обзор размещается на правах рекламы, но сути дела этот никак не меняет. Я тут как раз подыскивал себе еще один вариант с VPS или даже выделенный сервер, так могу сказать, что Inferno Solutions весьма резко ворвалось в число претендентов, причем в их лидирующие позиции. Нужно только будет с ними еще проконсультироваться относительно конфигурации и цен, но набор услуг и вариантов для выбора заслуживает внимания.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки: ,
Как вам пост?   

Ценителям кофе посвящается

вторник, 15 февраля 2011 г.
Кофе – это здоровье, кладовая энергии и хорошее настроение. Преимущества этого напитка человечество оценило много веков назад и теперь более чем две трети населения Земли предпочитают кофе. Такое количество восторженных почитателей у этого напитка появилось вполне закономерно. Ведь он бодрит утром, поддерживает уровень работоспособности на протяжении дня и помогает приятно скоротать вечерок в дружеской компании. В общем, чашечка горячего кофе хороша в любом месте и в любое время, больше информации об этой напитке можно найти на http://morecoffee.ru/ специальном тематическим интернет проекте.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки:
Как вам пост?   

Изменяем стиль элементов блога через CSS и Дизайнер Шаблонов

Доброго утра, дня или ночи! Меня зовут Наталья. Я составляю "Шпаргалку блоггера" для себя и для вас. Мне хотелось бы продолжить статью "Кнопка «читать далее» в Blogger" и посмотреть как скорректировать стиль этой надписи. Начальный вид:


Исходный вид сообщения под катом

Для простоты использования добавим новый пункт в "Дизайнер шаблонов". Для этого заходим в админку Blogger в раздел "Дизайн" - пункт "Изменить HTML" и после:

/* Variable definitions
====================

напишем:

<Group description="Читать далее" selector=".jump-link">
<Variable name="rm.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px 'Trebuchet MS',Trebuchet,Verdana,sans-serif"/>
<Variable name="rm.color" description="Color" type="color"
default="#f9f9f9" value="#000000"/>
<Variable name="rm.h.color" description="Hover Color" type="color" default="#000000" value="#000000"/>
</Group>

<Group description="Фон Читать далее" selector=".jump-link">
<Variable name="rm.bg.color" description="Color [www.betatemplates.com]" type="color"
default="#eeeeee" value="#eeeeee"/>
</Group>

А перед ]]></b:skin> укажем:

.jump-link { font: $(rm.font); background: $(rm.bg.color); }
.jump-link a, .jump-link a:visited { color: $(rm.color); }
.jump-link a:hover { color: $(rm.h.color); }


Промежуточный этап

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

.jump-link { font: $(rm.font); background: $(rm.bg.color); text-align: center; float: right; width: 104px; line-height: 20px; -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}


Слово "Дальше" в виде кнопки

Но мне кажется, что это пока всё ещё скучно, поэтому добавим рамку.

.jump-link {font: $(rm.font); background: $(rm.bg.color); text-align: center; float: right; width: 104px; line-height: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #b09f79; border-right: 1px solid #f0cf84; border-bottom: 1px solid #f0cf84;}

Обратите внимание на значение после символа # - это цвет краёв рамки, который вы сможете подобрать на своё усмотрение. Кнопка сразу преобразиться:

Дальше »

Также здесь будет уместно сделать тень тексту с помощью CSS, а буквы - строчными жирным очертанием:

.jump-link {font: $(rm.font); background: $(rm.bg.color); text-align: center; float: right; width: 104px; line-height: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #b09f79; border-right: 1px solid #f0cf84; border-bottom: 1px solid #f0cf84; text-shadow: 1px 1px 1px rgb(255, 255, 255); text-transform: lowercase; font-weight: bold;}

Итог:

Читать далее

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

.jump-link a, .jump-link a:visited { color: $(rm.color); text-decoration: none;}


Дизайнер шаблонов. Новый пункт

Сохраняем и переходим в "Дизайнер шаблонов", где теперь можем изменять шрифт, размер и фон надписи.

Можно также поменять слово "Дальше >>". Это фрагмент кода <data:post.jumpText/>, который на вкладке "Дизайн" - "Изменить HTML" мы изменим на "Читать далее" или подходящее изображение.

-----

Что ж, большое спасибо Наталье за такое подробное руководство. Оно определенно пригодиться как новичками, так и продвинутым пользователям. Первым за счет конкретного примера редактирования стилей и оформления элементов блога через CSS. Вторым - за добавление настроек в Дизайнер Шаблонов. Честно говоря даже не знал и никогда не задумывался о такой функции, но получилось здорово.

P.S. Постовой. Если вы хотите больше возможностей, то создать блог на вордпресс, наверное, все же более уместно чем в Blogger, только это стоит денег.
Конечно же, после разработки интернет проекта нужна раскрутка сайта в поисковых системах Яндекс и Google для привлечения читателей.
Интернет магазин Линзмастер предлагает обычные и цветные контактные линзы с доставкой по Украине и доступными ценами.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Оптимизация заглавий и описаний

четверг, 10 февраля 2011 г.
Когда один деловой человек хочет узнать что-то о другом, то он, прежде всего, обращает внимание на имя. Тоже самое случается, когда потенциальный клиент заходит в интернет. Он сначала читает адрес и первые строчки, а потом уже остальную информацию. Именно поэтому оптимизация заглавий и соответствующих тэгов очень важна для успешного продвижения сайта. Помимо прочего, это облегчит индексацию ресурса поисковыми системами, что привлечёт большее число посетителей.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки:
Как вам пост?   

Новые мобильные шаблоны Blogger для чтения блога со смартфонов

С развитием интернет и мобильных технологий все более часто люди предпочитают читать блоги (или другие новостные сайты) с помощью своих смартфонов. Например, когда вы едете в метро на работу или учебу с утра почему бы не глянуть что нового опубликовали в блогах. Одная из сложностей этого занятия - небольшой экран смартфона, куда часть весь сайт не помещается. Именно поэтому разработчики Blogger решили запустить так называемые мобильные шаблоны. Это, можно сказать, первых их запуск, дебют. Учитывая этот факт, мобильные шаблоны, как и другие новшества, для начала проходят тестирование в черновиках блоггера draft.blogger.com.

Данная опция по сути переформатирует внешний вид вашего блога для тех пользователей, которые читают его со смартфона. Чтобы активировать функцию мобильных шаблонов заходите на draft.blogger.com в раздел "Настройки" - меню "Электронная почта и мобильные устройства", где активируете соответствующую опцию:



Вообще, как вы помните, это не первый акцент системы Blogspot на мобильные устройства - совсем недавно писал про приложение Blogger для Android теперь вот мобильные шаблоны. Вполне возможно, что в 2011 нас ждет много новостей из этой области, ведь мобильный интернет развивается достаточно быстро.

Что касается особенностей и функций мобильных шаблонов:

Предпросмотр - вы сможете увидеть как будет выглядеть ваш блог мобильном устройстве, кликнув по соответствующей одноименной кнопке (Mobile Preview). Вы также можете увидеть его просканировав QR код, что находится в настройках.

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

Поддержка шаблонов - на данный момент имеется 12 вариантов разных видов шаблонов в Template Designer (6 простых и 6 продвинутых). Также поддерживают некоторые гаджеты.



Мобильные приложения - мобильный блок AdSense будет отображаться в самом верху страницы с постом или в самом низу для главной страницы, если у вас в Blogger было активировано использование контекстной рекламы AdSense.



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

P.S. В сети достаточно много разной информации, но порой сложно найти статью о том как создать свой веб сайт где бы все толково, просто было расписано в деталях и конкретике.
В сети очень много разных видов заработке - иногда, например, выгоднее продать читаемый блог чтобы заработать и создать еще несколько таких же хороших проектов.
Чуть ли не всех вебмастеров в интернете интересует как же поднять тиц бесплатно, без каких либо вложений и затрат.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Приложение Blogger для Android

пятница, 4 февраля 2011 г.
Бывало ли у вас когда-либо желание опубликовать короткую заметку "на лету"? Сейчас, в принципе, для этого многие используют твиттер, но что если пост будет чуть больше нежели 140 символов? Счастливым обладателям Android телефона, коим я также являюсь, повезло ибо специально для них было создана первая версия приложения Blogger под Android. С его помощью вы сможете достаточно легко сочинять посты, добавлять изображения, которые только что сделаны через телефон, либо просто создавать черновики для дальнейшей корректировки и публикации. В общем, приложение сделает постинг с мобильного простым и увлекательным занятием, вы можете сказать его уже сейчас в Android Market.



Рассмотрим возможности данного приложения Blogger для Android.

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



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



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



Поделиться с другими. Теперь одной из возможностей поделиться информацией с друзьями станет и Blogger. Если для какого-то фото из своей галереи или содержимого сайта вы решите поделиться со своими читателями блога, то можно воспользоваться специальным "sharing" меню.



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



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



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

P.S. Постовой. Если присматриваетесь к разным нишам в интернете, то хороший заработок на файлах может обеспечить ФО Vodafile.
Лучшие онлайн игры в Украине бесплатно.
Всем, кто общается и можно сказать живет в социальных сетях пригодятся статусы про любовь а точнее особенно интересны будут пользователям вконтакте.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails