Оформление статей в Blogspot книгой

Эффектная слайдер-книга статей для Блога
Сегодняшний короткий пост будет об эффектном слайдере-книжке, который вы можете лицезреть на этом Блоге справа.
Скрипт протестирован на нескольких «родных» шаблонах платформы blogspot. Будет ли он корректно работать с шаблонами сторонних разработчиков, к сожалению, сказать не могу.
Будет ли работать скрипт в связи с перенаправлением блогов блоггер по протоколу HTTPS с шифрованием – тоже вопрос! Но, как видите, пока все работает.

Слайдер идеально подойдет для блогов делающих упор на изображения и фотографии.
Хотя и в тематических блогах такая «живая книга статей» смотрится вполне прилично.
 Код слайдера вставляется очень просто и под силу даже начинающим блогерам, ибо не нужно «копаться» в шаблоне.

Итак: заходим в "Дизайн" и добавляем гаджет с кодом в нужное место макета блога.

<script type="text/javascript">
 // 7 variables to control behavior
 var Book_Image_Width    =140;
 var Book_Image_Height   =225;
 var Book_Border         =true;
 var Book_Border_Color   ="gray";
 var Book_Speed          =15;
 var Book_NextPage_Delay =1500; //1 second=1000
 var Book_Vertical_Turn  =0;
 // variables for content
 var random_posts        = true; // random posts
 var numposts_gal        = 10;   // number of posts
 </script>
 <script src="http://yourjavascript.com/308313822/bookflip.txt.js" type="text/javascript"></script>
 <script src="http://yourjavascript.com/223538418/bookflip_btt.txt.js" type="text/javascript"></script>
 <br />
<div id="Book" style="position: relative;">
<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmJUbKasJ-lbuewLoXwrvAh8M6wZr7qGKCJuwUW_lO02CywzCFIQTEwpN0mN1ZQZZ-LPW-DJniLWuA2GHeJryyRLYN05wsBWedPkzgbkRKbUpPNbikxie8ep48en4ld-ikCwSjkBg7QJKn/s1600/placeholder.gif" width="100" />
 </div>
<script src="http://ВАШ БЛОГ.blogspot.ru/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts"></script>
 <script type="text/javascript">
 ImageBook();
 </script>


Настройки:
выделенное красным - размеры изображений,
оранжевым - url адрес Вашего блога.
Это основные настройки, что вполне достаточно, а другие можно не трогать. Вот такая очередная «фишка» для вашего Блога. Кстати, не забудьте ознакомиться с предыдущей статьей Текст по центру Шапки Блога, которая позволит вам преобразить ваше творение на платформе Blogspot.

Комментариев нет:

Отправить комментарий

Следующие Предыдущие Главная страница