$(".tips").tip_cards({ entrance: "bottom", column: 4, margin: "1%", selector: "> li", hoverTilt: "right", triggerSelector: "> li a", cardFlyDirection: "all", closeButton: "X", flipButton: "Flip", navigation: true, beforeOpen: null, afterOpen: null }); wowSliderProject generated by WOWSlider.com dzhordvik: blogger
Показаны сообщения с ярлыком blogger. Показать все сообщения
Показаны сообщения с ярлыком blogger. Показать все сообщения

17 мар. 2014 г.

Tag cloud.


Облако меток для блогспот добавить по урл.

"Здравствуйте,Виктор! 
1. Я давно пробую поставить у себя на Блоггере движущееся "Облако тегов" как у вас, но уже давно опробовала несколько вариантов, не получаются. 
Если не секрет, напишите , пожалуйста, какой код куда вставить,чтобы иметь такой Гаджет?
2. Если в Тегах очень много ярлыков, получится ли? Или может именно поэтому не получается? 3. Я звонила по скайп, но связь была плохой, и глючил комп, поэтому прошу написать в письме. Заранее БлагоДарю! "

Добавить гаджет по URL
Вот такое письмо пришло мне сегодня и на которое далее постараюсь ответить.

  b-cumulus – анимированное флеш-облако тегов/меток, Tag cloud - визуальное представление списка категорий (тегов, также именуемых
метками, ярлыками, ключевыми словами и т. д).

В Меню редактора, Дизайн “Добавить гаджет”
Выполните три действия,
1 перейдите на вкладку “Добавьте свой собственный”:

 На вкладке “Добавьте свой собственный”
2 введите URL гаджета:
http://b-cumulus.googlecode.com/svn/tags/3.0/b-cumulus.xml

3 нажмите на “Добавить по URL”.

Настройка Tag Cloud.




 Далее измените требующиеся настройки гаджета по своему усмотрению.

7 окт. 2013 г.

JW Player на blogspot/blogger.

<div id="myElement">Loading the player...</div>

<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "/uploads/myVideo.mp4",
        image: "/uploads/myPoster.jpg"
    });
</script>
-------------------
В редакторе вставляется этот код с адресом .mp4 вашего видео и обложки .jpg
В <head> добавляется этот скрипт:

<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>

Loading the player...
--------------------
Или можно загрузить свое видео на сервис (ограничение в 5 видео для бесплатных аккаунтов) и получить код для размещения.
Вот пример:


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

19 нояб. 2012 г.

CSS3

Это просто загруженные картинки, без применения стилей.



А здесь уже к изображениям применяются стили, благодаря которым появляются подписи с разными эффектами появления.


Простая подпись

Подпись на всю картинку

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Проявляющаяся подпись

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Выскальзывающая подпись

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Подпись с поворотом

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Масштабная подпись

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

20 июл. 2011 г.

Второй пост

 Этот блог экспериментальный, как и предшествующие.
Методом проб и ошибок, достигаются максимально значимые результаты.
И от раза к разу, все дальше и дальше уходишь от первых своих шагов и ускоряя движение, приближаешься к полету мысли, если не сказать парению.
 2leep.com - Виджеты для блогов будут опробованы на функциональность на этом блоге, когда он наберет оборотов.
А сегодня, из шаблона был удален код виджета, со ссылкой на дизайнера, который отображается внизу блога.
Вот этот код:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
Если  нужно удалить всю секцию, необходимо захватить ещё одну строчку расположенную выше кода и одну ниже.

<b:section…..>
 код виджета
 </b:section>