
Скрипт протестирован на нескольких «родных» шаблонах платформы 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&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
// 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&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
Настройки:
выделенное красным - размеры изображений,
оранжевым - url адрес Вашего блога.
Это основные настройки, что вполне достаточно, а другие можно не трогать. Вот такая очередная «фишка» для вашего Блога. Кстати, не забудьте ознакомиться с предыдущей статьей Текст по центру Шапки Блога, которая позволит вам преобразить ваше творение на платформе Blogspot.



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