Как добавить столбцы в Blogger Шаблоны блога?

Добавьте еще один столбец / боковую панель вашего минимумами блоггер шаблон сайта и стоять в стороне от толпы! Вот простое руководство о том, как добавить столбец в шаблоны блога.

A+ A-

Если вы просматриваете шаблоны блога по умолчанию блогов и надоело, вот что-то захватывающее. Добавьте еще один столбец / боковую панель вашего минимумами блоггер шаблон сайта и стоять в стороне от толпы! Хотя найти шаблоны блога сайта в сети Интернет не является ярым задачей, попробовать что-то новое, творческое и приключенческий больше удовольствия. Кроме того, это дает лучшую полезность компоновки пространства. Вот простое руководство о том , как добавить столбец в шаблоны блога.

Перед тем как начать, давайте знать несколько макетов терминологий. Части шаблона сайта называются "контейнерами". 'Наружная обертка' является тот, который содержит весь макет. Названия "Колонтитулы контейнеров" самообъясняющие. 'Main Контейнер "является основным содержанием площадь и" Боковая панель "расположена панель на одной стороне (которая обычно заполняется с помощью виджетов).

Перед началом любого приключения, вы в основном получаете советы по безопасности! Здесь совет для резервного копирования весь свой блог на вашу систему. Не забудь это.

  • Панель управления> Дизайн> Изменить HTML> Скопируйте весь код (наряду с виджетами на месте)> вставить его на блокнот и сохранить его безопасно.
  • Edit HTML Add Sidebar Blogger

  • Теперь решение о ширине вашей новой боковой панели. Позвольте мне держать его как 'W' пикселей. Все, что вам нужно сделать сейчас, чтобы изменить несколько кусков кодов.
  • Найти этот кусок кода:
    #outer-wrapper {
    width: 660px;
    

    Примечание: используйте "Ctrl + F" для быстрого поиска текста / кодов.

  • Теперь для этого 660px, добавьте 'w'px (ширина новой колонки). Изменение числа в приведенном выше коде на новую ширину, чтобы приспособить новый столбец. Теперь мы создали пространство для нового столбца.
  • Увеличьте ширину '' из 'заголовка-обертки "и" колонтитула-обертку "также новой ширины.
  • Найти код:
    #sidebar-wrapper {
    background: XXX;
    margin-left: 10px;
    width: 220px;
    float: $endSide;
    ……………………… }
    
  • Скопируйте точный кусок кода, показанный выше, и вставить его прямо над тем же кодом. Теперь вы создали еще один столбец. Изменить имя '# врезку-обертку "к чему-то еще для новой боковой панели.
  • Изменение с плавающей точкой в ​​новом столбце 'поплавком: слева;' Add 'Левое поле: 10px' для обеих колонн. Кроме того, помните, чтобы изменить ширину '' на то, что вы приняли решение раньше и управлять ею с запасом.
  • Найти этот код:
    <div id=’sidebar-wrapper’>
    <b;section class=’sidebar’ id=’sidebar’ preferred=’yes’>
    </b:section>
    </div>
    
  • Скопируйте приведенный выше код и вставить его прямо над ним. Изменение имени 'боковой панели-обертку ", чтобы имя, которое вы выбрали для нового столбца раньше. Кроме того, измените идентификатор = 'боковой панели' (во 2-й линии) к 'sidebar2'. Сохраните его и предварительный просмотр.
  • Вот вы, с вашим все новый шаблон блога, имеющий еще один столбец. Если вы обнаружили, что интересно, играют с кодами; изменить переменные свойств, таких как цвет, выравнивание, поля и так далее. Надеюсь, что эта статья стоит время, которое вы потратили читать. Есть ли поделиться им. Счастливый Блоггинг

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

Входящие с помощью Google была одна из лучших вещей, которы...

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии