Виджет "Популярные посты" с картинками в виде сетки

среда, 28 декабря 2011 г.
Когда-то давно публиковал анонс про новые виджеты в Blogger где рассказывал о возможности добавления в блог статистики и популярных постов. Последний из них многим уже успел понравится, можно даже смело говорить, что стандартный виджет "Популярные посты" (Popular Posts) пользуется очень большой популярностью. Тем не менее, далеко не всех устраивает его внешний вид - над этим можно поработать! Если вы хотите, например, чтобы посты в этом виджете отображались не в столбик, а в виде сетки "3х3" (как на скриншоте ниже), предлагаю прочесть пост до конца и узнать решение.
Ничего сложного в реализации нет, нужно лишь последовательно и внимательно выполнить все пункты алгоритма. Итак:
1) Первым делом, как всегда, делаем бэкап шаблона - сохраняем весь HTML код шаблона.
2) В разделе админки "Дизайн" добавляем виджет "Популярные посты", если вы этого еще не сделали. При этом в настройках указываем отображать "уменьшенное изображение" без фрагмента текста.
3) Далее заходим в редактор кода "Шаблон" - "Изменить HTML" (Template/Design > Edit HTML), галочку «Расширить шаблон виджета» (Expand Widget) НЕ СТАВИМ!
4) Находим код нашего виджета:
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
В принципе, достаточно найти в коде "PopularPosts1". Заменяем его на:
<b:widget id='PopularPosts1'  locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<div class='item-thumbnail'>
                         <a expr:href='data:post.href' expr:title='data:post.title'>
                         <b:if cond='data:post.thumbnail'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                         <b:else/>
                         <img alt='' border='0' expr:height='data:thumbnailSize' src='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png' expr:width='data:thumbnailSize'/>
                         </b:if>
</a>
</div>
</div>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
5) Сохраняем шаблон, осталось немного подправить стили. Идем в редактор шаблонов, для этого выбираем раздел "Шаблон" - кликаем кнопку "Настроить" там заходим в закладку "Дополнительно" - "Добавить CSS". Добавляем:

.popular-posts .item-thumbnail{float:left;}
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;}

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

Страница Blogger в социальной сети Google+

Социальная сеть Google+ набирает обороты, недавно в ней были запущены "страницы компаний", где можно размещать информацию о своей деятельности и держать в курсе происходящего всех небезразличных пользователей. Собственно по этому поводу разработчики Blogger создали и свою специальную страницу которую они приглашают посетить, а также добавить в круги дабы следить за обновлениями.
После добавления в круги вы сможете видеть в своей "ленте" все последние новости и обновления от команды Blogger`а, так сказать, быть в курсе всего происходящего.  Кроме того, можно попытаться увеличить интерес к своей скромной персоне (личному профайлу), а также персональном блогу, оставляя комментарии к записям - ведь не зря комментирование часто используется для продвижения.

Вот что можно ожидать на странице Blogger в Google+:
  • Новости Блоггера и анонсы.
  • Видео тусовок с командой разработчиков.
  • Заметки о разных самых интересных блоггерах и их проектах.
  • Советы и хаки по системе от создателей и других пользователей Blogger.
Можно также в заметках упоминать Блоггер (+Blogger или @Blogger) когда хотите поделиться своим хаком - если он покажется полезным, разработчики расскажут о нем остальными.
P.S. Если вы любитель азартных игр, тогда крупнейший портал про интернет казино вам будет весьма интересен, найдете много статей и обзоров казино.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Важное путешествие

понедельник, 26 декабря 2011 г.
Через несколько дней мне предстоит ехать в деловую командировку. Не слишком далеко, но и не слишком близко. Санкт-Петербург. Там придётся побыть около недели и навестить всех коллег по проекту. Обсудить некоторые вопросы. Сроки, оплату, детали и прочее.
 Признаюсь честно, это второй раз в жизни, когда я уезжаю на такой длительный срок из родного города с деловым визитом. Южные поездки не в счёт. Там абсолютно другая атмосфера. Да и вещи на юг собираешь с другим ощущением. Сейчас же – забудь я свой ноутбук, или телефон, или зарядное устройство Samsung, что самое худшее что только можно вообразить – многое пошло бы под откос. Важны были все мелочи. Даже самые незначительные.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Ярлыки:
Как вам пост?   

Коннектимся к Google+

воскресенье, 18 декабря 2011 г.
В прошлой публикации рассказывал про интеграцию профилей Google+ и Blogger, когда ваша учетная запись на Blogspot заменялась аккаунтом социальной сети Google+. Судя по последним новостям в блоге разработчиков процесс перехода продолжается и это только первые из многих других возможностей. Собственно, начиная с сегодняшнего дня, если вы уже привязали свой Google+ аккаунт с блогом, тогда сразу после публикации постов увидите всплывающее окно с предложением поделиться информацией в социальной сети Google. Данное окно будет содержать сниппет (краткий анонст поста) + изображение, которыми вы сможете поделиться в кругах (circles) Google+.
Конечно, вы сможете в любой момент отменить возможность делиться публикациями блога - для этого нужно зайти в меню "Настройки" - "Сообщения и комментарии" (Settings - Posts and Comments) и установить там соответствующие опции. При этом, кстати, вы также всегда сможете "расшарить" отдельные посты в Google+ кликая по ссылке "Открыть доступ" (share) под каждой из заметкой своего блога.
Теперь перейдем от новостей непосредственно к практике. Многие пользователи Blogger наверное уже могли наблюдать в своих аккаунтах подобную картинку, которая предлагает соединиться с социальной сетью Google+:
Как видите из описания, после подключения к Google+ вы сможете размещать посты блога в социальной сети, использовать единый профиль, а также появится ссылка на профиль в поисковой выдаче. Чтобы все это сделать кликаем по ссылке "Начать перенос" и следуем дальнейшим инструкциям.
После того как вы свяжете свои аккаунты, вам также предложат добавить свои блоги в профиль для привлечения дополнительной аудитории на них.
Отмечаете те, которые нужны, и кликните по кнопке "Добавить блоги". На этом процесс интеграции и соединения можно считать завершенным. Для проверки заходите в список всех публикаций блога и проверяйте появилась ли там ссылка "Открыть доступ" - есть линк? тогда все окей.
P.S. Всем любителям почитать классические бумажные книги наш книжный интернет магазин поможет достаточно быстро, удобно их заказать причем прям с доставкой домой.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Шаблон Simplo

Simplo — пожалуй самый "современный" шаблон среди парочки последних публикаций и  подборок. Там где у "Blog Theme" предусмотрено место под баннер, у Simplo секция с кнопками социальных сетей и RSS-подписки. Больше, конечно, этот блок подходит для англоязычных проектов за счет присутствия там LinkedIn, Delicious, но их можно заменить на более близкую рунету социальную сеть Вконтакте. Правда, в таком случае кроме замены в HTML коде шаблона ссылок #Your Delicious URL, #Your Linked In URL, #Your Facebook URL, #Your Twitter URL вам придется добавить дополнительную картинку для иконки Вконтакте. Для редактирования кода найдите в шаблоне блок div с id=topSocial.
Кроме того, Simplo несмотря на свою простоту имеет достаточно веселенький фон и 6 цветовых тем. Визуально смотрится весьма ярко и приятно. Не смотря на обилие розового цвета в ссылках, фоне, ощущения нормальные - шаблон можно использовать не только для женского блога:) Весьма хороша типографика в данном дизайне - шрифты смотрятся стильно, также есть разные выделения для цитат, списков, заголовков, таблиц в текстах блога.

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

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

Игра на телефон – наиболее распространенное приложение в интернете

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

Google+ и Blogger: интеграция профилей

четверг, 8 декабря 2011 г.
Когда-то давно прочитал инфу от некоторого издания Googlesystem, что во время редактирования профиля Blogger пользователю будет показано новое сообщение от сервиса с предложением подключить Blogger к Google+. Ссылки в сообщении сначала не являлись рабочими. 
Чуть позже сами представители Blogger подтвердили проведение разработок в вопросе интеграции с Google+. В течение ближайших недель пользователи смогут воспользоваться новым функционалом. Ну а потом я сам увидел сообщение об интеграции двух сервисов.
Оставался вопрос, как именно Blogger интегрируют с Google+. Среди предположений – синхронизация комментариев к постам в Google+ и Blogger, возможность автоматической трансляции постов между ними. Но все оказалось немного по другому.
Во-первых, в поисковой выдаче можно будет видеть профили пользователей, которые делятся (+1) различными статьями, что-то вроде дружеских рекомендаций.
Это нововведение, конечно, больше относится к Google+ нежели Blogger`у. Вторая опция более локальная. С помощью интеграции двух сервисов вы сможете заменить связать свою учетную запись Blogger с Google+. Если у вас нет уведомления как на картинке (вы отключили уже):
Тогда можно кликнуть по этой ссылке и сделать все на данной странице. Данная интеграция поможет управлять одним одной учетной записью вместо двух. При этом изображение и ваше имя будет заменено данными из профиля, кроме того, ссылка в комментариях будут после этого вести на общедоступный профиль Google+. По-моему, хорошая идея. 
P.S. Если вам нужно перевести крупный и габаритный груз, тогда услуга перевозка тралом может оказаться весьма полезной, это может быть перевозка яхты, катера, комбайна и т.п.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails