понедельник, октября 25, 2010

Как подготовить свой блог для просмотра на мобильном устройстве?

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

1. Зайдите в раздел правки шаблона. Активируйте галочку «Расширить шаблоны виджета».
2. Найдите следующий фрагмент кода:

<b:include data='blog' name='all-head-content'/> 

и замените его на


<b:include data='blog' name='all-head-content'/>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if> 

3. Сохраните шаблон. Вот и все :-)

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

Эмулятор Opera Mini
Эмулятор DotMobi


Web Analytics