Доброго времени суток, друзья. Небольшая заметка для тех кто только что переключился на комментарии BLOGGER. У многих до последнего момента стояли комментарии Гугл+, которые, как известно на данный момент BLOGGER "приказали долго жить".

На этой неделе уже несколько человек обратились с вопросами о комментариях, а именно, о корректной настройке блогеровских комментариев. При переключении на новый формат (BLOGGER). Они стали отображаться вот так - во всплывающем окне.

настройки комментариев в Блоггере

Тут проблемы никакой нет. Обычным способом можно вводить комментарии и публиковать. Поэтому многие и задались вопросом "почему ни как у всех". Сейчас быстренько разберёмся.

Такой вид отображения окна комментариев, указан на платформе Блоггер по умолчанию всегда.

Зайдите в админпанель блога - НАСТРОЙКИ - СООБЩЕНИЯ, КОММЕНТАРИИ И НАСТРОЙКИ. Выбираете РАСПОЛОЖЕНИЕ КОММЕНТАРИЕВ. Нажимаете на кнопочку и в открывшемся списке отмечаете ВСТРОЕННЫЕ. Там же ниже можно настроить кто может оставлять комментарии. После этих изменений в правом углу вверху не забудьте сохранить настройки.

переключиться на профиль Блоггер

Всё, сейчас у вас, окно комментариев будет отображаться под вашими сообщениями, "как у всех".

Хочу ещё напомнить, поскольку само приложение Гугл+ скоро закроют, стоит уже перевести свой профиль этой сети на профиль BLOGGER.

Опять заходим в админпанель - ПОЛЬЗОВАТЕЛЬСКИЕ НАСТРОЙКИ. В разделе общие нужно выбрать BLOGGER. Вы сейчас можете нажать на ссылку ИЗМЕНИТЬ. попадаете на такую страницу, где нужно заполнить данные о себе. В общем - то всё просто.



Не забывайте сохранять изменения.


Чтобы более подробно ознакомиться со всеми настройками блога, скачайте книгу Блоггер для каждого

Всем добра и удачи.

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

введите пожалуйста свой email :

Реклама
Доброго времени суток, друзья. Сегодня у меня для вас ещё один динамический виджет последних статей блога с прокруткой. Не нужно путать с виджетом популярных статей с эффектом MARQUEE, хотя принцип практически такой же.

Гаджет не имеет ширину по умолчанию и может быть установлен в боковой панели любого размера. Его также можно установить на статической страницы или в сообщении блога. Самое замечательное, что нет никаких дополнительный библиотек и скриптов с внешних ресурсов.
последние статьи

Отображаются название статей с кратким анонсом и кнопкой <<читать дальше>>. Сами выбираете нужное количество статей и скорость анимации.

Посмотрите сразу на него в тестовом блоге. Я показала 2 примера - в статье и в сайдбаре.

Код

<style>.titolo{
font-weight:bold;
margin-top:12px;
}
.more{
margin-bottom:10px;
padding:12px;
}
#widgclass{
padding-bottom:2px;
background-color:#DDEEFF;
padding:4px;
border:1px solid #003366;
}
</style>
<script language="javascript">
var numeropost = 10; /* количество отображаемых статей*/
var speed = 2; /* скорость прокрутки*/
var sommario = true; 

var numerocaratteri = 120;
var widalt = 250; /* высота виджета*/
var IPCEIart = false;
function showrecentposts(json) {
  document.write('<marquee id="IPCEIWd" direction="up" width="100%" scrollamount="' + speed + '" height="' + widalt + 'px" align="top" onMouseOver="stop()" onMouseOut="start()">');
  for (var i = 0; i < numeropost; i++) {
    var entry = json.feed.entry[i];
    var IPCEItk = entry.title.$t;
    var IPCEItc;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        IPCEItc = entry.link[k].href;
        break;
      }
    }
    IPCEItk = IPCEItk.link(IPCEItc);
    var IPCEIms = "подробнее>>";
    IPCEIms = IPCEIms.link(IPCEItc);
    var IPCEIart = entry.published.$t;
    var anno = IPCEIart.substring(0,4);
    var mese = IPCEIart.substring(5,7);
    var giorno = IPCEIart.substring(8,10);
    var mese2 = new Array();
    mese2[1] = "Gen";
    mese2[2] = "Feb";
    mese2[3] = "Mar";
    mese2[4] = "Apr";
    mese2[5] = "Mag";
    mese2[6] = "Giu";
    mese2[7] = "Lug";
    mese2[8] = "Ago";
    mese2[9] = "Set";
    mese2[10] = "Ott";
    mese2[11] = "Nov";
    mese2[12] = "Dic";
    if ("content" in entry) {
      var post1 = entry.content.$t;
    } else
      if ("summary" in entry) {
      var post1 = entry.summary.$t;
      } else var postcontent = "";
    var re = /<\S[^>]*>/g;
    post1 = post1.replace(re, "");
      document.write('<div class="titolo">');
    document.write('');
    document.write(IPCEItk);
    if (IPCEIart == true) {
      document.write(' <span class="data">[' + giorno + '.' + mese2[parseInt(mese,10)] + ']</span>');
    }
    document.write('</div><div class="contenuto">');
    if (sommario == true) {
      if (post1.length < numerocaratteri) {
        document.write(post1);
      } else {
        post1 = post1.substring(0, numerocaratteri);
        var post2 = post1.lastIndexOf(" ");
        post1 = post1.substring(0,post2);
        document.write(post1);
        document.write(' <span class="more">... ' + IPCEIms + '</span>');
       }
    }document.write('<br/>');
     document.write('</div>');
  }document.write('</marquee>');
}
</script>
<script src="https://poluhka.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&callback=showrecentposts">
</script>


Поменяйте адрес, отмеченный розовым цветом, адрес вашего блога.  Готовый код устанавливайте в нужное место. Если в тело, перейдите после написания сообщения в режим HTML. Или на боковую панель в гаджет HTML/LavaScript. Все нужные настройки отмечены комментариями в самом коде. Измените строку, отмеченную розовым цветом, на адрес вашего блога.

Вот такой оригинальный гаджет последних постов с минимальными настройками.

Всем спасибо за внимание и до новых встреч.

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

введите пожалуйста свой email :

Всем, доброго времени суток. Начну свой сегодняшний пост со смайликов - вот таких
😉 ❤️️ 🐧
И, собственно, пост о том, как вставить смайлики в сообщения и комментарии Блоггер. В своё время я писала  о том как можно вставлять смайлы в комментарии, но на сегодняшний день, код не работает и не имеет смысла давать ссылку на него. 

Но варианты есть.
😍

1. Не так давно разработчики  BLOGGER добавили функцию вставки символов и смайликов в блог прямо в редакторе сообщений.  Но они немного скучноваты, да и выбор не велик. Можно, конечно помудрить, но в комментарии их не вставить.

2. Можно добавить яркие смайлы, о которых речь шла в этом сообщении. Опять же, нет возможности их установить в комментариях.

3. Есть возможность использовать клавиатуру компьютера для вставки символов в тексте сообщения.

4. Предложу вам ещё вариант, как вставить смайлики в сообщения и комментарии блога. Речь пойдёт об одном и том же, но рассмотрим при этом 2 способа. 

Можно скачать и установить на компьютере расширение из интернет - магазина Хром с этой страницы. 




В качестве ещё одного способа, я хотела бы упомянуть сайт EmojiKeyboard.org, который позволяет копировать эмоджи. Огромная коллекция.





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

😚 привет друзья 


А сейчас немного их приукрасим в сообщении (в комментариях это не работает). Посмотрите, я оставила в своём первом комментарии, как вариант. 

Устанавливаем смайл в редакторе вот так  😉. Воспользуемся функциями панели редактора. 


Выделяем мордочку и задаём другой размер - получаем 😉. Сделаем немного жирнее 😉. Сделаем цвет 😉

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

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

введите пожалуйста свой email :

Привет, друзья. В связи с закрытием Гугл+ произойдут некоторые изменения на BLOGGER. Не знаю, получили ли вы сегодня сообщение от команды BLOGGER вот такого вида


