Виджет "Популярные посты" с картинками в виде сетки
среда, 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. Для современного мира имеются не только новые технологии но и угрозы, так системы информационной безопасности выходят чуть ли не на первый план для крупных корпораций.
В интернете много полезной информации для женской аудитории, хорошие блоги о детях помогут не только будущим мамам, но и тем, у кого уже есть маленькие малыши.
Заказать онлайн книгу теперь не проблема, наш книжный интернет магазин поможет быстро оформить заказ, оплатить и ждать когда привезут доставку на дом.
В интернете много полезной информации для женской аудитории, хорошие блоги о детях помогут не только будущим мамам, но и тем, у кого уже есть маленькие малыши.
Заказать онлайн книгу теперь не проблема, наш книжный интернет магазин поможет быстро оформить заказ, оплатить и ждать когда привезут доставку на дом.
Как вам пост?
Страница Blogger в социальной сети Google+
Социальная сеть Google+ набирает обороты, недавно в ней были запущены "страницы компаний", где можно размещать информацию о своей деятельности и держать в курсе происходящего всех небезразличных пользователей. Собственно по этому поводу разработчики Blogger создали и свою специальную страницу которую они приглашают посетить, а также добавить в круги дабы следить за обновлениями.
После добавления в круги вы сможете видеть в своей "ленте" все последние новости и обновления от команды Blogger`а, так сказать, быть в курсе всего происходящего. Кроме того, можно попытаться увеличить интерес к своей скромной персоне (личному профайлу), а также персональном блогу, оставляя комментарии к записям - ведь не зря комментирование часто используется для продвижения.
Вот что можно ожидать на странице Blogger в Google+:
После добавления в круги вы сможете видеть в своей "ленте" все последние новости и обновления от команды Blogger`а, так сказать, быть в курсе всего происходящего. Кроме того, можно попытаться увеличить интерес к своей скромной персоне (личному профайлу), а также персональном блогу, оставляя комментарии к записям - ведь не зря комментирование часто используется для продвижения.

Вот что можно ожидать на странице Blogger в Google+:
- Новости Блоггера и анонсы.
- Видео тусовок с командой разработчиков.
- Заметки о разных самых интересных блоггерах и их проектах.
- Советы и хаки по системе от создателей и других пользователей Blogger.
Можно также в заметках упоминать Блоггер (+Blogger или @Blogger) когда хотите поделиться своим хаком - если он покажется полезным, разработчики расскажут о нем остальными.
P.S. Если вы любитель азартных игр, тогда крупнейший портал про интернет казино вам будет весьма интересен, найдете много статей и обзоров казино.
P.S. Если вы любитель азартных игр, тогда крупнейший портал про интернет казино вам будет весьма интересен, найдете много статей и обзоров казино.
Как вам пост?
Коннектимся к Google+
воскресенье, 18 декабря 2011 г.
В прошлой публикации рассказывал про интеграцию профилей Google+ и Blogger, когда ваша учетная запись на Blogspot заменялась аккаунтом социальной сети Google+. Судя по последним новостям в блоге разработчиков процесс перехода продолжается и это только первые из многих других возможностей. Собственно, начиная с сегодняшнего дня, если вы уже привязали свой Google+ аккаунт с блогом, тогда сразу после публикации постов увидите всплывающее окно с предложением поделиться информацией в социальной сети Google. Данное окно будет содержать сниппет (краткий анонст поста) + изображение, которыми вы сможете поделиться в кругах (circles) Google+.

Конечно, вы сможете в любой момент отменить возможность делиться публикациями блога - для этого нужно зайти в меню "Настройки" - "Сообщения и комментарии" (Settings - Posts and Comments) и установить там соответствующие опции. При этом, кстати, вы также всегда сможете "расшарить" отдельные посты в Google+ кликая по ссылке "Открыть доступ" (share) под каждой из заметкой своего блога.

Теперь перейдем от новостей непосредственно к практике. Многие пользователи Blogger наверное уже могли наблюдать в своих аккаунтах подобную картинку, которая предлагает соединиться с социальной сетью Google+:

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

Отмечаете те, которые нужны, и кликните по кнопке "Добавить блоги". На этом процесс интеграции и соединения можно считать завершенным. Для проверки заходите в список всех публикаций блога и проверяйте появилась ли там ссылка "Открыть доступ" - есть линк? тогда все окей.
P.S. Всем любителям почитать классические бумажные книги наш книжный интернет магазин поможет достаточно быстро, удобно их заказать причем прям с доставкой домой.
Как вам пост?
Шаблон 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 аутсорсинг компании помогут эффективно, качественно и профессионально наладить и обслуживать информационную составляющую бизнеса.
Сама же структура шаблона столь же проста, как и у представленных ранее "собратьев". На главной и архивных страницах для каждого поста указывается количество комментариев, теги + имеется ссылка читать далее. Сайдбар немного "упрощен" - здесь только поиск, последние публикации, метки и архив. В принципе, все стандартное как для шаблона, остальные виджеты сможете добавить самостоятельно.
P.S. В условиях жесткого соблюдения бюджета компании есть смысл некоторые дела отдавать другим исполнителям, так it аутсорсинг компании помогут эффективно, качественно и профессионально наладить и обслуживать информационную составляющую бизнеса.
Как вам пост?
Google+ и Blogger: интеграция профилей
четверг, 8 декабря 2011 г.
Когда-то давно прочитал инфу от некоторого издания Googlesystem, что во время редактирования профиля Blogger пользователю будет показано новое сообщение от сервиса с предложением подключить Blogger к Google+. Ссылки в сообщении сначала не являлись рабочими.
Чуть позже сами представители Blogger подтвердили проведение разработок в вопросе интеграции с Google+. В течение ближайших недель пользователи смогут воспользоваться новым функционалом. Ну а потом я сам увидел сообщение об интеграции двух сервисов.
Оставался вопрос, как именно Blogger интегрируют с Google+. Среди предположений – синхронизация комментариев к постам в Google+ и Blogger, возможность автоматической трансляции постов между ними. Но все оказалось немного по другому.
Во-первых, в поисковой выдаче можно будет видеть профили пользователей, которые делятся (+1) различными статьями, что-то вроде дружеских рекомендаций.

Это нововведение, конечно, больше относится к Google+ нежели Blogger`у. Вторая опция более локальная. С помощью интеграции двух сервисов вы сможете заменить связать свою учетную запись Blogger с Google+. Если у вас нет уведомления как на картинке (вы отключили уже):

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




