понедельник, 19 октября 2009 г.

Добавление секции элементов шаблона в блоге на Blogspot

Попросили меня недавно рассказать как я смог вставить в шапку блога баннер. Вопрос, в принципе, не сложный, но вместе с тем решил рассказать о том как можно добавить в шаблон новую секцию (блок) элементов. Если не совсем понятно о чем речь, читаем дальше. Итак, разместить какой-либо код баннера, скрипта или просто часть дизайна можно непосредственно в шаблоне блога.

Внимание! Данный проект закрыт навсегда.
Эту статью я восстановил и разместил здесь - Добавление секции элементов шаблона в блоге на Blogspot.


29 комментариев:

  1. Хороший материал. А как можно сделать третью колонку для гаджетов, чтобы не сбить общее расположение? То есть если просто добавить b:section, он же появится неизвестно где, а вот так, чтобы просто взять и продублировать правую сторону стандартного шаблона, с появлением не одной правой колонки, а двух, как у Вас на скрине. И еще, думаю по теме, какое место в коде отвечает за общие размеры, то есть сколько пиксел отведено в целом, на левую, и правую часть, и как туда втиснуть еще одну колонку?

    ОтветитьУдалить
  2. Schefer, все размещения колонок (секций) зависят от шаблона и HTML кода, а также CSS стилей - можно хоть 3 колонки добавить, главное разбираться в HTML и CSS.
    Размеры колонок для шаблонов как правило задаются в стилях CSS в самом начале кода макета.

    ОтветитьУдалить
  3. Спасибо. Не думал, что на вопрос последует нравоучение и высокомерие. В HTML я бы это нашел, а вот XML пока не изучал, ибо занят иной областью знаний. Прошу извинить, что посмел спросить.

    ОтветитьУдалить
  4. Огромное спасибо!!!! второй день копался в инете что бы найти как что-нибудь поменять в шапке! И еще у меня есть вопрос но он не по теме, не могу поменять вид рекламы после сообщения, при попытке сохранится он пишет какую то старшную вещь

    ОтветитьУдалить
  5. Schefer, нравоучение и высокомерие? вам показалось:) я вроде нормально ответил на вопрос. Непонятно где там XML, вроде все в обычном HTML.

    UpDower, что значит вид рекламы?

    ОтветитьУдалить
  6. Tod, значит что не могу поменять цвет, размер банера

    ОтветитьУдалить
  7. UpDower, ты меняешь баннер в шаблоне или через вставленный элемент? странно, конечно, но может здесь проблема баннера, а не админки.

    ОтветитьУдалить
  8. Tod, я добавляю банер в настройках сообщения, что бы после поста был банер.и он постоянно одного размера и цвета, при попытке поменять его выходит ошибка

    ОтветитьУдалить
  9. Подскажите, 1)каким образом можно вывести список из 5 случайных постов и 2)перенести часть постов с главной страницы на другие, иначе главная страница долго грузиться из-за большого количества материалов?

    ОтветитьУдалить
  10. Анонимный, читаем здесь как отображать случайные посты в блоге BlogSpot. Количество сообщений на странице можно указать в настройках - меню "форматирование".

    ОтветитьУдалить
  11. Вопрос не в тему. Когда я пишу пост и меняю размер шрифта на "большой" и сохраняю, то он почему то сам по себе меняется на "самый большой". В чем причина? И еще я пробела не делала, но он опять таки сам по себе появился. Помогите пожалуйста.

    ОтветитьУдалить
  12. Спасибо за статью, только я все не понял некоторые моменты, ну начинающий я... Не могли бы Вы еще более развернуто описать процедуру создания такого шаблона, как у Вас в примере, если можно с примерами кода и куда вставлять? Вам пара минут, а мне и другим просто жизнь спасете! Спасибо... ;)

    ОтветитьУдалить
  13. Фагот, лучший способ понять что к чему - взять шаблон тестовый и попробовать несколько раз реализовать, посмотреть внимательно его структуру и т.п. Я сам начинал с этого. Каждый шаблон индивидуален, поэтому я не могу взять и привести пример, который бы устроил всех сразу. Поэтому я указал алгоритм работы какие шаги нужно сделать, а в деталях каждому нужно уже разбираться самому.

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

    ОтветитьУдалить
  14. Полезное инфо, попробую себе в шапку закинуть.
    А вот такой вопрос, как сделать так чтобы можно было впихнуть 5 и более баннеров и что бы они отображались по очереди в одном и том же месте (или в случайном порядке) после каждого обновления страницы???

    ОтветитьУдалить
  15. Ах да и еще один вопросик, не дадите ссылочку или код, на подписку как у Вас,ато у меня люди постоянно спрашивают как подписаться, а все не поставлю удобную панельку, заранее спасибо.
    ЗЫ. имелась в виду панелька что ниже

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

    ОтветитьУдалить
  16. LuckyStar, про "баннеры по очереди" и "подписку на блог" я напишу в следующих постах, следите за обновлениями:) и спасибо за идеи для статей.

    ОтветитьУдалить
  17. Здравствуйте! не подскажете пожалуйста, как сделать, чтобы гаджеты были и по правой и по левой стороне шаблоне sample
    столько мучаюсь, никак не могу понять!
    буду очень благодарна!

    ОтветитьУдалить
  18. Классный блог все доходчиво и наглядно -спасибо

    ОтветитьУдалить
  19. А ваш шаблон нельзя поиметь?

    ОтветитьУдалить
  20. dmx, без проблем, он есть в свободном доступе в интернете, называется - Vibrant Blogger XML Template. Тот, который я использую, уже претерпел ряд изменения, что делал под себя, поэтому лучше скачать шаблон, что был по умолчанию.

    ОтветитьУдалить
  21. Tod, в сети лежит косячный шаблон, он очень плохо встраивается в настройки, и картинка "Дизайн" у него не такая шикарная, как выше, а все гаджеты в полную длину

    http://lh3.ggpht.com/_TrjwpcTNB_w/SvieSbyNSdI/AAAAAAAAAKU/vFJrroQGnVA/Vibrant1.JPG

    ОтветитьУдалить
  22. Schefer S A, это не косячный шаблон, а глюки в системе Blogspot - все нестандартные шаблоны в админке сбились, в том числе и у меня.

    ОтветитьУдалить
  23. "Добавление секции..." - это какая-то половинчатая тема. Нужно понимать все нюансы создания и редактирования шаблонов для Blogger. Если интересно, заходите ко мне в дневник. Есть полная информация по работе с шаблонами - от теории до практики.
    Но, в целом, BlogoHelp отличный блог. Я лично почерпнул для себя массу полезных рецептов.

    ОтветитьУдалить
  24. Здравствуйте! Давно являюсь постоянным читателем вашего блога. Много всего интересного узнала именно здесь. СПАСИБО!!! И вот сейчас снова обращаюсь к вам. Недавно я зарегистрировала свой блог в партнерской программе. Далее мне предложили поставить на блог блок тизеров. Код для вставки тизерного блока, который мне дали, состоит из двух частей. Первая часть выглядит так div id="bn_TEVNgS62G6T8KhFgd6N"загрузка.../div, вторая часть - это ява-скрипт. Про вторую часть написано, что она должна быть всегда ниже первой части, и ставить ее нужно перед тегом /body. На своем блоге я добавила гаджет HTML/JavaScript и скопировала в него сначала первую часть, а под нее - вторую. Сохранила. Нажала просмотр блога, а там вместо тизерного блока - слово "загрузка...". Задала этот вопрос на форуме партнерской программы, мне там еще раз написали, что вторая часть должна быть "ниже контейнера, стоять перед тегом /body и не грузить сайт перед загрузкой рекламы". Но я так и не поняла, что мне делать. Помогите мне разобраться, пожалуйста, вся надежда только на вас!

    ОтветитьУдалить
  25. Наталия, вторая часть должна быть непосредственно перед /body, можно попробовать добавить этот ДжаваСкрипт код в шаблон, а id="bn_TEVNgS62G6T8KhFgd6N вызывать через HTML/JavaScript как вы и сделали.

    ОтветитьУдалить
  26. Подскажите пожалуйста, как вставить баннер в шапку блога, справа от заголовка (хочу себе в блог)?
    Уже и пробовал секции добавлять и виджеты в секцию, искал инфу на других сайтах по теме. Никак не получается. Баннер либо выше шапки, либо ниже выходит, ну или вообще шаблон отказывается поддерживать то, что я там написал :)
    С уважением, сео-аспирант.

    ОтветитьУдалить
  27. У меня в этом блоге вставлено через секцию, можно просто добавить код в HTML. Если выше или ниже, то тут уже нужно возиться со стилями. Я бы сохранил страницу блога на комп, открыл в каком-то редакторе да попробовал поэкспериментировать - проблема имхо только в CSS и коде.

    ОтветитьУдалить