Итоги BlogoHelp`а в 2013 году (лучшие посты)

понедельник, 30 декабря 2013 г.
Итоги BlogoHelp в 2013 году
В BlogoHelp`е давно не было новых публикаций, так как сами разработчики Blogpost не особо радовали нас обновлениями во второй половине 2013 года. Хотя, если так призадуматься, то вообще весь 2013 прошел без каких-либо крупных и значительных апдейтов. Сравнивая происходящее с итогами Blogger 2012 где было много важных моментов, 2013 оказался каким-то "тихим годом". Тем не менее, я решил опубликовать обзор наиболее интересных заметок в этом году. Для удобства разделил их по категориям.
Google+
Значительное количество времени разработчики уделили интеграции блогохостинга Blogpost и социальной сети Google+. Вполне логичная тенденция, которая прослеживается в течении всего года.
Упоминание в постах пользователей Google+. В текстовом редакторе добавился инструмент легкого добавления ссылок на профили пользователей из Google+.
Комментарии Google+ в Blogger. Комментарии к постам в социальной сети будут также отображаться и в самом блоге. Это полезно для расширения аудитории. Также появится управление видимостью комментариев (только для кругов соц.сети).
Делимся постами блога в Google+ автоматически. Все публикации блога могут быть автоматически опубликованы в ленте Google+.
Виджеты
Какой же блог без виджетов. Располагаясь в сайдбаре, они могут помочь с навигацией по сайту, найти интересную информацию и т.п. В 2013 парочка постов была посвящена виджетам.
Создаем блок подписчиков и фолловеров в сайдбаре. Красивый виджет, отображающий число подписчиков в фэйсбуке, твиттере, по RSS, соц.сетям Google+ и Pinterest.
Стильное облако тегов для Blogger с помощью CSS3. Симпатичный вариант оформления облака тегов с помощью стилей. Небольшой CSS код придаст данном виджету отличный вид. Можете над стилями поэкспериментировать дополнительно.
Социальные кнопки с эффектом при наведении. Еще один вариант оформления блока подписки. Смотрится очень стильно и эффектно, хотя CSS кода намного больше, чем в предыдущем посте.
Функции и хаки
Улучшения в HTML редакторе шаблона Blogger. По сути, единственное глобально изменение в самом движке блогохостинга. Редактор шаблона стал намного удобнее, нагляднее и лучше. Тут вам и нумерация строк, и подсветка синтаксиса, и поиск по коду и т.п.
Оригинальное увеличение картинки в Blogger. В данном посте рассмотрена реализация увеличения фотки при наведении на картинку. Для некоторых типов сайтов может быть полезна.
Оптимизация изображений в Blogger для привлечения трафика. Пригодится тем, кто пишет не просто для себя, а занимается еще и продвижением сайта. Парочка советов для вас.
Напоследок, можно также упомянуть посты с обзорами шаблонов для Blogger. Были там и простые/минималистические, и дизайнерские/стильные. Проще всего просмотреть одноименный раздел блога.
Что же касается планов на 2014, то тут пока что некая неопределенность. Я реально не ожидал такой пассивности разработчиков. С другой стороны они внедрили практически все значимые и требуемые обновления ранее. Возможно, буду публиковать простые заметки как решить те или иные задачи для Blogger. Но реально с темами для постов имеется легкая напряженка.
Удачи вам в новом 2014 году. 
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

DesignPress - крутой дизайнерский шаблон для Blogger

понедельник, 25 ноября 2013 г.
Если вы ищите яркий шаблон для дизайнерского блога или проекта, который имеет похожую тематику, то DesignPress отлично подойдет. Основными фишками темы автор считает jQuery слайдер в шапке, красивое фоновое изображение, а также весьма серьезную функциональность. В принципе, не зря тема называется именно DesignPress - мне кажется, дизайн является в ней самым большим плюсом (можно сказать "козырем"). Темные макеты всегда создают стильный эффект, фон здесь также подобран очень хорошо. Шрифт основного содержимого макета не белый, поэтому читать текст не сложно. Лично мне шаблон очень нравится, реально один из лучших.
DesignPress
В шапке DesignPress кроме, упомянутого выше, стильного слайдера найдете также: два горизонтальных меню (второй выпадающее до 3-х уровней), логотип и место для баннера 468x60. Все эти элементы меняются через правку HTML кода макета.
Каждый пост в основной области графически выделяется в отдельный блок. В нем присутствует краткий анонс, а также иллюстрация и ссылка "читать далее". Смотрится весьма стильно. Фон под текстом не прозрачный, поэтому буквы не сливаются с ним.
Тема имеет всего один (зато какой) сайдбар справа. Основной фишкой здесь я бы конечно назвал табы. Вы можете переключаться между популярными постами, тегами и архивом блога. Кроме того, сайдбар содержит ссылки на социальные профили автора, блок поиска, места для баннеров и парочку виджетов.
В футере кроме копирайта найдете 3 колонки, которые можете заполнить соответствующими виджетами или информацией (например, разместить контакты). По умолчанию в колонках футера отображаются списки ссылок, а также страницы блога. Я так понимаю их можно редактировать через раздел "Дизайн" в админке Blogger, что весьма удобно. В целом, сами видите, тема DesignPress более чем крутая, причем не только для личного, но и коммерческого проекта.
P.S. Одна из самых больших статей затрат при работе с принтерной техникой это расходные материалы. Вы можете купить снпч для техники Canon, Epson, HP в интернет магазине электроники Эра.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Два простых стильных шаблона для Blogger

четверг, 17 октября 2013 г.
Для шаблонов блога не обязательно делать какой-то сверх креативный и замысловатый дизайн, иногда можно ограничиться и простыми решениями. Все равно основная ценность подобных веб-проектов заключается в контенте, а не во внешнем виде (к тому же многие читают блоги через RSS).
Сегодня хочу представить вашему вниманию два простых, но стильных и симпатичных шаблона для Blogger. В них нет ничего лишнего, дизайн аккуратный, не кричащий и приятен для чтения.
Шаблон "Фруктовый микс" - просто и со вкусом
Данный макет может подойти для кулинарного блога или сайта, посвященного вину (два бокала которого расположены в футере). Цвета в шаблоне приглушенные, но не блеклые.
Шаблон "Фруктовый микс"
В шапке найдете место для логотипа и сможете добавить страницы в горизонтальное меню. Макет имеет две колонки, возможно, для кого-то этого окажется маловато. Кроме того, визуально шаблон больше похож на сайт нежели блог.
Слева располагается вертикальное меню, тамже место для других виджетов, которые сможете добавить сами. На странице с полным текстом новости есть комментарии и форма для них. Стиль последней я бы все же подправил через CSS дабы она не выбивалась из общего дизайна. Как я уже говорил, есть тематический футер. В целом все очень неплохо.
Минималистический шаблон Heliumified
Данная тема может использоваться как для личного так и, например, для тематического блога с техническим уклоном (интернет, веб-дизайн, программирование). Все здесь достаточно сдержанно и четко, можно даже сказать в какой-то мере "строго".
шаблон Heliumified
Макет немного шире предыдущего, но по формату очень похож - те же 2 колонки, только сайдбар здесь справа. В шапке место для логотипа и меню. В тексте предусмотрены все типы оформления (от списков до картинок), для заголовка используется нестандартный, но красивый шрифт.
В сайдбаре минимум элементов: поиск, список последних постов и архив. Другие виджеты сможете потом сами добавить. Футер, как и все остальное оформления, крайне минималистичен. Шаблон подойдет для тех, кому вообще не важен дизайн. Тем не менее, при всем при этом, внешне сайт смотрится нормально. 
P.S. Смартфоны среди пользователей очень популярны за счет большого числа приложений. Поэтому сейчас создание мобильных приложений это одно из требований для развития стартапа, веб-портала или другого интернет сервиса. Мобильный трафик стремительно растет.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Делимся постами блога в Google+ автоматически

понедельник, 16 сентября 2013 г.
Социальная сеть Google+ продолжает постепенно развиваться, а вот обновления Blogger в последнее время как-то поутихли. Несколько дней назад разработчики добавили возможность автоматической отправки анонсов новых постов в ваш аккаунт Google+. Вполне вероятно, что после отправки соответствующего уведомления кто-то из друзей зайдет почитать ваш новый пост и поучаствовать в дискуссии либо же поделится интересной ссылкой с остальными.
"Шаринг" (sharing) - это полезно для развития проекта, особенно сейчас, когда активность в социальных сетях достаточно велика. С другой стороны это требует определенного (пусть и незначительного времени). Именно поэтому в Blogger'е решили данный процесс автоматизировать. Долой лишние клики! Напомню, что отправлять новый пост в социальную сеть Google+ можно было и раньше - для этого просто нужно было законнектится к Google+.
Кроме того, если вы подключили комментарии Google+ к Blogger'у то все ответы в социальной сети будут автоматически отображаться и в вашем блоге.
Google+ комментарии
У всех, кто законектился блогом с Google+, опция автоматической отправки уведомлений начнет работать сама, начиная с публикации следующего поста в блоге. В иных случаях можно вручную активировать ее из админ панели. Заходите во вкладку "Google+", где отмечаете галочки напротив соответствующих пунктов.
Google+ настройки
Вот такое вот небольшое обновление. С одной стороны достаточно незначительное, с другой - сложно представить что еще нужно улучшать в системе Blogger: комментарии, МЕТА теги, настройки индексации - все уже есть.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

7 причин для создания блога на платформе Blogger

пятница, 9 августа 2013 г.
На сегодняшний день существует немало сервисов для создания блогов, каждый из которых имеет свои неоспоримые преимущества и явные недостатки. Прежде чем создать блог, необходимо оценить все плюсы и минусы каждого сервиса, ведь ваш будущий успех в блоггерстве во многом зависит от самого сервиса, на котором создаётся блог. Одним из лучших по праву является сервис для создания блогов Blogger, который принадлежит компании Google. Ниже мы рассмотрим 7 причин, по которым рекомендуется создать блог на платформе Blogger.
1. Простота и удобность. Интерфейс сервиса Blogger довольно-таки прост и интуитивно понятен. Для создания блога не требуется каких-то особых знаний или умений.
Blogger
2. Отсутствие навязчивой рекламы. Создавая блог на многих сервисах, на нём автоматически отображается реклама, доход от которой получают владельцы сервиса. В случае с Blogger реклама размещается только по вашему согласию, и при этом владелец блога получает от неё прибыль.
3. Преимущества при продвижении блога в поисковой системе Google. Так как сам сервис принадлежит компании Гугл, вполне закономерно, что блоги, которые созданы на Blogger, намного легче вывести на первые страницы поисковых результатов. Да и в целом достоинством такого блога является высокая интеграция с другими сервисами Гугл.
4. Возможность создать на одну учетную запись несколько блогов. Ограничений нет!
5. Многофункциональность блога и наличие множества полезных гаджетов. Здесь можно вдоволь экспериментировать с дизайном и использовать различные дополнительные гаджеты, предлагаемые на сервисе.
6. Беспроблемный перенос блога на собственный домен. Если в будущем вы захотите приобрести себе доменное имя и перенести на него свой блог, сделать это можно будет без особых проблем – в настройках блога есть соответствующее меню для этого.
7. Возможность напрямую зарабатывать с Google AdSense. В меню управления блогом есть специальная вкладка «Прибыль», где вы можете зарегистрироваться в AdSense и начать зарабатывать посредством размещения рекламы на блоге.
Создание блога на платформе Blogger – это масса преимуществ, которыми просто грех не воспользоваться. Успехов вам в блоггерстве!
P.S. В работе с Joomla есть много разных тонкостей и нюансов. Начиная от настройки ЧПУ и заканчивая вопросом как сделать robots.txt для Joomla 2.5 и VirtueMart 2 максимально корректно. К счастью, в интернете есть блоги, которые рассказывают об этой CMS и работе с ней.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Оптимизация изображений в Blogger для привлечения трафика

суббота, 6 июля 2013 г.
Работа с изображениями - один из этапов общей seo оптимизации того или иного сайта, которым не следует пренебрегать. Картинки, как правило, имеются в каждом из постов блога. Если это проект по типу Blogohelp, то их там в одной статье может быть сразу несколько, про фотоблоги я вообще молчу.
Так вот, вы можете оптимизировать все эти изображения сайта дабы привлекать дополнительный трафик из поиска по картинками (Google и Яндекс). В последнее время за счет изменения функциональности этих сервисов, посетителей, вроде как, стало переходить меньше, но они есть. Этот вопрос я сегодня и рассмотрю.
Спортивная машина
Допустим, у вы пишите пост в блог про автомобили, который иллюстрируете соответствующей картинкой. В HTML коде она добавляется через тег IMG. При этом поисковым системам, в принципе, кроме ссылки на картинку ничего о ней не известно. Это не совсем правильно, поэтому нам нужно добавить описание и параметр alt для картинки.
Правильные изображения
Во-первых, нужно подбирать фотографии или картинки подходящие по смыслу под текст той или иной статьи - это логично. Во-вторых, поисковики, в принципе, любят уникальный материал, поэтому если у вас есть возможность использовать в качестве иллюстрации поста уникальное изображение - обязательно это сделайте. Можно просто попытаться найти бесплатные изображения в сети, немного их уникализировав.
Кроме того, неплохо было бы использовать в названии файла картинки ключевые слова. Например, намного более разумно написать для фото выше имя sport-car.jpg нежели spcr.jpg. Если будете ссылаться на ту или иную картинку на сайте используйте в тексте анкора (ссылки) ключевые слова - это также полезно для seo оптимизации.
Добавление Alt в тег IMG
Если говорить в общем, то вам нужно изменить исходный HTML код картинки на что-то подобное:

<img src="sport-car.jpg" alt="Спортивная машина" />
Кстати, в браузерах параметр Alt используется для вывода текста на странице, когда фото не может быть загружена (или отключено их отображение). Это достаточно удобно и для самих пользователей, которые сразу поймут, что в определенном месте есть картинка.
Несколько лет назад вставка изображений в Blogger (как это делал я) была достаточно проблемной и трудоемкой задачей. Но, к счастью, разработчики с тех пор прошли достаточно длинный путь по апдейту графического редактора и сделали улучшение вставки изображений в Blogger. Теперь данная задача стала максимально простой:
1. Заходите в текстовый редактор, где кликаете по иконке добавления изображения.
Добавление изображения
2. После вставки фото, выделяете его и в меню под ним выбираете пункт "Свойства".
Свойства изображения
3. Во всплывающем окне вводите значения параметров Title и Alt.
Alt для изображения
В качестве текста может быть название картинки и ключевые слова. Параметр Title отображает текст при наведении курсора мышки на изображение, тогда как Alt больше для поисковиков (о чем мы говорили выше). Оптимизация картинок сайта, как и его текстов - это полезно. Если есть время и желание получать больше поискового трафика, советую, этим вопросом заниматься.
Если в вашем доме часто отключают горячую воду, то проще купить водонагреватели в Одессе или будь то в Киеве - тогда вы будете не зависеть от ситуации.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Социальные кнопки с эффектом при наведении

пятница, 14 июня 2013 г.
Сейчас в каждом блоге просто таки должен быть блок со ссылками на профили автора в социальных сетях. Начиная от самых популярных типа твитера, Вконтакте и заканчивая общепризнанными проектами вроде Google+ и Facebook. Сюда же часто добавляют ссылки на другие сайты социальных медиа - Youtube, Pinterest и др. Ну, и конечно, не следует забыть про RSS. Все это дополнительная возможность для пользователей присоединиться к вашей аудитория в соц.сервисах и получать обновленную информацию там, где им наиболее удобно.
О блоках подписки в блоге уже несколько раз упоминал, из недавнего статья блок подписчиков и фолловеров в сайдбаре с отображением числа пользователей. Кое-что было и раньше, можете заглянуть в раздел социальные возможности Blogger. Сегодня расскажу о виджете социальных кнопок с эффектом наведения, источник здесь. Вот как он выглядит.
Для установки заходим в админ панель Blogger. Выбираем пункт меню "Дизайн". Затем создаем новый виджет "HTML/Javascript". Можно добавить его, например в сайдбар или футер - все зависит от вашего макета.
В сам виджет добавляем код:

<style>
.StarsBloggingSocialButtonsBorder {
margin:0 auto;
padding:5px;
width:auto;
border-radius:5px;
border: 1px #BBBBBB solid;
}
#bloggertrix-SexySocialButtons{
list-style:none;
text-decoration:none;
font-size:0.9em;
font-family:trebuchet ms,sans-serif;
}
#bloggertrix-SexySocialButtons a{
text-decoration:none;
font-family:trebuchet ms,sans-serif;
}
#bloggertrix-SexySocialButtons li{
position:relative;
height:38px;
cursor:pointer;
padding: 0 !important;
}
#bloggertrix-SexySocialButtons .facebook, .googleplus, .YouTube, .rss, .twitter{
position:relative;
z-index:5;
display:block;
float:none;
margin:5px 0 0;
width:210px;
height:38px;
border-radius:5px; background:url(http://1.bp.blogspot.com/-JKq0eFFwx34/UGx39fhHO_I/AAAAAAAABE4/56i9phAS2do/s1600/NBT+Sprites+Social+Icons.png) no-repeat;
background-color:rgba(217,30,118,.42);
-webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;
box-shadow:rgba(0,0,0,.28) 0 2px 3px;
color:#141414;
text-align:left;
text-indent:50px;
text-shadow:#333 0 1px 0;
white-space:nowrap;
line-height:32px;
-webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;
-moz-transition:width .25s ease-in-out,background-color .25s ease-in-out;
-ms-transition:width .25s ease-in-out,background-color .25s ease-in-out;
-o-transition:width .25s ease-in-out,background-color .25s ease-in-out;
transition:width .25s ease-in-out,background-color .25s ease-in-out;
-o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;
}
#bloggertrix-SexySocialButtons li:after{
position:absolute;
top:0;
left:50px;
z-index:2;
display:block;
height:38px; color:#ffffff;
content:attr(data-alt);
line-height:32px;
}
#bloggertrix-SexySocialButtons .icon{
overflow:hidden;
color:#fafafa;
}
#bloggertrix-SexySocialButtons .facebook{
width:32px;
height:32px;
background-color:rgba(59,89,152,0.42);
background-position:0 0;
}
#bloggertrix-SexySocialButtons .twitter{
width:32px;
height:32px;
background-color:rgba(64,153,255,0.42);
background-position:0 -33px;
}
#bloggertrix-SexySocialButtons .googleplus{
width:32px;
height:32px;
background-color:rgba(228,69,36,0.42);
background-position:-3px -66px;
}
#bloggertrix-SexySocialButtons .YouTube{
width:32px;
height:32px;
background-color:rgba(174,45,39,0.42);
background-position:-2px -95px;
}
#bloggertrix-SexySocialButtons .rss{
width:32px;
height:32px;
background-color:rgba(255,102,0,0.42);
background-position:-3px -126px;
}
#bloggertrix-SexySocialButtons li:hover .icon,
.touch #bloggertrix-SexySocialButtons li .icon{
width:210px;
}
.touch #bloggertrix-SexySocialButtons li .facebook, #bloggertrix-SexySocialButtons li:hover .facebook{
background-color:rgba(59,89,152,1);
}
.touch #bloggertrix-SexySocialButtons li .twitter, #bloggertrix-SexySocialButtons li:hover .twitter{
background-color:rgba(64,153,255,1);
}
.touch #bloggertrix-SexySocialButtons li .googleplus, #bloggertrix-SexySocialButtons li:hover .googleplus{
background-color:rgba(228,69,36,1);
}
.touch #bloggertrix-SexySocialButtons li .YouTube, #bloggertrix-SexySocialButtons li:hover .YouTube{
background-color:rgba(174,45,39,1);
}
.touch #bloggertrix-SexySocialButtons li .rss, #bloggertrix-SexySocialButtons li:hover .rss{
background-color:rgba(255,102,0,1);
}
</style> <div class="bloggertrixSocialButtonsBorder">
<ul id="bloggertrix-SexySocialButtons">
<li data-alt="Follow us on Facebook"><a class="icon facebook" href="https://www.facebook.com/bloggertrix">Follow us on Facebook</a></li>
<li data-alt="Follow us on Twitter"><a class="icon twitter" href="https://twitter.com/bloggertrix">Follow us on Twitter</a></li>
<li data-alt="Follow us on Google+"><a class="icon googleplus" href="https://plus.google.com/107955298793879607964">Follow us on Google+</a></li>
<li data-alt="Subscribe us on YouTube"><a class="icon YouTube" href="https://youtube.com/Username">Subscribe us on YouTube</a></li>
<li data-alt="Subscribe with RSS"><a class="icon rss" href="http://feeds.feedburner.com/bloggertrix">Subscribe with RSS</a></li></ul></div>
Дальше сохраняем и проверяем работоспособность виджета - отображается ли он, работает ли эффект наведения и переход по ссылкам.
Если все ок, то нужно будет внести в код некоторые модификации. Опять же открываем раздел "Дизайн", выбираем редактирование только что созданного виджета. Здесь есть несколько параметров/настроек, которые можно изменить:
1. Во-первых, в самом конце кода найдете ссылки на профили в тех или иных социальных сервисах - https://www.facebook.com/bloggertrix, https://plus.google.com/107955298793879607964 и т.п. Все ссылки нужно обязательно(!) заменить на свои.
Социальные кнопки
2. Во-вторых, желательно для русских или украинских блогов заменить текст "Follow us on" на соответствующие русские и украинские аналоги.
3. В приведенном выше коде в начале идет блок разных стилей style, в нем можете отредактировать те или иные элементы, которые вас не устраивают. Например, возможно, вы захотите изменить иконки сервисов какими-то другим соц.сетями - ищите в коде background:url, где имеется ссылка на картинку с иконками. Вы можете сохранить файл, изменить его с помощью фотошопа, после загрузить на свой хостинг Ukrnames или другой, а затем замените линк в коде. Кроме того, белый цвет шрифта подойдет не всем дизайнам, хотя черный будет не так ярко смотреться на фоне кнопки при наведении. Как бы там ни было, стили вы можете менять под себя и свои нужды. 
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Комментарии Google+ в Blogger

среда, 15 мая 2013 г.
Данное обновление в Blogger появилось еще до праздников, но вот смог добраться до него только сейчас. Вопрос функциональности системы комментирования всегда оставался одним из самых актуальных, потом, правда, с развитием сервиса Disqus многие переключились на него. Тем не менее, около месяца назад разработчики Blogger добавили возможность подключения к блогу комментариев Google+. Кроме обычной опции публикации комментариев этот механизм добавляет некоторые плюсы по аналогии с системами комментирования других социальных сетей (тех же Вконтакте или Facebook).
Данную функцию можно подключить непосредственно в админ панели Blogger в разделе Google+. Для этого просто отметьте галочку "Включить комментарии Google+ в этом блоге".
Комментарии Google+ в Blogger

Итак, что же за преимущества получит автор блога.
Все комментарии в одном месте
Теперь когда вы будете просматривать комментарии блога к тому или иному посту, то найдете там записи не только от прямых посетителей сайта, но и от пользователей Google+. Допустим вы законнектили свой Blogger профиль с Google+ и после каждой публикации делаете анонс поста в социальную сеть. А там он, в свою очередь, получает достаточно активное обсуждение среди друзей. Так вот все комментарии и рэплаи оттуда будут отображены на странице самого блога. Это позволит собрать всех пользователей, желающие вступить в дискуссию, в одном месте. Что, в принципе, достаточно удобно и полезно. Может даже помочь расширить аудиторию и трафик блога.
Продвинутый шаринг комментариев
У пользователей появится опция публичного или скрытого комментирования, скажем, для пользователей своих кругов в Google+. Кроме того, когда они будут просматривать комментарии, то смогут видеть либо все подряд, либо лучшие из них, либо только от людей из своих кругов. Во всех этих случаях вам, а также вашим посетителям будут доступны лишь те записи, к которым вы имеете доступ. Это получается уже некий более продвинутый шаринг комментариев с контролем уровня доступа.
Вот как все это выглядит на практике:
Комментарии Google+ в Blogger
Тут вам и отображение лучших комментариев, и просмотр записей из кругов, и продвинутый шаринг комментария с публикацией его в Google+. Что касается меня, то я пока что остаюсь на Disqus, т.к. система меня полностью устраивает и не могу сказать, что очень сильно привязан к Google+, но сама идея и разработка в этом направлении - это хорошо. Вообще в Google все идет к тесной интеграции разных сервисов между собой - соц.сети, блога, картинок и т.п.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Базы для продвижения блогов и сайтов

понедельник, 6 мая 2013 г.
Для многих сегодня интернет – чуть ли не дом родной. Но многие блоггеры и обладатели собственный сайтов стремятся еще и заработать с помощью своего ресурса. Можно, конечно, полагаться на контекстную рекламу, только эффективность ее иногда вызывает сомнения, а вот размещение ссылок из бирж зачастую дает весьма ощутимые результаты. Правда, перед тем, как начать продавать ссылки необходимо раскрутить свой ресурс, увеличить показатели тИЦ и PR, поскольку без этого интереса к сайту попросту не будет.
Как можно получить хорошие показатели? Сегодня для продвижения и повышения показателей сайтов используется наращивание ссылочной массы. Есть два основных пути: заказать услугу и провести работы самостоятельно. И в первом, и во втором случае потребуются расходы, но если за услуги придется платить довольно дорого, то купить готовые базы сайтов намного выгоднее.
база трастовых сайтов
База трастовых сайтов
База трастовых сайтов представляет собой отличную подборку ресурсов, на которых можно разместить свои ссылки, например в профайле или подписи с использованием HTML кода. Эти ресурсы не требуют размещения обратной ссылки и страницы открыты для индексации.
Размещать ссылки на свой ресурс можно навсегда, и для этого не требуется специального программного обеспечения. Всего в базе 250 сайтов, общий тИЦ которых 152370, суммарный PR 983. Все сайты имеют отличные показатели и расцениваются как качественные доноры.
Из 250 сайтов 187 имеются в Яндекс каталоге и 139 в Dmoz. Использование базы может дать рост показателей вашего ресурса (тИЦ до +80, PR и Яндекс Rank)
Статьи лучше, чем ссылки
Практика раскрутки сайтов показывает, что размещение статей со ссылками намного эффективнее, чем простое размещение ссылки. Дело в том, что в рекламной кроме самой ссылки работает еще и околоссылочный текст, а при хорошем материале владелец площадки-донора получает свою выгоду, но при этом увеличивается и трафик на ваш ресурс.
Вашему вниманию предлагается база статейных сайтов, которые позволят нарастить показатели вашего ресурса и увеличат не только посещаемость. Но и рентабельность. В базе 50 сайтов, 29 и которых в ЯК и 15 в Dmoz. Качественный контент размещается навсегда, а ссылки в статьях открыты для индексации. Суммарный PR сайтов в базе – 191, а тИЦ – 34830. Применение базы позволяет самостоятельно размещать статьи, и наращивать количество ссылок, используя качественных доноров.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Улучшения в HTML редакторе шаблона Blogger

среда, 17 апреля 2013 г.
После длительного перерыва наконец-то появились хоть какие-то новости от разработчиков Blogger. Как вы уже поняли из заголовка, касаются они редактирования шаблона блога. Всем тем пользователям, которые любят модифицировать исходный код шаблонов с помощью HTML, CSS или JavaScript новая функциональность редактора должна понравится. Точно также как и новичкам - поскольку в него были добавлены некоторые улучшения для более простой и наглядной работы. А именно:
  • нумерация строк кода;
  • автоматические отступы для лучшей ориентации в коде;
  • подсветка синтаксиса;
  • разворачивание и сворачивание "блоков" кода;
Ориентироваться в коде стало реально намного проще и легче, можно быстро переходить к редактированию нужно виджета, подсветка кода - тоже весьма полезна. Лучше всего ознакомиться с этим новыми фишками нам поможет пример, приведенный в блоге разработчиков. Допустим вы хотите изменить место отображения даты, переместив ее под заголовок.
Заходите в админку Blogger, выбираете раздел "Шаблон" и кликаете по кнопке "Изменить HTML". На странице отроется редактор кода.
С помощью выпадающего "Списка виджетов" (Jump to widget) можете быстро перейти коду любого виджета. В данном случае нам понадобится Blog1.
Данный виджет отвечает за отображение постов вашего блога. Кликнув по специальном маркеру ► слева в столбце нумерации строк, вы откроете весь код виджета (все что находится внутри includable тегов).
В самом начале кода виджета есть блок main, где и выводится дата поста. Вам нужно будет вырезать нужную часть кода с датой и вставить ее туда, где хотите ее выводить (в данном примере - под заголовком).
Дабы проверить изменения можете кликнуть по кнопке "Посмотреть шаблон".
Если все ок, сохраняете шаблон.
Также в новый редактор кода была добавлена кнопка "Форматировать шаблон", которая, по идее, очищает отступы в шаблоне и добавляет ему возможности поиска. Так, например, нажимая "Ctrl+F" вы увидите специальную строку для нахождения в шаблоне определенного кода. Если кликнуть "Ctrl+Shift+F" то у вас будет возможность найти и заменить нужный элемент, а при нажатии "Ctrl+Shift+R" сможете найти и заменить все вхождения той или иной строки. 
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Оригинальное увеличение картинки в Blogger

пятница, 22 марта 2013 г.
В последнее время Blogger как-то не сильно радует нас обновленным функционалом, поэтому рассказать о чем-то "новеньком" не получится. Хотя время от времени попадаются интересные скрипты, которые могут улучшить блог и внести некую изюминку - об этом можно говорить много. Сегодня затрону тему картинок в блоге и достаточно оригинального способа их увеличения. Вообще про изображения писал неоднократно - из последнего вспоминается Эффектная и простая вставка картинок в Blogger а также более старая статья про Эффект lightbox2.
Скрипт, о котором пойдет речь сегодня достаточно необычный. Суть его работы заключается в следующем: при наведении на картинку-миниатюру сбоку появляться некая область, где отображается часть изображения в полном размере. Область меньше реальной картинки, поэтому в определенный момент времени вы можете видеть только часть изображения. Такой эффект иногда можно увидеть в интернет магазинах, где при наведении на товар пользователю показывается его увеличенная версия. Но дабы не нарушать общий дизайн это увеличение заключается в ограниченную область. Вот как это приблизительно выглядит.
увеличение картинки в Blogger
Изображение справа (уменьшенное) просто показывается в блоге, но как только курсор мышки на него попадает, пользователь увидит увеличенную версию.
Реализовать это, кстати, намного проще, чем кажется. Для установки скрипта сделаем следующее:
1. Заходим в админку Блоггера в раздел "Шаблон". Кликаем по кнопке "Изменить HTML".
2. Находим в шаблоне строку ]]></b:skin> и прямо перед ней вставляем код:
#easy_zoom{
width:600px;
height:400px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
left:45%;
overflow:hidden;
-moz-box-shadow:0 0 10px #555;
-webkit-box-shadow:0 0 10px #555;
box-shadow:0 0 10px #555;
/* vertical and horizontal alignment used for preloader text */
line-height:400px;
text-align:center;
}
Здесь с помощью CSS стилей задается размер, оформление и расположение всплывающего окна. Можете уточнить каждый из параметров, погуглив из значение. Если вкратце, то width и height это ширина и высота. Расположение окна фиксированное с верхним отступом в 35 пикселей и 45% слева от начала экрана. Все это можно менять.
3. Дальше находим в шаблоне строку </head> и перед ней вставляем код скрипта.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'
type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/easyzoom.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
$(&#39;a.zoom&#39;).each(function(i) {
$(this).easyZoom();
});
});
</script>
После этого сохраняем шаблон. Положительным моментом является то, что сам скрипт находится на хостинге googlecode.com и риск его удаления оттуда очень мал. С большой долей вероятности все это будет работать и через год, и через два и т.п.
Чтобы добавить для картинки оригинальный эффект увеличения вы должны прописать для нее class="zoom". То есть вы сначала вставляете в текстовом редакторе изображение обычным методом, после чего переключаетесь в режим редактирования HTML и добавляете в ссылку нужный класс:
<a class="zoom" href=".../s1600/blog2.jpg" imageanchor="1">
<img src=".../s320/blog2.jpg" width="320" />
</a>
Сохраняем и смотрим что получилось. Если все сделали правильно, скрипт будет работать как часы. Для начала рекомендую установить все параметры, как указано в примерах, а потом уже менять те или иные значения. За подсказку в реализации данной фишки спасибо автору этой статьи.
Единственное хочу рассказать о двух небольших уточнениях/наблюдениях в работе скрипта. Во-первых, на картинку нажимать нельзя, так как сработает классическое увеличение на весь экран - оно может и хорошо, только слегка "дестабилизирует" пользователя. Во-вторых, если превью и миниатюра изображения пересекаются между собой, то это вызовет определенный глюк. Поэтому нужно располагать их вдали друг от друга. 
P.S. Тематический портал о Виннице содержит много полезного: карту map.vn.ua, службы такси в Виннице а также описание достопримечательностей и последние новости города.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Эффектный темный шаблон с большим слайдером

пятница, 8 марта 2013 г.
Иногда встречаются такие дизайны, по которым сразу не скажешь что за CMS на них установлена - для того же wordpress или blogger можно найти сотни классических стандартных дизайнов. И вот когда попадаешь на реально оригинальный макет, то мягко говоря приятно поражаешься. Шаблон Especial хороший тому пример. Этому дизайну могли позавидовать даже многие WP блоги (хотя не исключено, что именно с него он был "срисован"). Как бы там ни было, данная темная тема для blogger однозначно заслуживает внимания.
Сочетание черного, серого и розового цветов создают впечатление весьма стильного макета. Еще бОльший "wow эффект" производит слайдер в шапке блога. Скрипт достаточно функциональный: здесь задается большая иллюстрация, заголовок, краткое описание, а также есть навигация избранных постов в виде миниатюр. Вероятно, вам придется потратить некоторое время на настройку данного элемента, и все это делается вручную через шаблон, но поверьте, оно того стоит - впечатление крутые.
эффектный шаблон Especial
Кроме слайдера в шапке найдете симпатичный стильный логотип, жаль нет PSD исходников для его редактирования. Также здесь имеется поиск и выпадающее горизонтальное меню. Подпункты выводятся с некоторым запозданием, что вместе с цветовым оформлением отлично смотрится в макете.
Основная часть шаблона Especial состоит из двух колонок: слева находится сайдбар, справа - тексты блога. В боковом сайдбаре присутствует список тегов (визуально смахивает на еще одно меню), популярные посты с миниматюрами, блок группы социальной сети и последние комментарии. На удивление все весьма функционально, да и оформление отличное. В блоке контента каждый элемент содержит заголовок, дату, ссылку "Читать далее" и метки. Есть разбиение на страницы. В одиночном отображении поста найдете также список похожих записей и форму комментирования.
Футер выполнен не менее замечательно - общая стилистика шаблона просматривается и в нем. Из функциональных элементов здесь 3 колонки, в которых отображаются категории, теги блога и список произвольных ссылок. Как только вы достигаете низа страницы в правом нижнем углу появляется иконка для прокрутки наверх. Если вы находитесь посредине, она скрывается - визуально неплохо смотрится. Вообще шаблон Especial, наверное, один из самых стильных и эффектных из всех которые я видел!
P.S. Создавая блог на своем хостинге вам нужно быть уверенным в его надежности. Сейчас Хостинг Германия является одним из самых оптимальных при выборе по соотношению цена/качество.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Шаблон Rusalka для Blogger

понедельник, 25 февраля 2013 г.
Многие шаблоны для Blogger являются адаптацией тем популярной в блогосфере wordpress cms. Основные их преимущества - достаточно стильный и хороший дизайн, а также наличие расширенной функциональности. Большинство шаблонов Blogger, который я рассматривал на страницах BlogoHelp, имеют весьма простой внешний вид, а из виджетов, как правило, только архив и список тегов. Для того чтобы привести все это к виду серьезного блога нужно повозиться. С "адаптированными WP темами" чуть проще - здесь основное время тратится на сам процесс интеграции зато потом получаете максимум возможностей. Впрочем, что я тут рассказываю, проще наглядно все продемонстрировать на примере одного из шаблонов - Rusalka.
Просматривая демо версию темы и ее внешний вид вы бы никогда не догадались о том, на какой CMS она сделана, если бы не формат URL (и некоторые отличительные детали Blogspot). Перед нами отличный функциональный шаблон блога в приятных пастельных тонах с логотипом и всеми необходимыми возможностями для блоггинга.
Тема подходит для сайтов разных тематик. Не смотря на то, что в описании сказано будто лучшими будут блоги о фильмах или журнального типа. По цветовому решению макет вполне бы сгодился, скажем, для женского сайта. Ширина шаблона Rusalka фиксированная, имеется 2 колонки.
В шапке не так много графики, 2 меню (причем второе выпадающее), ссылки на социальные сети, логотип и место для баннера. Вообще подобное расположение элементов достаточно стандартное для таких wordpress тем - как правило, они отличаются логотипом и цветовой гаммой. Футер тоже максимально прост - есть только копирайт, можно добавить еще и своих счетчиков.
Слева колонка для текстов: хорошо выделяются заголовки постов, есть ссылка читать далее (к счастью, эта опция в Blogger сейчас реализована проще простого), а также информация о дате публикации и авторе. Мне лично не хватает навигации внизу страницы - она была бы логичным завершением макета. Тем более, что сверху в колонке найдете полноценное и весьма крутое слайд шоу для постов блога.
Сайдбар в отличии от обычных блогов наполнен по максимуму. Здесь имеются кнопки социальных сетей, блок поиска, список последних и популярных постов, блоки с категориями, архивом, текстовым описанием и элементом-списком. Все это, конечно, создано для демонстрации возможностей макета, и нужно будет потом подправить виджеты под свои нужды. В целом шаблон Rusalka для Blogger производит положительное впечатление. Возможно, кому-то дизайн покажется слегка простоватым (вкусы у всех разные), но по функциональности хватает всего. 
P.S. Кстати, многие создают блоги с целью дальнейшего заработка на них - недавно нашел на этом сайте подборку разных статей по тем или иным нишам онлайн заработка, новичкам пригодится.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Стильное облако тегов для Blogger с помощью CSS3

вторник, 19 февраля 2013 г.
Про облако тегов для системы Blogspot было сказано немало, но тем, кто лишь недавно присоединился к данному блогохостингу, я кое-что повторю. Если "глубоко копнуть", то следует заменить, что изначально виджета для тегов как такового в системе не было, приходилось довольствоваться специальным хаком. Процесс внедрения облака тегов был не таким уж и простым, хотя результат получался вполне достойный.
К счастью в 2009 ситуация изменилась к лучшему, и появился специальный виджет облака тегов, с помощью которого оно ставилось за несколько кликов. Вы могли не только выбирать какие именно теги выводить, но и с помощью CSS подправить стили отображения ссылок. Собственно об этом сегодня и будет мой рассказ (спасибо авторам этой статьи). После прохождения всех этапов у вас получится такой стильный элемент для сайта.
Установку можно разделить на 2 этапа: добавление виджета облака тегов в макет блога, второй - правка в шаблоне стилей для него.
1. Заходим в админку Blogger и выбираем раздел "Дизайн". Создаем новый гаджет/виджет типа "Ярлыки". В нем указываем нужные вам настройки для облака тегов.
2. Теперь открываем раздел "Шаблон", кликаем по кнопке "Изменить HTML". В окне с кодом макета находим ]]></b:skin>. Перед этим местом добавляем следующие строки:

/*-----Custom Labels widget by www.bloggertrix.com----*/

#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;
border: 1px rgba(0,0,0,0.3) dashed;
padding: 4px 10px 4px 20px;
text-decoration: none;
color:#000000;
white-space: nowrap;
font-family: Arial;
font-size: 12px;
font-weight: bold;
position: relative !important;
background: #8dc63f;
float: left;
padding: 5px 3px;
margin: 0 5px 5px 0;
border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}

#Label1 a:hover{color: rgba(0,0,0,0.5);}
.label-size{line-height:1.5;align:left;}

Сохраняем шаблон. Это все стили оформления CSS3 для вашего облака тегов. Да, возможно, он будет не совсем хорошо отображаться в мобильных шаблонах, но на обычных компьютерах вполне нормально. Кстати, если вы разбираетесь в CSS, то можете изменить данный код под себя. Цвета здесь задаются с помощью директив color (для шрифта) и background (для фона). Я бы добавил еще центрирование облака через text-align: center; В целом элемент смотрится весьма неплохо и оригинально.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Создаем блок подписчиков и фолловеров в сайдбаре

пятница, 8 февраля 2013 г.
Каждый более-менее профессиональный блоггер отслеживает количество своих подписчиков. Это, во-первых, может быть интересно ему самому дабы понимать насколько большая или не очень аудитория блога. Во-вторых, информация может использоваться при формировании цены для размещения рекламы.
Обычно эти данные (как и кратную информацию о блоге) размещают в сайдбаре ближе к верху страницы. Так, например, у меня вы можете видеть счетчик Feedburner, который показывает число подписчиков по RSS. Но есть и другие сервисы, отдающие подобную статистику - Facebook, твиттер, социальные сеть Google+, Вконтакте, Pinterest и т.п. Сегодня рассмотрю небольшой прием для отображения количества подписчиков по всем ним в одном блоке. За подсказку спасибо этой статье. Кроме числа фолловеров напротив каждого сервиса будет кнопка подписки. Выглядеть это все будет приблизительно так.
блок подписчиков
1. Первым делом заходим в админку блога и выбираем пункт меню "Шаблон". После этого кликаем по кнопке "Изменить HTML".
2. В открывшемся окне с кодом шаблона находим строку ]]></b:skin> и перед ней добавляем:
 

/* The CSS Code for the menu starts here bloggertrix.com */
div#socialbox, div#socialbox ul, div#socialbox ul li, div#socialbox ul li p, div#socialbox ul li p img, div#socialbox ul li p span, #socialbox ul li p a{
background: none;border: none;margin: 0;padding: 0;}

div#socialbox{
color: #768a96;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width:300px;}

div#socialbox ul{
background: url() repeat;
border: 1px solid #d8dcdf !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 2px 4px #dfe4e7;
-moz-box-shadow: 0px 2px 4px #dfe4e7;
box-shadow: 0px 2px 4px #dfe4e7;
list-style: none;
margin: 0 !important;
padding: 0;}

div#socialbox ul li{
background-image: none;
border-bottom: 1px solid #d8dcdf;
height: 59px;
list-style: none;}

div#socialbox ul li:last-child{
border-bottom: none;}

div#socialbox ul li p{
padding: 19px 9px 0 9px;}

div#socialbox ul li p img{
border: none;
margin-right: 10px;
position: relative;
top: 3px;
vertical-align: baseline;}

div#socialbox ul li p span{
color: #425763;
font-weight: bold;}

div#socialbox ul li p a.socialbox-button{
background: url(http://1.bp.blogspot.com/-E5QRdIByVg0/ULOer7YwB7I/AAAAAAAAF0Y/V5hNb7e7XLE/s1600/bloggertrix-button.png) no-repeat;
border: 1px solid #d8dcdf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #425763;
float: right;
font-size: 11px;
font-weight: bold;
line-height: 11px;
padding: 6px 10px;
position: relative;
text-decoration: none;
text-transform: uppercase;
top: -2px;}

div#socialbox ul li p a.socialbox-button:hover{
background: url(http://1.bp.blogspot.com/-E5QRdIByVg0/ULOer7YwB7I/AAAAAAAAF0Y/V5hNb7e7XLE/s1600/bloggertrix-button.png) 0 -27px no-repeat;}

div#socialbox ul li p a.socialbox-button:active{
background: url(http://1.bp.blogspot.com/-E5QRdIByVg0/ULOer7YwB7I/AAAAAAAAF0Y/V5hNb7e7XLE/s1600/bloggertrix-button.png) 0 -54px no-repeat;}

Это все CSS стили оформления нашего блока.
3. Дальше нужно создать соответствующий элемент. Для этого заходим в меню "Дизайн". Кликаем по ссылке "Добавить гаджет" и располагаем его в том месте шаблона, где вам захочется. Тип гаджета - HTML/Javascript. В него вставляем следующий код:

<br />
<div id="socialbox">
<ul>
<li><a href="http://www.facebook.com/bloggertrix" target="_blank" title="Like on Facebook"><img alt="Facebook" src="http://3.bp.blogspot.com/-k-i66-3QRac/ULOabPh5-dI/AAAAAAAAFzo/8_T6Ux7XwDg/s1600/bloggertrix-facebook.png" /></a>2,563 Fans
<a class="socialbox-button" href="http://www.facebook.com/bloggertrix" target="_blank" title="Like on Facebook">Like</a><br />

</li>
<li><a href="http://twitter.com/bloggertrix" target="_blank" title="Follow on Twitter"><img alt="Twitter" src="http://1.bp.blogspot.com/-O8gKTilqhO4/ULOadDY-vjI/AAAAAAAAFz4/7BB73bOJTOU/s1600/bloggertrix-twitter.png" /></a>5,365 Followers
<a class="socialbox-button" href="http://twitter.com/bloggertrix" target="_blank" title="Follow on Twitter">Follow</a>
</li>
<li><a href="http://feeds.feedburner.com/bloggertrix" target="_blank" title="Subscribe to Feed"><img alt="Feedburner" src="http://1.bp.blogspot.com/-d751wABGYCc/ULOacKr4HaI/AAAAAAAAFzs/z0JUCRsHe1E/s1600/bloggertrix-feedburner.png" /></a>1,094 Subscribers <a class="socialbox-button" href="http://feeds.feedburner.com/bloggertrix" target="_blank" title="Subscribe to Feed">Subscribe</a>
</li>
<li><a href="http://www.plus.google.com/107955298793879607964" target="_blank" title="Subscribe to Feed"><img alt="Feedburner" src="http://3.bp.blogspot.com/-5mINxCqjyNQ/UQCzDgwa6nI/AAAAAAAAGeA/d1ce45hB7F8/s1600/Google-plus-icon.png" /></a>1,151 Followers
<a class="socialbox-button" href="http://www.plus.google.com/107955298793879607964" target="_blank" title="Subscribe to Feed">Follow</a>
</li>
<li><a href="http://pinterest.com/bloggertrix/" target="_blank" title="Subscribe to Feed"><img alt="Feedburner" src="http://1.bp.blogspot.com/-7vq3ELxtVCQ/UQCzDt7K9rI/AAAAAAAAGeE/H1EGkFh2i8g/s1600/Pinterest-icon.png" /></a>112 Pinterest
<a class="socialbox-button" href="http://pinterest.com/bloggertrix/" target="_blank" title="Subscribe to Feed">Pinterest</a>
</li>
</ul>
</div>

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

Упоминание в постах пользователей Google+

пятница, 25 января 2013 г.
В те далекие времена когда комментирование постов могло дать трафик для молодых блогов был еще один вариант его привлечения - упоминание в постах других авторов. Как правило, блоггеры всегда отслеживали кто на них ссылается, переходили на сайты и даже подписывались, если материалы оказывались им интересны. Сейчас все немного по другому, и ссылки никто не ставит, но с возросшей активностью социальных сетей появляются другие выгоды - шаринг сыслками, фолловинг и т.п.
Собственно, учитывая все это, разработчики Blogger решили предоставить пользователям отличный инструмент для привлечения внимания. Конечно же, он непосредственно связан с социальной сетью Google+. С помощью этой функции вы сможете легко и быстро добавить ссылку на профиль пользователь в Google+, которого хотите упомянуть.
 
 Сделать это проще простого - перед тем как захотите кого-то упомянуть, нажимаете "+", и начинаете вводить имя человека. Через несколько мгновений появится список профилей, которые начинаются на ту или иную букву (см. рисунок выше).
Если ранее вы законнектились своим блогом с Google+, то при публикации поста видите всплывающее окно и призыв поделиться записью в социальной сети. Так вот, после упоминания в посте того или иного профиля пользователей система предложит также отправить ссылку на пост ему.
Но и это еще не все. В саму запись (пост) добавляется интересный функционал, отображающий профиль упомянутого пользователи + возможность добавить его в круги (зафолловить). Кликнув на линк просто попадете на его профиль.
Вообще с одной стороны, казалось бы, функция не особо полезная - кто там сейчас кого в блогосфере упоминает. С другой, считаю ее мега крутой. Во-первых, некоторые у нас и многие мировые блоггеры достаточно часто ссылаются друг на друга без всякой выгоды. Для них это очень удобный инструмент будет. Во-вторых, сама простота этой функции просто таки постегивает поставить ссылочку на кого-то, тем более что вы не сайт пользователя рекламируете, а всего лишь его профиль. В-третьих, респект самому Google, который одновременно популяризирует свою Google+ и придумывает весьма интересный функционал. 
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Легче предупредить, чем лечить: антивирусы для вашего ПК

пятница, 11 января 2013 г.
Задача любого пользователя быть в ответе за своих технических подопечных. Поэтому сейчас даже самый ленивый не оставляет свой компьютер без необходимой защиты. Но что же происходит, если вдруг мы забыли установить антивирус или понадеялись «проскочить»? Да-да, иногда мы успокаиваем себя именно этим.
В итоге - всего один серфинг в интернете может окончиться для владельца ПК весьма печально. Чего стоит один лишь баннер, блокирующий запуск операционной системы! В лучшем случае, вы восстановите Windows или Linux без потери данных. Однако и за это вам придется выложить кругленькую сумму и «заслужить» насмешки работников сервисной фирмы («Как? Оставить ПК без защиты?»)
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Лучшие статьи BlogoHelp и новости Blogger 2012

четверг, 10 января 2013 г.
Сейчас подвожу некоторого рода итоги за 2012 по своим блогам и пишу про самые интересные, полезные или важные публикации, которые случились в прошлом 2012 году. Буквально пару часов назад опубликовал лучшие обзоры сервисов в Вебдванольных заметках, теперь на очереди BlogoHelp. Забегая наперед, отмечу, что все самое интересное по Blogspot случилось в первой половине года, последние месяцы вообще только про шаблоны и писал. Тем не менее, разработчики в 2012 отлично потрудились и выдали хорошие обновления. В Топ статей попала также парочка интересных хаков. Располагаю статьи не по дате написания, а в виде небольшого личного рейтинга (начиная с 10-того места).
10. Интеграция Google Analytics в Blogger - обновление, которое вышло около года назад позволяет указать ID для Analytics непосредственно в админке без установки кодов в шаблоне. Просто, удобно и наглядно.
9. Настройка URL ссылок в Blogspot. Ссылки для постов система генерирует автоматически, но, во-первых, иногда они получаются очень и очень длинные (что поисковики не всегда любят), во-вторых, кириллицу в заголовке этот механизм попросту игнорировал. Теперь же пользователи могут при написании заметки сами указать какой будет ссылка для нее. Кроме красоты это может быть полезно с точки зрения seo> и использования ключевых слов в URL.
Лучшие статьи BlogoHelp 2012
8. Динамические мобильные шаблоны - новая крутая фишка. Две современные технологии в Blogspot - динамические и мобильные шаблоны, наконец-то могут использоваться совместно. Таким образом, ваш блог будет смотреться достаточно эффектно и на мобильных девайсах.
7. Отображение виджета на конкретной странице блога. Теоретически весь код вместе с условием отображения вы можете добавить в HTML шаблон, но это 1) сложно, 2) не очень наглядно. Есть смысл один раз интегрировать в конкретную страницу виджет, а потом уже работать с ним через интерфейс админки Blogspot. 
6. Как добавить виджет в тело поста или страницы. Хак использует упомянутую выше разработку и тоже может быть полезен для решения тех или иных задач. Реализация, как и сфера применения этого хака достаточно специфическая, но, как говориться, ситуации бывают разные. 
5. Создаем «Хлебные крошки» (Breadcrumb) на Blogger. Хлебные крошки полезны для перелинковки, а также показывают пользователю его текущее местонахождение. Не могу сказать, что данная функция обязательно сделает ваш сайт очень востребованным и самым успешным - ничего такого. Тем не менее, может пригодиться как в плане SEO, так и юзабилити. 
4. Полезные ресурсы в помощью Blogger'у. Каждый день с Blogspot знакомится достаточно много новичков - причем не только тех пользователей, которые работают впервые именно с этой системой, но и вообще начинающих интернет юзеров. Данный пост расскажет о некоторых сервисах, сайтрах, который вам помогут освоиться и разобраться. Blogger Help Center - вообще крутая штука.
3. Древовидные комментарии в Blogger - топ3 открывает функция для системы комментирования. Для тех, кто не использует Disqus, а остается верным базовым возможностям системы, разработчики преподнесли хороший сюрприз - поддержку древовидных комментариев. В статье рассказывается как их подключить для обычных и нестандартных шаблонов.
2. Слайдер «Избранные материалы» (Featured Content) для Blogger - данный функциональный элемент блога позволяет оживить (и даже в какой-то степени модернизировать) его внешний вид. В слайдерах могут размещаться лучшие, самые интересные или актуальные статьи блога. Интеграция хака в Blogger не такая уж и сложная, но нужно внимательно выполнить все шаги.
1. Крупное SEO обноление для Blogger - на первом месте, конечно же, апдейт SEO функций системы. То, что долгое время было серьезным минусом и проблемой, вдруг превратилось в преимущество при выборе данного блогохостинга. С помощью набора соответствующих настроек вы сможете определять параметры индексации разных страниц и разделов блога, редактировать robots.txt, задавать МЕТА описания и создавать редиректы. Наконец-то Google добавил в свое "детище" такие необходимые и востребованные SEO функции. Для меня лично, безусловно, эта новость номер один в 2012 году.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails