Виджет избранные статьи блога на Blogspot (лента новостей)

воскресенье, 26 декабря 2010 г.
Сейчас модны всякого рода новостные виджеты для блога (как вариант - «последние посты», «популярные посты» и так далее) содержащие помимо заголовков постов и краткого описания небольшие картинки-превьюшки. Общая особенность большинства таких виджетов в том что они, как правило автоматические. Но иногда возникают ситуации когда необходимо организовать показ определенных постов. То есть, например, это могут быть самые полезные публикации блога, которые выбираете именно вы, а не отображаемые случайные посты. Данную задачу можно без труда решить, воспользовавшись решением с сайта BloggerMint.

Но для начала сразу обозначим то что у нас должно получиться в результате, а в результате получится примерно такой виджет:



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

Этап 1

Заходим в «админку» нашего блога в раздел Дизайн - Шаблон HTML. Перед тем как начнем «инсталляцию» виджета, как всегда делаем бекап. После этого ставим галочку «Расширить шаблон виджета», находим <head> и заменяем на следующий фрагмент:
<head>
<script src='http://sites.google.com/site/bloggermint/jquery-latest.pack.js' type='text/javascript'/>
<script src='http://sites.google.com/site/bloggermint/jcarousellite_1.0.1c4.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$(&quot;.newsticker-jcarousellite&quot;).jCarouselLite({
vertical: true,
visible: 3,
auto:500,
speed:2000
});
});
</script>
Сразу хочу обратить ваше внимание на следующие переменные:
  • visible — количество одновременно отображаемых анонсов;
  • speed — скорость смены анонсов (2000 соответствует 2-ум секундам);
Оба параметра вы можете отрегулировать по своему вкусу и усмотрению.

Этап 2

На втором этапе нам необходимо добавить необходимые CSS стили, поэтому находим ]]></b:skin> и заменяем не данный фрагмент:
* { margin:0; padding:0; }
#newsticker-demo {
width:310px;
background:#EAF4F5;
padding:5px 5px 0;
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
}
#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }
#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}
.newsticker-jcarousellite { width:300px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }
.clear { clear: both; }
]]></b:skin>
Этап 3

Добавляем непосредственно виджет в макет. Для этого находим <div id=’sidebar-wrapper’> и добавляем после этого фрагмента:
<div id='newsticker-demo'>
<div class='newsticker-jcarousellite'>
<ul>
<li>
<div class='thumbnail'>
<a href='http://bloggermint.com'><img src='http://i39.tinypic.com/n47h8k.jpg'/></a>
</div>
<div class='info'>
<a href='http://www.bloggermint,com'>Blogger Plugins</a>
<span class='cat'>Your description goes here</span>
</div>
<div class='clear'/>
</li>
<li>
<div class='thumbnail'>
<a href='http://bloggermint.com'><img src='http://i39.tinypic.com/dcdjky.jpg'/></a>
</div>
<div class='info'>
<a href='http://www.bloggermint.com'>Wordpress Plugins</a>
<span class='cat'>Your description goes here</span>
</div>
<div class='clear'/>
</li>
<li>
<div class='thumbnail'>
<a href='http://bloggermint.com'><img src='http://i40.tinypic.com/15i4wav.jpg'/></a>
</div>
<div class='info'>
<a href='http://www.bloggermint.com'>10 Cool Footer Designs</a>
<span class='cat'>Your description goes here</span>
</div>
<div class='clear'/>
</li>
<li>
<div class='thumbnail'>
<a href='http://bloggermint.com'><img src='http://i41.tinypic.com/jtsxlt.jpg'/></a>
</div>
<div class='info'>
<a href='http://www.bloggermint.com'>Best 10 Inspirations</a>
<span class='cat'>Your description goes here</span>
</div>
<div class='clear'/>
</li>
</ul>
</div></div>
В моем шаблоне элемент <div id=’sidebar-wrapper’> отсутствовал, но никаких проблем у меня не возникло. Я нашел то место где начинается сайдбар и вставил указанный фрагмент вначале секции боковой панели (таким образом виджет расположился на самом верху сайдбара). Вы можете поступить как я или расположить виджет в любом другом удобном месте на боковой панели. Разобраться в коде большого труда не составит.

Этап 4

Настройка виджета. Этапом №3 установка виджета не заканчивается. Как помните, нашей задачей была установка виджета где анонсы постов можно задавать вручную. Только что установленный виджет содержит "болванки" анонсов - заголовки, ссылки и картинки "производителя". Их нужно заменить на собственные. Если вы еще не успели разобраться сами вот Вам небольшая шпаргалка:
<div class='thumbnail'>
<a href='http://целевая ссылка картинки.com'><img src='http://ссылка на картинку.jpg'/></a>
</div>
<div class='info'>
<a href='ссылка на пост.com'>Ваш заголовок</a>
<span class='cat'>Ваше описание</span>
</div>
<div class='clear'/>
Таким образом нужно вернувшись к этапу 3, изменить каждый анонс. Плодотворной вам работы! Данный виджет может быть весьма полезным элементом в блоге и направлять новых посетителей на самые актуальные или просто лучшие статьи.

P.S. Постовой. Хотите создать портфолио онлайн? - скачайте шаблоны wordpress портфолио 17 бесплатных красивых тем для сайтов.
Собрались в Питер на праздники или экскурсию? - лучшие хостелы санкт-петербурга вам пригодятся как нельзя кстати, полезное чтиво.
Каждый праздник не обходится без сладкого, научитесь готовить торты по рецептам с фото и вам не будет цены.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Рождественские и новогодние шаблоны для Blogger

среда, 22 декабря 2010 г.
До католического Рождества, а потом и Нового Года (с последующим православным Рождеством) остается совсем немного времени, а значит самое время устроить небольшой обзор рождественских и новогодних шаблонов для Blogspot. Я отобрал для вас те, что на мой взгляд, должны представлять наибольший интерес. Их можно использовать для своего блога дабы обновить тему на период зимних праздников либо, конечно, они идеально подойдут для блогов на новогоднюю и рождественскую тематику.

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

Учитывая что все шаблоны не так много занимают, предлагаю скачать рождественские и новогодние шаблоны Blogspot одним архивом здесь (450Кб).

Merry Christmas

рождественский шаблон Blogspot

Merry Christmas - шаблон оформлен в традиционной рождественской стилистике со всеми вытекающими. Предусмотрена одна колонка слева. Предустановлен поиск, определены страницы (Home, About, Contact, Log in). Шаблон во всех смыслах этого слова "классический", но до сих пор актуальный. За счет множества символических деталей создает замечательное праздничное и рождественское настроение, уверен ваши читатели оценят данный дизайн по достоинству.

BloggerBruster Хmas

новогодний шаблон Blogspot

BloggerBruster Хmas - рождественский шаблон от известного портала Blogger Buster. Как этого и стоило ожидать, тема реализована современно и грамотно. с предустановленными функциями. Из основных особенностей следует отметить:

- Праздничная цветовая схема и дизайн;
- Секции "популярный контент" на главной странице (вернее целых 3 секции);
- Виджет "About Me" на боковой панели;
- Совместима с новым редактором шаблонов (Blogger Template Designer);
- Подготовлены шаблоны страниц (Home, About, Contact);
- Оформленный "подвал" (по умолчанию там располагаются текстовый виджет и "Twitter Updates");

По многим параметрам шаблон BloggerBuster Xmas можно считать эталонным, поэтому если ищите новогодний шаблон для Blogspot, обязательно обратите на него самое пристальное внимание!

Elegant Christmas

рождественский шаблон Blogger

Elegant Christmas - первое что бросается в глаза при знакомстве с этим шаблоном (кроме темного фона) - галерея картинок которая располагается прямо под “шапкой”. В остальном шаблон можно назвать традиционным - две колонки, красивые рождественские иконки в дизайне и прочее. Elegant Chrismas возможно и не создает впечатления какого-то особо элегантного шаблона, как обозначено в названии, но чего разработчикам удалось добить точно - впечатления теплоты и уюта.

Winter Christmas

зимний шаблон Blogspot

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

Шаблон выглядит современно, верстка - трехколоночная, скругленные углы, предусмотрительно подготовлены страницы (Home, Posts RSS, Comments RSS и Edit). По моему субъективному мнению данная тема так же удалась. Скачать шаблон Winter Christmas.

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

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

Продвинутая форма контактов для Blogger с LightBox

среда, 15 декабря 2010 г.
На страницах Blogohelp я уже рассказывал о том как сделать контактную форму для Blogger с помощью сервиса Kontactr. Сегодня я хочу предложить вашему вниманию продвинутый вариант реализации контактной формы с помощью jQuery lightBox.

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



Зачем это нужно? Во-первых, это современно выглядит. Во-вторых у пользователя нет необходимости покидать ту страницу на которой он в данный момент находится, что весьма удобно. Если вы со мной согласны, организовать такую форму поможет рецепт который я обнаружил на блоге BloggerBuster:

Шаг 1: Регистрируемся на сервисе Kontactr
Первое что нам нужно сделать — зарегистрироваться в сервисе Kontactr. На это потребуется несколько минут, в конце регистрации вы получите URL ссылку на вашу контактную форму:



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

Шаг 2: Добавляем виджет на сайт
Теперь, добавляем в макет вашего блога элемент HTML/JavaScript виджет со следующим кодом:
<script type="text/javascript"  src="http://bloggerbuster-tools.googlecode.com/files/jquery.js"></script>
<script type="text/javascript" src="http://bloggerbuster-tools.googlecode.com/files/thickbox.js"></script>
<a href="URL-ВАШЕЙ-ФОРМЫ?TB_iframe=true&height=480&width=640" class="thickbox">
Send Me An Email
</a>

Обратите внимание на 2 момента в коде — вместо, URL-ВАШЕЙ-ФОРМЫ, как вы уже догадались, нужно поставить адрес вашей формы, полученный на первом этапе. Кроме того, замените надпись «Send Me An Email» на ту что вам больше нравится - «связаться со мной», «написать мне» и так далее (ну или оставьте как есть, если угодно). Сохраняем виджет.

Далее заходим в HTML шаблон блога и где-то в самом верху посреди остальных CSS стилей вставьте следующий фрагмент:

*{padding: 0; margin: 0;} 
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement &amp;&amp; document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement &amp;&amp; document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}


В результате вы получите ссылку при нажатии на которую будет появляться LightBox-форма для обратной связи. Если ссылка вас не устраивает, вы можете сделать кнопку для контактов, для этого придется вернуться на первую стадию «Шага 2» и заменить ссылку на ссылку-картинку, а у меня на этом все!

P.S. Постовой. Если вы работаете в интернете, то обязательно столкнетесь с электронными деньгами, вывод wmz и вовсе станет для вас ключевым моментом.
При выборе мебели на кухню можно выбрать вариант кориан столешницы которая дешевле кварцевой, хоть и менее долговечна.
Компания ООО КонсалтТрансСервис лидер в области перевозок - организация железнодорожных перевозок, автомобильных, авиа с гарантией высокого качества работы.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Контролируй свой RSS фид в Blogger - новая фича

пятница, 10 декабря 2010 г.
Для многих блоггеров RSS канал это не только возможность предоставить читателям удобный и быстрый формат получения обновлений блога, но также источник дополнительного трафика в блог. По статистике указанной в блоге Блоггера иногда объем такого трафика может составлять четверть(!) всех посещений блога. Но, думаю, тут нужно учитывать специфику именно англоязычных блогов, где подписчиков бывает очень и очень много. Хотя и для рунета справедливо утверждение, что посетители весьма часто переходят в блог из RSS ридера, если у вас там отображается не полный фид. Лично я отдаю весь текст статьи в RSS так как считаю, что если автор уже подписался, то ему удобнее читать в своем ридере и нет смысла ходить на сайт, то есть это сознательное действие для ускорения и облегчения процесса чтения новых постов. Подробнее когда-то давно рассказывал об этом в статье сообщения под катом: исследования и советы.

Тем не менее, многие авторы публикуют лишь вступительную часть (анонс) статьи в свой ридер, дабы заинтересовавшиеся пользователи переходили на сам сайт. До сих пор на Blogspot не было возможности контролировать какая именно информация попадает в RSS фид. В меню "Настройки" - "Канал сайта" в самом первом пункте были 2 варианта - отдавать полный фид либо короткий. Последний содержал приблизительно 400 первых символов записи с удаленными изображениями и HTML кодом, в то время как "полный" фид все эти элементы в rss включал.

Собственно, возникает вопрос что делать, если вы хотите сделать анонс определенной длинны именно для конкретного поста, не думать где же закончится 400 символов или, например, разместить в короткий rss текст картинку? С сегодняшнего дня такая опция возможна! Чуть более года назад разработчики добавили в Блоггер кнопку «читать далее», которая отделяла текст анонса на главной и страницах архива от полноценного отображения всей статьи на отдельной странице. Теперь эта настройка может учитываться и при работе с RSS фидом.

Для этого заходим в меню "Настройки" - "Канал сайта", где в первой строке для параметра "Разрешить каналы блога" указываем значение "До перехода" (Until Jump Break)



Таким образом, при включенной опции, когда вы в следующий раз будете публиковать статью в использованием ссылки "Читать далее" пользователи увидят весь текст с HTML и картинами до этого места. Если в посте не будет ссылки "Читать далее", то в RSS пойдет весь пост целиком. В самом фиде с анонсами пользователям нужно будет нажать на все ту же ссылку "Читать далее" чтобы попасть в блог и продолжить чтение публикации. Благодаря этому у вас теперь будет полноценный контроль над свои RSS фидом в плане отправки туда нужных материалов так, как вы этого пожелаете. Решать о том сколько текста отправлять читателям в фид только вам.

Заработок в интернете тесно связан с разными биржами и системами, если хотите узнать какая биржа ссылок наиболее эффективна смотрите ТОП в блоге Shaman`a.
Что может быть лучше чем тихий и спокойный отдых в подмосковье - компания Протэй Тревэл подарит вам эти приятные и незабываемые мгновения.
Если вы ищете исполнителей для набора услуг цифровая печать цены которых вас бы устраивали также как и качество работы, обращайтесь в Художественно-издательский центр.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Последние апдейты и багфиксы в Blogger

понедельник, 6 декабря 2010 г.
Работа над системой Blogspot для улучшения удобства и функциональности системы не прекращаются ни на секунду. Кроме постоянных и относительно глобальных обновлений, о которых разработчики пишут в черновиках Blogger Draft, недавно была произведена парочка менее значимых изменений. В блоге системы по этому поводу была опубликована небольшая заметка, спешу поделиться с вами этими новостями.

Уведомления о новых комментариях по умолчанию

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

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

Альбомы Picasa создаются автоматически

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

Кнопка загрузки изображения в режиме редактирования HTML (для Blogger Draft)

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

И напоследок bug fix

На форуме было много замечаний, что при загрузке изображений через новый текстовый редактор html тег IMG неправильно закрывался. Это приводило к ошибкам и проблемам с форматированием. Собственно, в последнем апдейте ошибка была исправлена.

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

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

Календарь в Blogger, архив в виде календаря на Blogspot

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

Изучая тему я нашел сразу 6-7 рабочих варианта «календаря» для Blogger, но отсекая все лишнее, хочу предложить всего 3 решения, но эти решения действительно заслуживают внимания. Вам останется дело за малым - сделать выбор.

Решение №1: «Простое»
Начать стоит с «календаря» который устанавливается наиболее простым образом, при этом имеет достаточно гибкие настройки. Чтобы установить заходим в меню «Дизайн» → «Элементы страницы», нажимаем в нужном месте «Добавить гаджет». Когда появится окно «Добавить гаджет», наберите в строке поиска гаджетов «Blogger Archive Calendar»:



В меню "настройки виджета" вы можете определить:
  • Его название;
  • Высоту в пикселях;
  • URL блога (можно на одном блоге разместить календарь другого блога!);
  • Одну из пяти тем оформления;
  • Собственный фоновый рисунок!
Вот так это все выглядит на практике, ничего сложного, в принципе, нет.



Решение №2: «Сложное»
Сложным данное решение можно назвать условно, оно более сложно чем представленные в данном посте, тем не менее вполне решаемо. Не вижу смысла перепечатывать тонны кода, поэтому ограничусь ссылкой на оригинальный пост и скриншотом виджета:



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

Решение №3: «Отечественное»
«Отечественное» потому что этот виджет дело рук наших людей — Екатерины Тарасовой (ака SEO-дилетант'ка) и Вадима (автора iZhurnal):



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

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

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

P.S. Хотите чтобы ваш сайт приносит доход? - грамотная оптимизация и продвижение сайта заказанная у профессионалов вам поможет.
Как раз во время наступления зимы советуем вам заказать экскурсионные туры в швейцарию и познакомиться с этой удивительной страной поближе.
Lonely and right american man can find beautiful russian bride on our useful dating site.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Реклама - всегда и везде

пятница, 26 ноября 2010 г.
Интернет открыл явление абсолютно нового порядка – это обмен баннерами в сети. Это своего рода реклама в рекламе, и еще одна возможность, с которой раскрутка сайтов становится более быстрой. Такой обмен происходил и раньше, только на базе серьезных партнерских отношений вместе с предприятиями пересекающейся отрасли. Результат от такой рекламы всегда был эффективен. А вот с Интернет-рекламой гораздо сложнее. Сайты всегда готовы на своих страницах рекламировать компании, которые им не известны и с которыми их ничего не связывает, кроме баннерной сети. Случается так, что при загрузке начальной страницы сайта посетитель сначала видит рекламу конкурента. А первое впечатление исправит трудно.
Необходимость рекламных кампаний
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки:
Как вам пост?   

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

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

Интернет всегда традиционно был весьма органичен в плане использования разных шрифтов, особенно когда дело доходило до нелатинских алфавитов по типу Кириллицы (Cyrillic) или Greek.Но тут, как всегда, на арену выходит компания Google и предлагает свою помощь в решении вопроса - некоторое время назад был создан проект Google Web Fonts вместе с Google Font API, которые позволяют использовать разные шрифты на разных устройствах и платформах. Это что-то вроде отрытого архива нестандартных шрифтов, которые можно использовать в веб-раработке, собственно где-то 400 тысяч сайтов по всему миру, генерирующие 17 миллионов запросов в день так и поступают. Благодаря этому проекту в черновиках блоггера (draft.blogger.com) теперь можно найти аж 40 разных шрифтов для оформления своего блога. И это только начало:)

Нестандартные шрифты в Blogger

Чтобы выбрать новые шрифты зайдите в раздел Дизайн, выберите Дизайнер Шаблонов. В его меню последний пункт "Дополнительно" (Advanced) содержит набор элементов странице, для которых можно подобрать шрифты. Это может быть заголовок блога, описание, заголовок поста или элемента шаблона. Для выбора доступно действительно много шрифтов для блоггеров из разных стран - Reenie Beanie, r Neucha (Cyrillic), GFS Didot (Greek) или даже Hanuman (Khmer). Кстати, из всего набора 6 веб шрифтов поддерживают кириллицу, так что есть где развернуться:)

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

Тулбар и расширенный поиск от Apture

вторник, 16 ноября 2010 г.
Вряд-ли сильно ошибусь если скажу что для blogspot-блоггеров всякого вида тулбары — штука родная. Начнем с того что тулбаром, висящим «над блогом», по умолчанию обладает каждый блог на платформе Blogger. Правда, особого функционала читателю родной тулбар не добавляет (зато имеет глупые кнопки вроде “Report Abuse”), поэтому от него принято избавляться хирургическим путем или искать ему замену в лице Wibiya.

Про Wibiya я ни хочу сказать ничего плохого (о нем мы частично рассказывали в статье про различные варианты подписки на блог в Blogspot). Данный тулбар мне доводилась пробовать не раз, и в принципе, он меня (да и большинство моих знакомых) устраивает. Единственный «пунктик» - как всякая вошедшая в моду вещь, тулбар Wibiya встречается там и тут, а хочется уже чего-нибудь свежего. И в поисках новенького я набрел на тулбар Apture.

Apture не является чем-то совершенно новым и невиданным. Эту панельку я встречал и раньше, но распространена она куда меньше чем упомянутая Wibiya.


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

Посмотрите, например, как Apture может расширить возможности поиска:


Вообще же, вы можете задействовать в том числе для расширения поиска следующие модули:
  • Видео (Youtube, Google Video, Vimeo);
  • Картинки (Flickr, TwitPic);
  • Карты (Google Maps);
  • Авторитетные источники (Wikipedia, New York Times);
  • Аудио (файлы .mp3);
  • Документы (файлы .pdf, .doc, .rtf);
  • Люди (на Twitter, LinkedIn, FriendFeed)
Возвращаясь к социальной функции тулбара, по заверениям разработчиков Apture увеличивает скорость роста аудитории и количество просмотров (за счет ретвитов и прочего) до двух раз. Не знаю стоит ли доверять такому оптимистичному прогнозу, но чтобы в этом убедиться, нужно этот тулбар установить.

Процесс установки предельно прост — вы регистрируетесь на сервисе, добавляете сайт, получает простейший код который можно вставить перед тегом или просто как виджет в любом месте шаблона:


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


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

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

Немного о музыкальных центрах

суббота, 6 ноября 2010 г.
Влияние музыки на психику человека до конца еще не изучено. Но, то, что оно играет огромную роль в нашей жизни понятно и без научных исследований. Музыка повсюду, и степень наслаждения от прослушивания зависит и от качества аудиотехники в том числе.
Что выбрать?
Купить музыкальные центры в одном из многочисленных торговых центров города, или сделать заказ в интернет-магазине, не столь важно как вы осуществляете покупку – важно, что вы приобретаете. Сегодня разнообразие МР3-плееров поражает воображение, а многофункциональность современных мобильных устройств успешно с ними конкурирует за внимание потенциального покупателя.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки:
Как вам пост?   

Как на базе Blogspot сделать сайт визитку

пятница, 29 октября 2010 г.
Вы когда-нибудь задумывались над тем что базу Blogspot можно использовать не только для традиционного блога? Речь не о фото- или видеоблоге. Блогхостингу можно найти массу прочих интересных применений. Одно из оригинальных решений - конструирование на платформе Blogger сайта-визитки. Все что нам потребуется - подобрать подходящий шаблон!

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

Первый шаблон который можно попробовать если вам захотелось создать “визитку” - Minicard.


Как видите, структура шаблона проста и понятна. Главная страница является чем-то вроде картотеки мест вашего обитания на популярных социальных сервисах. Помимо этого, в шаблоне предусмотрены страницы About, Contact и Service, название которых говорит само за себя.

MiniCard имеет дизайн в стиле веб 2.0 можно признать более чем приятным и удачным. Но, если его стилистика вам не подходит или просто не нравится, я нашел для вас две хорошие альтернативы. Первая - весьма неплохой шаблон того же рода - Visiting Card:


Принцип тот же самый, функционально он практически ничем не отличается от Minicard, поэтому выбор в пользу того или иного шаблона - вопрос вкуса! Все нужные и популярные социальные сети на месте - FaceBook, MySpace, Twitter, Digg, Flickr и т.п.

Несколько отличается от двух первых шаблон The Antagonist:


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

Первых два шаблона функционально являются “визитками” в чистом виде, поэтому если вы хотите совместить блог и “визитку”, выбор данного шаблона будет для вас оптимальным решением. Ну, а если необходима исключительно “визитка”, смело выбирайте MiniCard или Visiting Card! Подобные решения, в принципе, хороши если вы только задумываетесь о блоге или хотите собрать все свои контакты в одном месте, добавляя страницы можно организовать что-то вроде портфолио, разместить перечень услуг, цены и получить даже небольшой мини сайт. В последнем случае есть даже опция добавить записи блога, что также весьма удобно.

P.S. Постовой. Успешный интернет проект должен быть надежен во всем - это и качественный хостинг, и хороший домен, не говоря уже о дизайне и разработке.
Чтобы облагородить свой приусадебный участок вы можете добавить водные объекты, советуем бассейн купить киев или донецк, компания "Империя воды".

Делать покупки в сети выгодно, например в интернет-магазине "Для детей" вы можете купить коляски выбрав из большого ассортимента и с доставкой на дом!

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Блок социальных кнопок в стиле Mashable на Blogger

среда, 20 октября 2010 г.
В наше время кнопки добавления в социальные закладки, сервисы или подписки стали для блогов просто обязательным атрибутом. Их польза и назначение больше ни у кого не вызывает сомнения, а главные дискуссии и отличие можно наблюдать лишь в способе размещения (оформления) данных кнопок. В данном блоге уже было несколько публикаций, посвященных кнопкам социальных закладок, надеюсь, уроки вам пригодились:
Теперь самое время рассказать о том как можно соединить воедино несколько этих элементов, причем сделать это весьма оригинальным образом. Нечто подобно реализовано на известном сайте Mashаble, когда вместе с прокруткой страницы блок социальных иконок также передвигается.



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

Вариант 1

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

Шаг1. Находим в верхней части кода ]]></b:skin> и перед ним добавляем стили оформления:
#sharebox {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:103px;
bottom:40px;
margin-top:10px;
position:fixed;
width:64px;
}

#sharebox .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}

Шаг 2. Находим строку <div class='post-header-line-1' /> и вставляем после нее следующий фрагмент:

<b:if cond='data:blog.pageType ==  &quot;item&quot;'>
<div id='sharebox'>
<div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div>
</div>
</b:if>

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

Вариант 2

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




Шаг1. Как и в первом варианте находим ]]></b:skin>, но добавляем перед ним в этот раз другие стили:
.post_share{float:left;border:1px solid #DDD;margin-right:10px; top:215px; padding-top:10px;position:fixed;background:#FFF;margin-left:-80px; padding-bottom:10px;} .post_share .wdt_button{clear:left;margin:0}


Шаг 2. Находим блок похожий на <p><data:post.body/></p> (может быть без Р) и вставляем впереди данный фрагмент:
<b:if cond='data:blog.pageType == &quot;item&quot;'> 

<div class='post_share'>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</center>
</div>
<div class='wdt_button'>
<center>

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' onClick='return buzzPopup(this, &apos;Buzz this&apos;)' rel='nofollow'><img src='http://2.bp.blogspot.com/_hrhg1n2KA3Y/S3Y8Gi87V8I/AAAAAAAADDc/xpLQ5jnX_Gk/s1600/g-buzz.png'/></a>
</center>
</div>
<div class='wdt_button'>
<center>
<script type='text/javascript'>
scoopeo_url=&quot;<data:post.url/>&quot;;
</script>
<script src='http://scoopeo.com/clicker/insert/large' type='text/javascript'/>
</center>
</div>
<div class='wdt_button'>
<center>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</center>
</div> >
<div class='wdt_button'>
<center>
<span class='post-icons'>
          <!-- email post links -->
          <b:if cond='data:post.emailPostUrl'>
            <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>Email
              </a>
            </span>
          </b:if>
          <!-- quickedit pencil -->
          <b:include data='post' name='postQuickEdit'/>
        </span>
</center>
</div>
</div>
</b:if>
Здесь кроме Tweetmeme, Google Buzz и Facebook найдете некий сервис scoopeo, а также возможность отправить ссылку на статью друзьям по почте.

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

P.S. Постовой. Если вы начинающий оптимизатор, то советую сходить на курсы СЕО и продвижения для улучшения своих навыков - +3(097)8535669, Киев.
Последнее интересное и прибыльное событие блогосферы - конкурс Bestmasterиzация для всех вебмастеров будет полезным.
Если вам надоел стандартный пляжный отдых, закажите себе туры в Китай и окунитесь в мир традиций, необычного окружения и восточной экзотики.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Blogger становится все лучше и лучше

вторник, 12 октября 2010 г.
В блоге разработчиков системы Blogspot появилась небольшая запись новостного характера. Нет, новых функций они в этот раз не предоставляли, но пост получился весьма ценным, особенно для начинающих. Если вы все еще сомневаетесь в том, что Blogspot лучшая бесплатная система для блога, то в данной статье я вам это докажу. На втором месте я бы наверное расположил бесплатный блогохостинг wordpress.com, но там все скорее строится вокруг оригинальной CMS wordpress, то есть в большей степени хостинг для блога не совсем самодостаточный, хотя и функциональный. Про живой журнал Livejournal я уже не говорю - если раньше его можно было рассматривать как альтернативу Blogger, то сейчас это сравнение вызывает исключительно улыбку. Во многом благодаря последнему году разработок в Blogspot.

Приблизительно год назад создатели системы предложили пользователям написать и высказать своем мнение относительно того, какие функции, возможности смогут сделать систему Blogger лучше. В результате были получены тысячи идей, за которые потом проголосовало около 75тысяч пользователей. Именно на основании этих итогов был сформирован план действий на ближайшее время. А разработчиков ожидал длинный и сложный год чтобы все это привести в порядок и сделать как можно больше. На сегодня им есть чем гордиться, были запущены практически все основные функции из списка запросов пользователей. Предлагаю освежить в памяти все эти достижения:

Blogger Template Designer - новый Дизайнер Шаблонов для блога. Просто мега достижение и громадная работа, судя по конечному результату. Теперь пользователи могут запросто создавать сложные, красивые, оригинальные, яркие, функциональные шаблоны для своих блогов. Инструмент получился простым, наглядным и понятным.

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

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

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

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

Кнопка «читать далее» в Blogger
- тоже простая функция, которой в Блоггере долгое время не было. Приходилось использовать различные хаки и хитрости для вывода ссылки "Читать далее" на полный текст статьи. Как хорошо, что теперь это делается очень просто - новички должны оценить.

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

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

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

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

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

Особенности раскрутки сайтов интернет-магазинов.

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

Статистика в реальном времени на Blogger - сервис Whos.amung.us

среда, 6 октября 2010 г.
В последние месяцы тему статистики поднимал неоднократно, так ка это штука важная и полезная для владельца сайта. Так в посте статистика блога на Blogspot были рассмотрены внешние механизмы анализа посещаемости (счетчик Li.ру, Google Analytics). Чуть позже я рассказывал вам о виджете статистики собственной разработки (имеется в виду разработки команды Blogger) который появился в Blogspot. Виджет, на мой взгляд очень даже симпатичный, но как и большинство подобных виждетов (кнопок и прочее) он отображает не совсем то что происходит на блоге данный момент в реальном времени.

Конечно, если разобраться, статистика в реальном времени вещь не самая необходимая. Но, если вы все же хотите ее получать (а иногда интересно узнать сколько сейчас человек находится на сайте), сделать это можно с помощью сервиса Whos.amung.us, который, кстати, предлагает и несколько других интересных виджетов. Но, начнем все-таки со статистики в реальном времени.

Для установки виджета статистики от Whos.amung.us не понадобится даже регистрации! Просто перейдите на главную страницу сервиса:



Выберите местоположение счетчика (слева, справа или «на дне»), полученный код вставьте в HTML/JavaScript виджет в любом месте вашего макета где вашей душе угодно. В результате ваша кнопа будет выглядеть примерно так:



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

Кстати, вы можете существенно расширить возможности статистики от Whos.amung.us, если приобретете платный аккаунт. Стоит удовольствие от $5 в месяц, но несколько уникальных фишек содержит (например, статистика по тому сколько картинок с вашего блога было сохранено или сколько знаков текста или какие слова скопированы).

Как я уже рассказывал выше, виджет «посетители real-time» не единственный заслуживающий внимания. С помощь Whos.amung.us можно поместить на блог виджет-карту, которая будет отображать из каких точек земного шара приходят ваши посетители:



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

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

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

Как скрыть дату постов в Blogger

суббота, 2 октября 2010 г.
Все, что касается даты публикации с точки зрения пользователя я уже как-то рассматривал в блоге - кроме редактирования дат и времени говорил также о запланированных постах. Подробнее об этом можете почитать в статье дата и время публикации в блоге Blogspot, сегодня же хотелось затронуть несколько иную схожую тему.

Казалось бы, зачем кому-то нужно скрывать даты постов в блоге? У блогов, в частности blogspot, (как у типичного представителя) есть одна особенность — все посты строго привязаны к календарю, то есть публикуются в хронологическом порядке. С одной стороны это очень удобно и даже чем-то ценно, с другой, иногда такой порядок дел не нужен.

Во-первых, если ваш блог обновляется не часто, иногда есть смысл не афишировать дату последнего обновления. Новый посетитель (например, пришедший из поисковой системы) заходит, видит пост на главной странице и ему невдомек что публикации уже несколько месяцев. В обратном случае он может решить что проект полностью заброшен.
Другой пример — некоторые блог-хостинги (Blogger, опять же, в их числе) пригодны не только для создания на их базе типичных блогов (блог на самом деле понятие условное, в первую очередь это сайт). Если того позволяет платформа, вместо блога можно сделать «одностраничник» на Flash, каталог сайтов или даже интернет-магазин.

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

В общем, иногда скрыть дату просто необходимо. Но как это сделать? Легче простого! Оставим сложные «хирургические методы», они нам ни к чему. Решение должно быть простым, изящным, а результат обратимым (на случай если вы решите все вернуть на место). Поэтому вряд-ли можно придумать что-то более удачное чем небольшая и безболезненная модернизация CSS.

Если вам нужно скрыть дату постов, заходим в наш аккаунт Blogger и следуем привычным адресом - «Панель управления» → «Дизайн» → «Изменить HTML».

Далее находим приблизительно следующий код:
date-header {

Приблизительный потому что в зависимости от шаблона это может быть h2.date-header или h3.date-header {. Добавляем в описание стиля «волшебный ингредиент»:

visibility:hidden;

В результате у вас получится что-то вроде:
.date-header{
visibility:hidden;
color:#222222;
font-size:14px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
}
Если вам когда-нибудь понадобиться вернуть дату на прежнее место, просто уберите «visibility:hidden;». Вот так все просто!

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

Как установить чат в блог на Blogspot

понедельник, 27 сентября 2010 г.
Блог сам по себе «продукт» социальный, но его можно сделать еще более социальным если добавить к нему, например, чат. Что такое чат, думаю, никому рассказывать не нужно. Чат, от chat — болтать. Технически чат - это средство мгновенного обмена сообщениями в реальном времени.

«Чатиться» можно не только с помощью специальных программ для мгновенных сообщений (ICQ, Jabber или AOL Instant Messenger), в девяностых годах получили широкую популярность веб-чаты (хотя скорее всего, многие это помнят и без меня). Потом мода на чаты сошла на нет, но тем не менее, встретить веб-чаты все еще можно до сих пор. Кстати, если разобраться, в некоторых случаях эта технология очень удобна и вполне даже уместна.

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

Зайдите на главную страницу сервиса, нажмите на кнопку со щенком (напротив пункта «add a chat to your site:»). Введите адрес вашего сайта и выберите дизайн кнопки (виджета):



Установите в вашем шаблоне виджет где посчитаете нужным. В результате, вы получите кнопку по нажатии на которую читатель увидит окно чата:



Чат можно вставлять не только в качестве виджета на сайдбаре, но и на страницах сообщений. Кнопку чата можно поставить даже в браузер, да и вообще чатится на любом сайте в интернете! В общем Yaplet со своей задачей на 100% справляется, хотя кто теперь его знает нужны ли интернет сообществу чаты. В том понимании в котором они были в далеких 2000-ных с той большой аудиторией понятие чата, наверное, и "осталось". Все попытки расширить их функциональность, разместить на любом сайте, имхо, в плане развития ничего не дало, это направление интернет проектов и деятельности просто прошло.

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

Простой шаблон Super Simple в дизайнере шаблонов

четверг, 23 сентября 2010 г.
В блоге разработчиков недавно появился анонс нового шаблона под названием Super Simple. По их словам это именно тот случай в разработке дизайне проекта, когда "меньше" не значит хуже, а скорее наоборот может быть весьма полезным. Для реализации задуманных целей они взяли шаблон Simple и максимально возможно упростили его таким образом, что на странице отображался лишь контент вашего блога. Подобную реализацию можно часто встретить в том же Wordpress, где так называемые минималистические шаблоны пользуются определенной популярностью у некоторых блоггеров. По сути, если формат и тематика вашего проекта это позволяет, то почему бы и нет? Зачем размещать в блоге кучу лишних деталей, когда основное это контент. Подобное справедливо, например, для фотоблогов или личных каких-то публикаций о жизни. Выглядит Super Simple, кстати, следующим образом:


Минималистический шаблон Super Simple, как и все другие, в Дизайнере Шаблонов Blogger могут быть настроены по вашему желанию и вкусам. У вас есть все необходимые инструменты чтобы не только добавлять, размещать и менять местами разные информационные блоки и секции шаблона, но и персонализировать внешний вид, стили, цветовую гамму блога для себя. И в этом, кстати, Super Simple может здорово вам помочь. То есть, допустим, вы решили сделать для своего проекта новый дизайн, разработать его с нуля таким, каким хотите именно вы, не используя при этом имеющиеся шаблоны. Без проблем - устанавливаете Super Simple и потихоньку начинаете наращивать его функциональность и "добавлять красок".


Напоминаю, что для активации шаблона Super Simple нужно зайти в раздел админки "Дизайн", где и найдете Super Simple в самом конце "простых дизайнов".


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

Что скажете, как вам такой дизайн? Вообще используете минималистические шаблоны?

P.S. Постовой. Легко бросить курить? Отличные электронные сигареты Smoore в Киеве. Доставка сигарет по Киеву.
Если вам вдруг срочно понадобились деньги, то можно обратиться в blogohelp.blogspot.com – ломбард техники, где помогут решить эту проблему.
В интернет магазине Linzmaster вы можете купить купить контактные линзы и другие полезные аксессуары с бесплатной доставкой.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Добавляем секцию для баннеров 125х125 в блог

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

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

Итак, начнем: Исходные данные — шаблон, сайдбар две колонки. Конечный результат — секция из 3-х баннеров размером 125х125 пикселей над 2-х колоночным сайдбаром. В принципе, общий принцип механизма добавления секции элементов шаблона в блоге на Blogspot я уже рассматривал - сегодня будет практически то же самое, но с конкретным примером, чего так не хватало в прошлой статье.




Шаг 1.
Начинаем как обычно с того что заходим в «админку» блога, закладка «Дизайн» → «Изменить HTML».

Шаг 2.
Находим следующий фрагмент кода или подобный:
<div id='sidebar-right'> <b:section class='sidebar-right' id='sidebar-right' preferred='yes'>
id может быть различным, например, «sidebar», «right-sidebar» или указанный выше. Разобраться несложно, нам нужно самое начало сайдбара.

Как только вы его обнаружите, вставьте перед (потому что наша секция будет выше сайдбара) этим фрагментом следующий код:
<div id='sidebar2'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
</b:section></div>
Шаг 3.
Определим стиль секции. Добавим перед CSS стиль (если вы не знаете куда вставлять, ищите тэг ]]></b:skin>, можно вставить сразу перед ним):

#sidebar2 {
float : right;
margin-left:4px; width: 415px; background:#ffffff;
font : 11px Verdana;
}
#sidebar2 .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#sidebar2 .widget h2, #sidebar2 h2 {padding-left: 10px;
text-align:center;padding-left: 18px;
font: 12px/34px "Georgia", Verdana;
text-transform: uppercase;
color: #ffffff;
background: url("http://i263.photobucket.com/albums/ii150/mohamedrias/sidebar_title-2.gif") repeat;font-weight:bold;
}
#sidebar2 a {
color: #969696;
font-size : 12px;
text-decoration : none;
}
#sidebar2 a:hover {
color: #969696;
text-decoration : none;
}
#sidebar2 ul {
border : medium none;
margin : 7px;
padding : 0;
}
#sidebar2 ul li {
list-style-type : none;
border-bottom : 1px dotted #87581f;
margin : 0;
background-position : 0% 100%;
padding-left : 8px;
padding-right : 10px;
line-height : 15px;
padding-top : 5px;
padding-bottom : 5px;
}
#sidebar2 ul li a {
text-decoration: none; background: url(http://i263.photobucket.com/albums/ii150/mohamedrias/side_li_bullet.gif) no-repeat; padding:0 0 0 12px;color: #87581f;
}

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

Шаг 4.
Пока с кодом покончено, переходим на вкладку «Элементы страницы», где видим новую секцию. Добавляем в нее HTML/JavaScript виджет со следующем кодом:

<div class="sidebar-ads">
<div class="sidebar-banner"><a href="#">
<img border="0" src="#"/></a></div>
<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="#" /></a></div>
<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="#" /></a></div>
<div class="clear"></div><p><a href="mailto:ваш e-mail, ссылка на страницу с тарифами или ссылка на сервис Rotaban" title="Разместить рекламу">Разместить рекламу</a></p>
</div>
Внимание! Как вы понимаете вместо «#» там где «a href=» нужно вписать ссылку по которой ведет баннер, там где «src="#"» - ссылку на картинку баннера в формате 125х125.

Обратите внимание, под баннерам будет ссылка «Разместить рекламу» или «Advertise here», вы можете поставить ссылку на страницу с тарифами на размещение рекламы. Если таковой у вас нет, ваш e-mail или что-то еще.

Шаг 5.
Напоследок добавим стили для баннеров (туда же куда добавляли стили секции):

/* Sidebar – Ads */
.sidebar-ads {
float: left;
width: 410px;margin-left:5px;
margin-bottom: 5px;
}
.sidebar-banner {
padding: 5px;
float: left;
}
#sidebar2 p {background:url(http://i263.photobucket.com/albums/ii150/mohamedrias/adsdotdot-1.gif) no-repeat center left; margin-top:5px;text-align:right;padding-right:10px;}
Следует сказать, что данный метод тестировался на старых шаблонах, возможно с применением нового Дизайнера Шаблонов в Blogspot структура и специфика HTML код будет несколько иная. В таком случае, придется самому уже додумывать принцип работы. Кроме того, если у вас не получается продать рекламу самостоятельно, можете воспользоваться услугами биржи баннерной рекламы в блогах Rotaban. После регистрации добавляете в биржу свой сайт, а взамен получаете код, которые нужно будет разместить в блоге. Там, в принципе, есть некоторые нюансы, но в целом суть процесса остается неизменной.
На этом можно считать дело законченным, осталось только продать баннеры, чего я вам и желаю!

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

Яндекс Бар - проверка орфографии, доступ к Яндекс Деньгам и многое другое

Рыская по просторам интернета от случая к случая можно наткнуться на предложение установки какого – либо бара для браузера. В привычном понимании людей, далеких от компьютерных тем, слово бар или даже bar ни коим образом не вяжется с различными программами. Так что же действительно подразумевается под собой данный термин. 
Если обратиться к электронным словарям, то можно дословно подчеркнуть следующее: «Бар это специальное программное расширение, работающее в паре с каким-либо браузером, имеет в своем наборе комплекс различных инструментов активизирующихся при определенных командах". Эта небольшая программка может быть разработана как для firefox или internet explorer, так и для любого другого популярного браузера (Opera, Google Chrome). Очень часто путаются два понятия плагин и бар. Чтобы понять, почему, уточним значение.
Плагин – программный модуль, подключаемый к основной программе динамическим методом, для целей связанных с расширением либо усовершенствованием основных функций. Слово плагин идет от английского plug-in,и может быть переведено как модуль. Т.е. как можно видеть, у бара и у модуля функции практически одинаковы, но плагины работают на более низком уровне и дают возможность просматривать различные форматы изображений, роликов, либо блокировать их при желании. 
Как пример одного из самых успешных и наиболее часто рекламируемых баров для браузера можно выделить яндекс бар. Это программное решение включает в себя просто массу различных и полезных функций. Например, если скачать и установить себе такое дополнение вы сможете быть в курсе погоды, пробок на дороге, состоянием валютных котировок и прочего.  Очень полезными для рядового пользователя будут следующие функции:
  •  - исправление опечаток; 
  • - визуальные закладки; 
  • - перевод текстов простым наведением курсора мыши; 
  • - проверка орфографии 
Кроме перечисленного имеется ряд специальных улучшений, благодаря чему скорость и точность поиска значительно увеличиться.  Если вы уже обладаете аккаунтом на одном из сервисов Яндекса, тогда вы сможете установить еще парочку инструментов. К примеру, появятся функции уведомления о поступлении новых сообщений из почтового ящика, новостей яндекс-фоток, комментариев на блог платформе я.ру, плюс к этому будет встроена удобная лента новостей.
А если вы имеете кошелек Яндекс Деньги, то теперь совершать операции с Яндекс-деньгами станет значительно проще.  Подавляющее большинство баров для браузеров распространяются бесплатно, однако некоторую выгоду создатели данного класса программ все же извлекают. Например, все тот же yandex bar собирает данные о ваших поисковых запросах, анализирует их и передает в центр обработки. Тем самым улучшается качество поиска и вероятность правильного ответа.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки: ,
Как вам пост?   

Шаблоны для Blogger в стиле «гранж» (grunge)

вторник, 7 сентября 2010 г.
После введения в работу нового Дизайнера Шаблонов от Blogger необходимость в поиске, установке и настройке большинства сторонних шаблонов попросту отпала. Многие из существующих простых дизайнов можно очень легко настроить и применить для своего блога стандартными механизмами системы Blogspot. Тем не менее, данный сегмент рынка еще рано списывать со счетов полностью - некоторая часть нестандартных шаблонов с большим вполне может нам пригодиться. Это, как правило, дизайны с большим числом оригинальных графических элементов с необычным расположением блоков.

Одним из таких "альтернативных" вариантов источников шаблонов можно назвать актуальный ныне стиль гранж, который конечно же, находит свое отражение и на платформе Blogger. В рунете среди blogspot-блогов представителей “гранжевой школы”, не так много, но они все же встречаются. Почему нет? Ведь шаблонов в стиле «гранж» предостаточно! Если хотите (и можете) попробовать реализовать что-то в этом направлении самостоятельно, могу посоветовать скачать неплохую подборку гранж (grunge) текстур для фотошопа. Для всех остальных предлагаю вашему несколько разноплановых гранжевых шаблонов.

Old Black

Old Black — неплохой и (что немаловажно) достаточно универсальный шаблон. Как в плане функциональности, так и в плане дизайна (который весьма умеренный для гранжа). Из полезностей - область для баннеров 125х125. В целом, как мне кажется, вполне достойный шаблон. В сайдбаре имеется список тегов, последних постов и архив блога. Общее впечатление весьма положительное, шаблон не слишком агрессивен, как жто бывает в стиле гранж, просто использует соответствующие цветовые решения.

Greyzed

Greyzed - немного мрачноватый (как это и должно быть) двухколоночный шаблон в стиле «гранж». Этот шаблон являет адаптацией шаблона WP. По сюжету вполне нейтрален, поэтому может использоваться для самых разных по тематике проектов, хотя больше всего подходит для каких-то экстремальных сайтов. Сайдбар находится слева.

Long Drive

Long Drive — так же имеет всего две колонки, но обладает менее нейтральным сюжетом. В плане «конструкции» шаблон весьма традиционен - текст слева, справа сайдбар с тегами, последними постами и архивом. Графика в шапке блога и название наталкивают на тематику в стиле путешествий, поездок и туризма.

Panorama

Panorama — яркий представитель дизайна в стиле «гранж». На мой взгляд, с некоторой оговоркой шаблон отлично подойдет для блога посвященного путешествиям, путевым заметкам и так далее. Panorama - то же адаптированный 2-х колоночный шаблон WordPress. На сей раз разработчики позаботились так же о наличие социальных кнопок после поста (хотя этим уже вряд-ли кого удивишь). Убедитесь что такой же шаблон не используют ваши друзья или конкуренты!

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

Новые виджеты в Blogger - статистика и популярные посты

четверг, 2 сентября 2010 г.
В жизни каждого блоггера статистика имеет важное значение, особенно, если вы только начали вести блог. На первых порах возникает дикое желание посмотреть сколько же человек зашло сегодня в блог, что они читали и т.п. Это вполне нормально. В данном блоге тема отслеживания посещаемости поднималась неоднократно - в одной из статей про статистику блога на Blogspot я рассказывал о существующий сторонних сервисах. Позже разработчики наконец то реализовали внутренний механизм статистики для Blogger, а недавно еще и добавили парочку интересных новых виджетов.

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

Так, заглянув на днях в виджеты Blogger, я неожиданно для себя обнаружил эту самую "обновку". Видимо, виджеты стали продолжением или результатом работы над встроенной в blogspot статистикой. Теперь у блоггера появилась возможность не только созерцать ее лично, но и похвастаться читателям. Для этого используется виджет «Статистика блога», отображающий общее количество просмотров сайта. Пока что он доступен лишь в Черновиках Блоггера.



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

Для установки виджета заходите, во-первых, в черновики draft.blogger.com, а во-вторых, в разделе "Дизайн" кликаем по одной из ссылок "Добавить гаджет". После этого находим в самом верху "новинки" - нам нужна "Статистика блога".



Второй интересный виджет "Популярные сообщения" (Popular Posts) позволяет вашим читателями и посетителям быстро узнать и найти самые просматриваемые статьи в блоге. В принципе, это то, что я и хотел, только вот жаль нет отображения количества просмотров для постов. Для гаджета идет несколько параметров настройки:



Устанавливается он как и первый в черновика системы Блоггер draft.blogger.com. В общем, тестируйте, проверяйте. В качество положительного момента можно заметить, что использование "родного" виджета позволит значительно уменьшить нагрузку на блог если заменить им какой-то из сторонних скриптов для вывода популярный статей блога.

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