К основному контенту

Сообщения

Сообщения за сентябрь, 2011

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

Если у Вас большое количество статей на главной странице, то очень полезно добавить кнопку “На верх” или “в начало”, это облегчает пользователю возвращение к началу блога, избавляя его от дополнительной прокрутки. У многих из блоггеров на блогспот уже есть такая вещь, поэтому сегодня хочу рассказать как добавить тоже самое только лучше, с плавным перемещением, так данный вариант использует Jquery (уверен Вам понравится). Если заинтересовались, то приступим к пошаговой инструкции:

Добавляем выпадающее меню в сайдбар

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

Добавляем неподвижную строчку в Ваш блог

Неподвижная строчка это элемент который будет постоянно находиться в одном месте экрана при прокрутке Вашего блога вниз или вверх. Часто такой элемент используют для рекламы, чтобы мозолить пользователям глаза, но в блоге его так же можно использовать для того чтобы вставить какую либо ссылку, или важную новость, в крайнем случае просто написать “ПОДПИСЫВАЙТЕСЬ НА МОЙ БЛОГ” Если такой гаджет Вам необходим то приступим:

Настраиваем форму комментариев-придаем свой стиль

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

История блоггер

Сегодня блоггер пожалуй одна из лучших платформ для блогов, можно писать бесконечное количество постов, получать комментарии, загружать бесконечное количество картинок, добавлять видео, использовать множество гаджетов, скриптов, так же в интернете доступны тысячи шаблонов которые можно настроить по своему вкусу, и все это совершенно бесплатно и на бесплатном домене. Хочется показать как выглядел блоггер в прошлом. Изначально блоггер был создан компанией Pyra Labs и был запущен 23 августа 1999 года, это была одна из первых платформ для блоггинга. Вот как выглядела стартовая страница blogger в 1999 году:

Добавляем выпадающее меня в блог на блогспот

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

Как сделать Ваш блог быстрым для загрузки с мобильных

Сегодня все активно начинают пользоваться смартфонами, айфонами, андроидами и прочими устройствами для доступа в интернет. Это означает что необходимо подстраиваться под тенденции дабы не утратить своих читателей. Во первых Вы можете поставить отметку в настройках блога, Включить мобильную версию, что уменьшит вес страниц. Зайдите в : Настройки/Шаблон/Для мобильных устройств и отметьте Да. Показывать мобильные шаблоны на мобильных устройствах . Смотрите картинку. Так же рекомендую усовершенствовать Ваш блог покопавшись в шаблоне. Для этого зайдите в настройки блога/Изменить HTML и найдите следующий тэг: <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'/> <