Делаем страницу F.A.Q. для блога

Приветствую всех, кто читает мои шпаргалки. Наверняка, вы видели на некоторых сайтах страницы "часто задаваемые вопросы" или "F.A.Q ". FAQ (Frequently Asked Questions) – это информационный раздел на сайте, где пользователь может найти ответы на интересующие его вопросы.  Разберём весь процесс установки такого раздела в блоге. Не такой уж он и трудоёмкий .

Пост обновлённый и дополненный информацией.

Для начала идём во вкладку шаблон и сделаем резервное копирование. Нажимаем изменить HTML и c помощью комбинации клавиш Ctrl+F находим заветную строку ]]></b:skin>. Прямо над ней вставляем следующий   код

нажмите здесь, чтобы получить код

.halamanfaq{ margin:10px auto; border:1px solid #999; padding:30px; background-color: #F0F0F0; width:100%; font-family: Verdana;}.halamanfaq h3{ margin:0; padding:0; font-size:16px; color: #000000; }.tanya{padding-top:20px} .tanya dt{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH1aiQ6K0bzgZCgTBfdacWygbcXEPkcoHyzf0AZyIqX7DTvlhyNXul93I8KG8ZuL9YXb1aqXmsxLexqHN7qWL1b6b-1E5WYT_352BZG1xaBl97FgY_x0mKMhk-8yxKr4WbdcejCf-XehYR/s1600/pertanyaan.gif') 0 3px no-repeat; padding:3px 0 15px 30px; position:relative; color: #990000; text-decoration: none; font-size: 14px; text-shadow: 1px 1px 1px #ccc; }.tanya dt:hover{ cursor:pointer; text-decoration: none; color: #000099; }.tanya dd{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDYDXIkPjBvlMWkx5BM0PzPooiQY-nTPDqs7QWJ0qxpRz4Yss1XoLaZOzMCEKIMirLCfTWUagDIuYDXi8OCb1S1ent0twYCu8Epup1C2JXZR8APV4EYDCkskYWCMdAWcAzmDQ-rm8lWI5D/s1600/jawaban.gif') 0 2px no-repeat; padding:0 0 5px 30px; position:relative; color:#333; margin-left: 20px; font-size: 12px; line-height: 20px; }.tanya .hover{color:#990000;text-decoration:underline}

Далее чуть ниже есть закрывающийся тег </head>. Можете так же найти его с помощью клавиш Ctrl+F. И над ним устанавливаем этот  код.

<script type="text/javascript">$(document).ready(function () {
$('.tanya dd').hide();
$('.tanya dt').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).click(function(){
$(this).next().slideToggle('normal');
}); });</script>

Сейчас  нужно перейти в админ.панель блога и создать новую страницу. Как это делать прочитайте  в статье о страницах в блоге. Переходим из режима создать в режим HTML

 и сразу вставляем следующее-

<h3>F.A.Q - вопросы-ответы </h3>
<dl class="tanya">
<dt>здесь пишем вопрос 1 ?</dt>
<dd>здесь ответ на вопрос 1 </dd>
<dt>здесь пишем вопрос 2?</dt>
<dd>ответ на вопрос 2</dd>
<dt>здесь пишем вопрос 3 ?</dt>
<dd>ответ на вопрос 3</dd>
</dl>
</div>

Перейдите в режим создать и посмотрите что получилось. Можете в редакторе поменять цвет, размер шрифта. Как обычно.  Последний код лучше отредактировать для себя, где-нибудь в блокноте или черновике .

Если всё правильно сделали, поздравляю! Теперь у вас есть своя страница F.A.Q. И добавив чуть-чуть фантазии, то применение ей можно найти практически на любом сайте.

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

Ещё советую прочитать пост о том,  как сделать подстраницы в блоге.

Удачи всем.

оформите подписку на новые шпаргалки

введите пожалуйста свой адрес электронной почты :