Это предупреждение, что с 4 февраля будут отключены соответствующие функции Гугл+ , такие как Кнопки +1: кнопки + 1 / G, Профиль Google+. виджетоы Google+.

С подробностями познакомьтесь на официальном сайте BLOGGER.

Весело. Привыкаем к новым выкрутасам Гугл. Всем добра.

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

введите пожалуйста свой email :

Всем, доброго времени суток. Подхватила меня "менюшная" тема и по сему опять предлагаю вам очередной вариант. Меню под названием книжная полка. Достаточно необычное по дизайну и при этом с массой полезных ссылок, которые можно в нём разместить. Я подглядела его на этом сайте. Что - то перекроила, подстроила и с радостью делюсь с  вами.



Хочу сразу оговориться. Код меню книжная полка без всяких сторонних библиотек и заумных скриптов. Но эффект впечатляет. Изначально я пробовала сделать 3 книги, результатом осталась не довольна . Потом взяла 6 книг и посчитала, что это перебор уже будет. Остановилась на варианте из 5. 

Вся фишка заключается в том, что при нажатии на нужную книгу, она снимается с полки и потом при подведении курсора, открывается страниччка с названием и содержанием.

В качестве примера сделала названия по ярлыкам своего блога. Если у вас уже есть менюшка в блоге и не хочется с ней расставаться, можно установить этот вариант, отобразить в нём ссылки на любимые блоги, которые вы читаете, разбив их по тематике. В блоге библиотекаря, вообще прекрасно впишется. Допустим, на обложка Л. Толстой, а  при развороте его произведения со ссылкой на страницу, где о нём речь. Стоит обратить внимание, что такое меню можно установить на блогах с кулинарными рецептами, Очень много вариантов. 

Ну давайте уже посмотрите на тестовом блоге его в работе, что я тут расхваливаю.

Демонстрация

Если появился соблазн попробовать, скопируйте весь код целиком к себе в блокнот и ниже разберём его немного.

<style>
ul.topUL {padding:0; margin:30px; list-style:none; width:250px; margin:30px auto; position:relative; z-index:100; font-family:verdana, arial, sans-serif;}
ul.topUL > li {float:left; margin-right:1px; position:relative; z-index:10;}
ul.topUL > li a.p1 {display:block; width:43px; border:2px solid #333; border-width:1px 3px; height:248px; color:#fff; top:0; left:0; text-decoration:none; position:relative;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
ul.topUL > li > a span {display:block; width:43px; white-space:nowrap; position:absolute; left:0px; top:200px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
ul.topUL > li.b1 > a {background:#562; border-color:#340;
background: -moz-linear-gradient(0, #562, #784 50%, #562 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#562), color-stop(50%, #784), color-stop(100%, #562));
}
ul.topUL > li.b2 > a {background:#366; border-color:#144;
background: -moz-linear-gradient(0, #366, #688 50%, #366 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#366), color-stop(50%, #688), color-stop(100%, #366));
}
ul.topUL > li.b3 > a {background:#246; border-color:#024;
background: -moz-linear-gradient(0, #246, #579 50%, #246 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#246), color-stop(50%, #579), color-stop(100%, #246));
}
ul.topUL > li.b4 > a {background:#741; border-color:#520;
background: -moz-linear-gradient(0, #741, #a74 50%, #741 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#741), color-stop(50%, #a74), color-stop(100%, #741));
}
ul.topUL > li.b5 > a {background:#623; border-color:#401;
background: -moz-linear-gradient(0, #623, #956 50%, #623 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#623), color-stop(50%, #956), color-stop(100%, #623));
}
ul.topUL ul.sub {padding:0; list-style:none; position:absolute; left:-51px; top:230px; width:0; overflow:hidden; height:250px; margin:0 0 20px 0;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
transition-delay:0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}
ul.topUL > li.b1 > ul {background:#784;}
ul.topUL > li.b2 > ul {background:#688;}
ul.topUL > li.b3 > ul {background:#579;}
ul.topUL > li.b4 > ul {background:#a74;}
ul.topUL > li.b5 > ul {background:#956;}
ul ul li.content {width:0; height:190px; position:absolute; left:0; top:10px; background:#eee; padding:40px 0 0 0; text-indent:20px; font-size:11px; color:#444; overflow:hidden;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}
ul ul li b {display:block;}
ul ul li a {text-decoration:none; color:#444; padding-left:20px; line-height:20px;}
ul ul li a:hover {color:#000; text-decoration:underline;}
ul ul li.cover {width:0; height:220px; position:absolute; padding-top:30px; text-indent:10px; font-size:14px font-weight:bold; color:#fff; left:0; top:0; z-index:100; overflow:hidden; white-space:nowrap;}
ul ul li.cover i {font-weight:normal; font-style:normal; font-size:10px; line-height:40px; padding-left:10px;}
ul ul li.cover em {display:block; font-weight:normal; font-style:normal; margin-top:120px; font-size:10px; line-height:40px;}
ul.topUL > li.b1 li.cover {background:#562;
background: -moz-linear-gradient(0, #562, #784 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#562),color-stop(100%, #784));
}
ul.topUL > li.b2 li.cover {background:#366;
background: -moz-linear-gradient(0, #366, #688 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#366),color-stop(100%, #688));
}
ul.topUL > li.b3 li.cover {background:#246;background: -moz-linear-gradient(0, #246, #579 100%);  background: -webkit-gradient(linear, 0 0, 100% 0, from(#246),color-stop(100%, #579));
}
ul.topUL > li.b4 li.cover {background:#741;
background: -moz-linear-gradient(0, #741, #a74 100%);
background: -webkit-gradient(linear, 0 0, 100% 0, from(#741),color-stop(100%, #a74));
}
ul.topUL > li.b5 li.cover {background:#623;
background: -moz-linear-gradient(0, #623, #956 100%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#623),color-stop(100%, #956));
}
ul.topUL > li:hover {direction:ltr; z-index:100;}
ul.topUL > li:hover a.p1 {top:230px;left:-100px;
-o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
}
ul.topUL li:hover ul {width:200px;
-o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
transition-delay: 0.5s;
-o-transition-delay: .5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
ul.topUL li:hover ul li.cover {width:200px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
ul.topUL li:hover ul li.content {width:190px;
background: -moz-linear-gradient(0, #ddd, #fff 50%);
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#ddd), color-stop(50%, #fff));
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
ul.topUL li:hover ul:hover {overflow:visible;}
ul.topUL li.b1:hover ul:hover li.cover {border-right:4px solid #451;}
ul.topUL li.b2:hover ul:hover li.cover {border-right:4px solid #255;}
ul.topUL li.b3:hover ul:hover li.cover {border-right:4px solid #135;}
ul.topUL li.b4:hover ul:hover li.cover {border-right:4px solid #630;}
ul.topUL li.b5:hover ul:hover li.cover {border-right:4px solid #512;}
ul.topUL li.b1:hover ul:hover li.cover {border-right:4px solid #451;}
ul.topUL li.b2:hover ul:hover li.cover {border-right:4px solid #255;}
ul.topUL li.b3:hover ul:hover li.cover {border-right:4px solid #135;}
ul.topUL li.b4:hover ul:hover li.cover {border-right:4px solid #630;}
ul.topUL li.b5:hover ul:hover li.cover {border-right:4px solid #512;}
ul.topUL li:hover ul:hover li.cover {left:-2px; width:1px; height:235px; top:-15px; padding-top:45px;
-o-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.shelf {clear:left; width:260px; height:20px; background:#620; margin:0 auto;
background: -moz-linear-gradient(90deg, #620, #950 20%, #620 30%);
  background: -webkit-gradient(linear, 0 100%, 0 0 , from(#620), color-stop(20%, #950), color-stop(30%, #620));
-o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.7);
}
</style>
<ul class="topUL">
<li class="b1"><a class="p1" href="#"><span>всё про ярлыки</span></a>
<ul class="sub">
<li class="cover">Всё про ярлыки<br /><i>шпаргалки блогерши</i><em>Подробнее</em></li>
<li class="content">
<b>статьи</b><br />
<a href="#">1. Гаджет ярлыки</a><br />
<a href="#">2. Дизайн гаджета ярлыки</a><br />
<a href="#">3. Как изменить или удалить ярлыки</a><br />
<a href="#">4. Меню для ярлыков</a><br />
<a href="#">5. Список ярлыков</a><br />
<a href="#">6. Всё об ярлыках</a><br />
</li>
</ul>
</li>
<li class="b2"><a class="p1" href="#"><span>гаджеты для блога</span></a>
<ul class="sub">
<li class="cover">гаджеты для блога<br /><i>шпаргалки блогерши</i><em>Подробнее</em></li>
<li class="content">
<b>статьи</b><br />
<a href="#">1. Дизайн окна поиска</a><br />
<a href="#">2. Слайдер новостей</a><br />
<a href="#">3. Виджет последних постов</a><br />
<a href="#">4. Кнопка вверх-вниз</a><br />
<a href="#">5. Всплывающее окно</a><br />
<a href="#">6. Полоса прокрутки</a><br />
</li>
</ul>
</li>
<li class="b3"><a class="p1" href="#"><span>коды меню для блога</span></a>
<ul class="sub">
<li class="cover">Коды меню<br /><i>шпаргалки блогерши</i><em>Подробнее</em></li>
<li class="content">
<b>статьи</b><br />
<a href="#">1. Выдвигаюшееся меню</a><br />
<a href="#">2. Меню - аккордеон</a><br />
<a href="#">3. Анимированное меню</a><br />
<a href="#">4. Фиксированное меню</a><br />
<a href="#">5. Вертикальное меню</a><br />
<a href="#">6. Круглое горизонтальное меню</a><br />
</li>
</ul>
</li>
<li class="b4"><a class="p1" href="#"><span>Страницы в блоге</span></a>
<ul class="sub">
<li class="cover">Страницы в блоге<br /><i>шпаргалки блогерши</i><em>Подробнее</em></li>
<li class="content">
<b>Категории</b><br />
<a href="#">1. Карта блога</a><br />
<a href="#">2. Красивый фон страницы</a><br />
<a href="#">3. Защищённая паролем страница</a><br />
<a href="#">4. Оформление главной страницы</a><br />
<a href="#">5. О страницах блога</a><br />
</li>
</ul>
</li>
<li class="b5"><a class="p1" href="#"><span>всё про картинки блога</span></a>
<ul class="sub">
<li class="cover">всё про картинки<br /><i>шпаргалки блогерши</i><em>Подробнее</em></li>
<li class="content">
<b>Статьи</b><br />
<a href="#">1. Блок картинок</a><br />
<a href="#">2. Слайдер последних постов</a><br />
<a href="#">3. Слайдер - аккордеон</a><br />
<a href="#">4. Галерея изображений</a><br />
<a href="#">5.Рамки для фотографий</a><br />
</li>
</ul>
</li>
</ul>
<div class="shelf"></div>


Участок кода, который отмечен цветом отвечает за стили полки. Можно поменять цвет, ширину, высоту. Или убрать совсем за ненадобностью. С высотой книг, не советую экспериментировать, так как нужно многие значения менять. Если уверены, можно с цветом книг поиграться. Но тут нужно обратить внимание, что помимо основного, например background:#246; border-color:#024; используется свойство gradient. Попробуйте, если есть желание, воспользоваться любым генератором градиента. Просто вбейте в поиск.

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

Можно добавлять ещё строки вида

 <a href="#">6. Полоса прокрутки</a><br />

но в разумных пределах

Приготовьте заранее их где - нибудь в блокноте. Установка меню самая элементарная - дизайн - гаджет HTML/JS.  Добавлять или убирать книги, дело хлопотное, тоже нужно много значений менять. Пусть уж так будет.

Возможно вам понравится слайдер в виде книги на страницах блога.

Вт и всё. До встречи и добра всем.

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

введите пожалуйста свой email :

Пользовательский поиск