Как добавить новый гаджет в шаблон

<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 10 июн 2011, 17:40

Как добавить новый гаджет в шаблон

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

место вот здесь
пустое место.jpg
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Последний раз редактировалось Admin 11 июн 2011, 01:35, всего редактировалось 2 раз(а).
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 10 июн 2011, 18:14

Re: Пустое место в шаблоне - как занять?

я бы туда подписку переместила, сделала ее крупнее и, возможно, добавила бы форму подписки по почте или подписку в социальных сетях, если есть аккаунты.
<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 10 июн 2011, 19:26

Re: Пустое место в шаблоне - как занять?

)) я понимаю, но там нет ни гаджетов ни никаких полей))) как это сделать - вот, в чём вопрос :blush:
<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 10 июн 2011, 19:45

Re: Добавление дополнительного гаджета

Admin писал(а):В шаблоне есть такая строчка:
  Код:
<b:section class='main' id='main' showaddelement='yes'>

Возможно, она немного отличается, сразу после нее идет строка:
  Код:
<b:widget id='Blog1' locked='true' title='Сообщения блога' type='Blog'>

Вам нужно в первую строчку привести к такому виду:
  Код:
<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>

где 2 это количество возможных виджетов:
1 - это виджет самих постов
2 - это сообщения и любой виджет
Естественно, можно указать и 3 и 4 и т.д.
По идее, после этих манипуляций на странице Элементы страницы должен появиться новый блок для гаджета.

Ваше сообщение переношу в специальную тему про гаджеты.


Вот, нашла, надо удалить начатую мною тему :blush:

Скажи, а этот гаджет можно в любое место вставить?

Добавлено спустя 8 минут 52 секунды:
Re: Гаджеты и виджеты для Blogger от Google
у меня в шаблоне есть такой код
  Код:
<!-- // end --></div>

<div id='hotpost-wrapper'>
      <b:section class='hotpost' id='hotpost' maxwidgets='1' showaddelement='no'>
<b:widget id='PopularPosts1' locked='true' title='Популярное в Блоге' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h4><data:title/></h4></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>

  </div>
</b:includable>
</b:widget>
</b:section>
</div>
         </b:if>


то есть это заканчивается слайдер и начинается разделитель для гаджета (он в дизайне шаблона неактивен и изменить его можно только в HTML), можно ли между ними вставить ещё один гаджет и как? :head:
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 10 июн 2011, 20:29

Re: Гаджеты и виджеты для Blogger от Google

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

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 10 июн 2011, 20:58

Re: Гаджеты и виджеты для Blogger от Google

хм, у меня есть в этом месте код wrap2, для которого ничего не прописано, но он обозначен

в CSS так
  Код:
#wrap2 {}


а ниже, в теге <body> вот так
  Код:
<div id='outer-wrapper'><div id='wrap2'>


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

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 10 июн 2011, 21:35

Re: Гаджеты и виджеты для Blogger от Google

у теня код меню заканчивается строкой
  Код:
<ul id="topnav">меню</ul>
<div class="clear"></div>

Сразу после него начинается код слайдера:
  Код:
<div id="slider">слайдер</div>

и следом за ним код Популярное в блоге:
  Код:
<div id="hotpost-wrapper"></div>

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

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 10 июн 2011, 21:45

Re: Гаджеты и виджеты для Blogger от Google

спасибо большое, в общем-то сделала, но вот беда - думаю, думаю, а как же мне этот слайдер вернуть в неизменном виде в гаджет? помимо кода самого слайдера, никаких его классов не удаляла, а в гаджет он вставляется в прописном виде :head:
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 10 июн 2011, 22:08

Гаджеты и виджеты для Blogger от Google

Fleelancer писал(а): а в гаджет он вставляется в прописном виде :head:

вот тут, пожалуйста, поподробнее.
<<

Fleelancer

Аватара пользователя

Автор темы

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

Сообщение 10 июн 2011, 22:14

Re: Гаджеты и виджеты для Blogger от Google

В общем мой слайдер выглядит так
  Код:
<div id='slider'>
<div id='preFeature'>
      <div>
         <img alt='Диеты' src='https://lh5.googleusercontent.com/-5Vz6LCGLtH0/TeDtkeerskI/AAAAAAAAAkk/GRf1QQBeFO8/diets.jpg' title='Диеты' width='550px !important'/>
         <h4>Диеты</h4>

         <p>Сегодняшнее время диктует свои правила в питании, которые чаще всего основываются на диетическом рационе. Читайте в блоге о диетах, как для похудения, так и лечебных.</p>
         <a href='http://na-bobax.ru/search/label/%D0%94%D0%B8%D0%B5%D1%82%D1%8B'>Диеты</a>
      </div>
      
      <div>
         <img alt='Фрукторианство' src='https://lh3.googleusercontent.com/-G8YRb7ToniE/TeDtobANu3I/AAAAAAAAAko/lyyOcRLSSiA/frutarianism.jpg' title='Фрукторианство'/>
         <h4>Фрукторианство</h4>
         <p>Перевод с английского языка fruitarianism. Имеет синонимы: фруктоедение, фруторианство и фрутарианство, что означает питание плодами растений, главным образом сырыми. Подобный рацион составляют как сладкие сочные фрукты и ягоды, так и плодовые овощи, часто добавляются орехи, иногда семена.</p>

         <a href='http://na-bobax.ru/search/label/%D0%A4%D1%80%D1%83%D0%BA%D1%82%D0%BE%D1%80%D0%B8%D0%B0%D0%BD%D1%81%D1%82%D0%B2%D0%BE'>Фрукторианство</a>
      </div>
      
      <div>
         <img alt='Вкусные фестивали и праздники' src='https://lh5.googleusercontent.com/-5_9QIYlpHuY/TeDtsOnI0FI/AAAAAAAAAks/K3YlQQS5L_g/syedobnye-festivali.jpg' title='Вкусные фестивали и праздники'/>
         <h4>Вкусные фестивали и праздники</h4>
         <p>Сегодня где-то съедобный праздник? А может быть скоро пройдёт вкусный фестиваль? Самые удивительные праздники в блоге &#171;На бобах: Образ Жизни!&#187;</p>
         <a href='http://na-bobax.ru/search/label/%D0%A4%D0%B5%D1%81%D1%82%D0%B8%D0%B2%D0%B0%D0%BB%D0%B8'>Вкусные фестивали и праздники</a>

      </div>
      
      <div>
         <img alt='Сыроедение' src='https://lh4.googleusercontent.com/-41tiDDlqLW8/TeDtvil96RI/AAAAAAAAAkw/L7z9xmc43-Q/syroedenie.jpg' title='Сыроедение'/>
         <h4>Сыроедение</h4>
         <p>Употребление в пищу исключительно сырых продуктов питания. Сыроеды могут есть не только растительность, но и сырое мясо, рыбу и прочие животные продукты.</p>
         <a href='http://na-bobax.ru/search/label/%D0%A1%D1%8B%D1%80%D0%BE%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5'>Сыроедение</a>
      </div>

      
      <div>
         <img alt='21 Факт' src='https://lh3.googleusercontent.com/-xD0ZvYDCwhg/TeDtXhe8sqI/AAAAAAAAAkg/ig6k3ZFgzeE/21-fact.jpg' title='21 Факт'/>
         <h4>21 Факт</h4>
         <p>Рубрика представляет собой сборник фактов про самые разные продукты питания. Всё самое интересное именно там.</p>
         <a href='http://na-bobax.ru/search/label/21%20%D1%84%D0%B0%D0%BA%D1%82'>21 Факт</a>
      </div>
      
      <div>

         <img alt='Веганство или Веганизм' src='https://lh5.googleusercontent.com/-wZes-jOukbc/TeDtzL0sfiI/AAAAAAAAAk0/k-7Jbx_1sJg/veganism.jpg' title='Веганство или Веганизм'/>
         <h4>Веганство или Веганизм</h4>
         <p>Это наиболее последовательный вид вегетарианства, строгий образ жизни, который исключает употребление продуктов питания, полученным методом убийства или эксплуатации животных.</p>
         <a href='http://na-bobax.ru/search/label/%D0%92%D0%B5%D0%B3%D0%B0%D0%BD%D1%81%D1%82%D0%B2%D0%BE'>Веганство или Веганизм</a>
      </div>
      
      <div>
         <img alt='Вред и Польза' src='https://lh6.googleusercontent.com/-p-4IJjWdtH0/TeDt6LBh9UI/AAAAAAAAAk8/hLZDKp03aU0/vred-i-polza.jpg' title='Вред и Польза'/>

         <h4>Вред и Польза</h4>
         <p>Так уж устроен наш мир, что тень граничит со светом, добро со злом, а пользе с вредом, - читайте статьи о вреде и пользе всех продуктов питания.</p>
         <a href='http://na-bobax.ru/search/label/%D0%92%D1%80%D0%B5%D0%B4%20%D0%B8%20%D0%9F%D0%BE%D0%BB%D1%8C%D0%B7%D0%B0'>Вред и Польза</a>
      </div>
      
      <div>
         <img alt='Вегетарианство' src='https://lh4.googleusercontent.com/-UX7rLp50ieY/TeDt1_vwW8I/AAAAAAAAAk4/j3GqgeTPUpY/vege.jpg' title='Вегетарианство'/>
         <h4>Вегетарианство</h4>

         <p>Лат vegetables - растительность. Это своеобразный образ жизни, который, прежде всего, характеризуется питанием, исключающим плоть любых животных (мясо, рыбу, птицу и прочие).</p>
         <a href='http://na-bobax.ru/search/label/%D0%92%D0%B5%D0%B3%D0%B5%D1%82%D0%B0%D1%80%D0%B8%D0%B0%D0%BD%D1%81%D1%82%D0%B2%D0%BE'>Вегетарианство</a>
      </div>
   </div>
<!-- // end --></div>


его предварительно скопировала и сохранила, остальные его настройки CSS остались в шаблоне. Теперь при вставке этого кода в гаджет HTML, он не выглядит слайдером, а выглядит текстом без картинок
След.

Вернуться в Вопросы по шаблонам

Кто сейчас на конференции

Зарегистрированные пользователи: нет зарегистрированных пользователей

cron
Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo