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

10 июн 2011, 13:40 Fleelancer

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

место вот здесь

10 июн 2011, 14:14 Admin

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

10 июн 2011, 15:26 Fleelancer

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

10 июн 2011, 15:45 Fleelancer

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
у меня в шаблоне есть такой код

Код:: </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 == "false"'> <b:if cond='data:showSnippets == "false"'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <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 == "false"'>  <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/>  <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:

10 июн 2011, 16:29 Admin

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

10 июн 2011, 16:58 Fleelancer

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

в CSS так

Код:: #wrap2 {}

а ниже, в теге <body> вот так

Код:: <div id='outer-wrapper'><div id='wrap2'>

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

10 июн 2011, 17:35 Admin

у теня код меню заканчивается строкой

Код:: <ul id="topnav">меню</ul> <div class="clear"></div>

Сразу после него начинается код слайдера:

Код:: <div id="slider">слайдер</div>

и следом за ним код Популярное в блоге:

Код:: <div id="hotpost-wrapper"></div>

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

10 июн 2011, 17:45 Fleelancer

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

10 июн 2011, 18:08 Admin

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

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

10 июн 2011, 18:14 Fleelancer

В общем мой слайдер выглядит так

Код:: <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>Сегодня где-то съедобный праздник? А может быть скоро пройдёт вкусный фестиваль? Самые удивительные праздники в блоге «На бобах: Образ Жизни!»</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> </div>

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