Редактирование мобильного шаблона Blogger

понедельник, 28 ноября 2011 г.
Мобильный интернет, а вместе с ним и блоггинг, развиваются стремительными темпами, еще годик-другой и добрая половина трафика будет генерироваться мобильными пользователями. В виду такой актуальности расскажу про одну интересную и новую возможность системы Blogspot. Как вы, вероятно, помните когда мобильные шаблоны в Blogger только появились не было никакой возможности их редактировать (эту фичу можно было только включить или выключить). Но вот на днях у пользователей Blogspot такая возможность стала доступной! 
Для того чтобы начать идем в админку → «Шаблон» → «Для мобильных устройств». Вызываем окно настройки (для этого кликаем на кнопку с шестеренкой (Gear)):
Обратите внимание, что теперь появилась возможность выбрать один из шести мобильных шаблонов (ранее был один — Simple). Кроме этого в списке появилась опция «дополнительно», выбрав которую вы можете настроить вид мобильного шаблона самостоятельно. Как это сделать? Вот вам несколько отправных точек.
Внешний вид мобильного шаблона
Теперь вы можете полностью настроить внешний вид мобильного шаблона на свое усмотрение. Body элемент мобильного темплейта начинается с кода:
<body class='loading mobile'>
Для того чтобы посмотреть элементы относящиеся к мобильному шаблону и изменить структуру, ищите:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Для редактирования стилей - /* Mobile

.mobile .date-header {
  text-decoration:underline;
}
Виджеты в мобильном шаблоне
Теперь у виджетов Blogger появилось новое свойство «mobile», которое может принимать состояние «default», «yes», «no» или «only».
По умолчания в мобильном шаблоне могу отображаться виджеты «Header», «Profile», PageList, «Adsense», «Attribution» и некоторые другие. Вы можете убрать любой из них изменив свойство «mobile» на «no», например:
<b:widget id='Attribution1'  locked='true' mobile='no' title='' type='Attribution'/>.
Таким же образом вы можете наоборот добавить какой-нибудь видежет, например, архив. Для этого найдите:
<b:widget id='BlogArchive1'  title='Blog Archive' type='BlogArchive'>
И добавьте свойство mobile='yes'. Итоговый результат будет выглядеть вот так:

<b:widget id="BlogArchive1" mobile="yes" title="Blog Archive" type="BlogArchive">
Если вы хотите чтобы какой-то виджет отображался только в мобильно шаблоне используйте mobile='only'.
Альтернативное содержимое виджетов в мобильном шаблоне
Некоторые виджеты слишком громоздки для мобильного шаблона, поэтому пользователям мобильных устройств можно показывать альтернативный контент. Для этого удобно использовать условие:
<b:if  cond="data:blog.isMobile"/>
Пример использования:
<div  class="widget-content">
<b:if  cond="data:blog.isMobile">
<!-- Show a text link in mobile  view.-->
<a  href="http://www.blogger.com">
Powered By Blogger
</a>
<b:else/>
<!-- Show an image link in  desktop view.-->
<a  href="http://www.blogger.com">
<img  expr:src="data:fullButton" alt="Powered By Blogger"/>
</a>
</b:if>

</div>
В данном случае мы показываем пользователя немобильного устройства виджет "Powered By Blogger" в виде логотипа, пользователь мобильного устройства видит лишь ссылку.

Удачных вам экспериментов и не забывайте делать бекап!

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

Простой шаблон Tribune

воскресенье, 27 ноября 2011 г.
В отличие от минималистического шаблона Blog Theme, который я рассматривал в прошлый раз, Tribune ассоциируется с традиционными печатными изданиями (даже название намекает). Во многом это ощущение рождается благодаря «Романским шрифтам» (Roman Type), мягкому неконтрасному бекграунду, в целом мягкой и такой же неконтрасной гамме. Смотрится просто, читается легко, минимум нужных элементов как для блога дабы ничего не отвлекало пользователя от контента.

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

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

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

Заработок в Blogger на статьях и в Miralinks

вторник, 22 ноября 2011 г.
В интернете есть достаточно много вариантов для заработка на своих блогах. Одни из них - работа с биржами статей. Популярная в рунете биржа статей Miralinks используется оптимизаторами для размещений статей на сайтах вебастеров. Первым это дает некий эффект для seo продвижении, вторым - заработок. Особенность данной биржи в том, что статьи размещаются навсегда и вручную, поэтому есть возможность работать с системами по типу Blogger. Вообще в Blogspot не так много "классических" вариантов монетизации за счет того, что хостинг не поддерживает PHP. Поэтому вы можете размещать рекламу либо вручную, либо с помощью разных скриптов как это делает Google Adsense, Rotaban и т.п. Но сегодня я расскажу какие нюансы возникают при работе с Miralinks на Blogger.com
Так как я уже рассматривал биржу в другом блоге советую для начала почитать статьи -"Работа с Миралинкс – хорошее решение для белых площадок"  и "Увеличиваем заработок в Миралинкс – обработка заявок и магазин статей". В принципе, в системе нет ничего сложного - вы публикуете статьи, отправляете на проверку и получаете деньги. Чуть прояснить ситуация может вот эта видео презентация системы Миралинкс.
Итак, первым делом регистрируемся в Miralinks. Дальше следует добавить ваш блог - как новую площадку в систему - нажимаете на соответствующей ссылке. 
В новом окне откроется форма, где нужно будет указать название блога, указать его адрес, краткое описание, тематику, выбрать тип сайта и категорию. Дабы понять какая должна быть цена за размещение статьи на вашей площадке рекомендую зайти в каталог сайтов и посмотреть средние цены там для проектов с таким же тИЦ и PR. Также отмечайте галочку "Площадка участвует в обратном поиске".
Дальше модератор Miralinks проверит вашу площадку и в зависимости от ее качества добавит в систему или откажет. Вообще, конечно, модерация - болезненный вопрос, поскольку в правилах системы нашел информацию что мол не принимаются площадки на бесплатных хостингах ucoz, narod, narod2, blogpost, livejournal и ya. Но, как видите, мой блог участвует в системе, на что может быть 2 причины - во-первых, я добавлялся достаточно давно, во-вторых, его возраст и показатели соответствуют хорошим качественным белым проектам. Вопрос, короче, спорный - если получите отказ, можете попробовать обратиться в тех.поддержку и прояснить что вы ведете качественный блог, который хорошо индексируется и имеет показатели, нулевые проекты, конечно, добавлять нет смысла.
После попадания в систему Miralinks вам будут приходить заявки или вы сможете сами отправлять предложения по статьям некоторым вебмастерам. Подробнее об этом рассказано в двух статьях на которые я ссылался в начале поста. Расскажу немного о принципе добавления статей именно для Blogger.
1. Заходим в админку блога в раздел "Страницы", где создаем новую для анонсов статей. Здесь будут публиковаться ссылки на сами статьи + краткое их описание (1-2 предложения).
На этой странице можно добавить небольшой вступительный текст о том что пользователь сможет почитать разные статьи и все такое.
2. Ссылку на данную страницу нужно разместить в боковой панели блога - по правилам можно только на главной, но я советую сделать сквозняк со всех страниц, так будет быстрее индексироваться.
3. Дабы выполнить новую заявку на статью вы создаете новую запись в блоге. Как всегда добавляете текст статьи из Miralinks и заголовок. К сожалению нет возможности указать ключевые слова и описание (keywords, description).
Важным моментом в этом деле есть установка даты публикации - нужно указать для нее какую-то старую дату дабы пост не появился на главной странице. Фишка в том, что формат "страниц" в блоггер добавили недавно и вроде как их ограниченное количество, поэтому фактически для статей используются посты блога. Учитывая то, что иногда статьи попадаются не тематические, то выводить их на главную особого смысла нет.
4. Также при написании статьи я бы советовал ставить ссылку читать далее - Blogger достаточно быстро и хорошо индексируется google, поэтому бывают ситуации когда текст статьи проиндексируется не по самой ее ссылке (URL), а например из архива за определенный месяц - это не считается нарушением, но все равно нехорошо. Поэтому лучше выводить краткие анонсы статей в архивах + ссылку читать далее.
5. После сохранения и публикации статьи заходите на страницу со списком всех своих статей и добавляете туда новую запись - ссылка + анонс. Теперь можно смело оправлять адрес добавленной статьи (поста) на проверку в Miralinks.
Даже, если ваш блог не приняли в Миралинкс, то можете оказывать подобную услугу напрямую. Создаете на сайте страницу реклама в блоге с постовыми и статьями дабы посетители заинтересованные в таких услугам могли их заказать. Главное извлечь из этого поста принцип размещения - создание отдельной страницы с анонсами статье и посты в видел сами статей, размещаемый глубоко в архиве блога.
P.S. Дабы ваш смартфон выделялся из толпы остальных можно купить iphone наклейки и преобразовать внешний вид под свой любимый стиль или имидж.
Ни один праздник не проходит без торта, поэтому хозяйке пригодятся разные рецепты тортов с помощью которых вы сможете сотворить вкусные и красивые кулинарные шедевры.
Хотите много знать? - читайте больше и чаще, заходите в книжный интернет магазин и покупайте новый интересные книги с возможностью доставки прямо домой.

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

Продвижения сайтов

суббота, 19 ноября 2011 г.
Чтобы сайт приносил "урожай", о нем нужно заботиться! Процесс продвижения сайтов можно сравнить с кропотливой работой садовника. Дерево вырастет в любом случае, но от умелых действий мастера зависит его красота, стройность и плодовитость. То, насколько серьезно вы станете работать со своим сайтом сегодня, определяет, как завтра он будет работать на вас.

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

Минималистический шаблон Blog Theme

четверг, 3 ноября 2011 г.
Простые минималистические шаблоны тем и хороши, что будут уместны практически в любой ситуации. К тому же, ими можно обойтись если вы хотите иметь приличный дизайн, но у вас нет денег на дизайнера (просто и со вкусом всегда лучше, чем сложно, но бесвкусно). Сегодня я хочу познакомить вас с одним из таких шаблонов.
Blog Theme
Blog Theme - отлично выглядящей шаблон «классической» компоновки с правым сайдбаром, который состоит из двух колонок - сможете разместить максимум элементов. В верхней части логотип, а также имеется два блока навигации по страницам (верхних меню), что на мой взгляд очень удобно. Не менее удобно «забронированное» в шапке место под баннер (468х60 пикселей).
Визуально шаблон смотрится очень хорошо, фон потемнее выделяет основной контент блога, все выглядит светло и не мешает читать тексты. Что касается функциональности, то здесь тоже все сделано качество - текст содержит стили оформления, есть графическое выделение кнопки Читать далее, а также в комментариях поддерживаются аватарки. В сайдбаре по традиции список постов (архив), метки и блок Google Friend Connect.
Каких-то излишков в данном шаблоне нет, но это и к лучшему. Я бы даже назвал данный шаблон идеальной площадкой для создания на его базе более персонифицированного дизайна.
P.S. Все опытные игроки уже давно знают про покерный блог Сhipcount, новичкам пригодится страница покер игра скачать бесплатно где приведена полезная информация где можно сказать игру, книги, видео - вообще блог получился хороший.

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