Древовидный список | HTML
Posted: 29 Dec 2014 02:16 AM PST
Простой вложенный список Древовидное меню, пункты которого объединяются линиями Древовидный раскрывающийся список с JavaScript Древовидный раскрывающийся список только на CSS Горизонтальная древовидная таблица Вертикальная древовидная таблица HTML код таблицы зафиксировать панель Простой вложенный список Сайт Блог HTML CSS JavaScript
Лучшие виджеты к Новому году на ваш Блогспот
Posted: 28 Dec 2014 09:39 AM PST
Птицы, рыбы и насекомые — это животные или нет? Да, это животные!
Posted: 25 Dec 2014 05:33 AM PST
Почти все живые организмы, кроме растений, грибов и бактерий, являются животными. Это и птицы, и рыбы, и насекомые. Организмы Прокариоты(доядерные) Бактерии Археи Эукариоты(ядерные) Протисты Хромисты Растения Грибы Животные подцарствоПрометазои Губки Пластинчатые подцарствоЭуметазои
Прокрутка модального окна | CSS
Posted: 21 Dec 2014 05:14 AM PST
Убрать сдвиг сайта при появлении полосы прокрутки Модальное окно CSS Оптимальное модальное окно JavaScript Popup при входе на сайт зафиксировать панель Если содержимого в модальном окне много, то прокручивать следует его, а не scrollbar <html>. Но полосу прокрутки <html> перекрыть нельзя: образец. Зато можно накрыть полосу прокрутки <body>. Вот вариант кода чтобы <html>...
Убрать сдвиг сайта при появлении полосы прокрутки | CSS
Posted: 18 Dec 2014 06:39 AM PST
Прокрутка модального окна зафиксировать панель Если сайт размещён по центру окна браузера (на «Шпаргалке блоггера» основное содержимое ограничено красными линиями) header, main, footer { max-width: 1200px; margin: 0 auto; } то при переходе с короткой страницы на длинную контент дёргается влево на небольшое расстояние, равное ширине вертикальной полосы прокрутки (scrollbar): пример. Чтобы
Звенящиие шарики при наведении курсора на новогодней гирлянде
Posted: 07 Dec 2014 09:38 AM PST
Я уже публиковал код новогодней гирлянды с "качающимися" шариками: http://blogodel.com/2012/12/novogodnjaja-girljanda-blogger-blogspot.html
В этот раз шарики качаются и звенят при наведении курсора.
Как всегда код адаптирован для Блогспот, и вставляется очень просто (одним телодвижением):
В Дизайн - Добавить гаджет - HTML/JavaScript
<div class="b-page_newyear"> http://blogodel.com/
Порхающие бабочки для блогспот
Posted: 30 Nov 2014 08:48 AM PST
Хотите бабочек на ваш Блогспот . . ? Пожалуйста!
Не совсем ко времени года, но иначе "потеряется" ценный скрипт!
Код, вставляется очень просто:
В Дизайн - Добавить гаджет - HTML/JavaScript
<script language="JavaScript1.2"> http://blogodel.com/
area map Generator | HTML
Posted: 25 Nov 2014 08:02 AM PST
многоугольник прямоугольник круг Возможности online-генератора map area. Как им пользоваться? желательно открыть браузер Mozilla FireFox. ввести URL-адрес своего изображения в верхнее поле. обозначить контур путём установок точек либо путём обведения необходимого участка с нажатой левой клавишей мышки. Красная линия покажет будущие очертания. координаты (по два
Анимированный робот социальных кнопок
Posted: 23 Nov 2014 10:04 AM PST
Сегодня я предлагаю вам совершенно
уникальный виджет анимированного робота, при нажатии на который появляются социальные кнопки. Сразу предупреждаю - этот виджет целесообразно ставить только тем владельцам блогов, которые уверены в своих читателях. В противном случае, недовольные посетители вашего блога больше не будут посещать ваш ресурс!
Образец можно посмотреть здесь: http://blogodeltest2.blogspot.de/
Код, вставляется очень просто:
В Дизайн - Добавить гаджет - HTML/JavaScript
<!-- ++ Подключение библиотеки :: plus-plus.net (v2.0) ++ --> Источник: http://plus-plus.net/
Будьте осторожны используя этот виджет. Читателям он может не понравится!
http://blogodel.com/
Открытие нового окна window.open() или одной страницы внутри другой с помощью iframe | JavaScript
Posted: 14 Nov 2014 12:37 AM PST
Открыть окно с помощью window.open Скрипт popup, сделанный с помощью iframe window.stop(); Передать данные из одного окна в другое можно и с помощью localstorage и sessionStorage Кавычки, косая черта, перевод строки в JavaScript зафиксировать панель URL абсолютный URL. Если отсутствует, то "about:blank" target значение target или имя нового окна. По
Как сместить содержимое iframe | HTML
Posted: 13 Nov 2014 10:11 PM PST
Прокрутка страницы на JavaScript Зафиксированный при скроллинге блок Изменить содержимое родителя iframe зафиксировать панель Сдвинуть содержимое фрейма, если у страниц один домен Сдвинуть function myWindow5(name, x, y) { var childWindow = document.getElementById(name).contentWindow; childWindow.scrollTo(x, y); } .miframe { width: 100%; height: 200px; } .chuzhoi { position:
Плавная прокрутка страницы до якоря | JavaScript
Posted: 13 Nov 2014 04:19 AM PST
Как сделать плавную прокрутку вверх Плавная прокрутка до якоря Как сделать переход к нужному месту страницы Проскроллить содержимое iframe вниз/влево/вправо/вверх Код блока, фиксирующегося при прокрутки зафиксировать панель [На кнопки нажимать два и более раз] прокрутит страницу на 100px ниже текущего положения <input type="button" value="window.scrollBy(0,100)"...
Улучшаем позиции блога в два клика
Posted: 09 Nov 2014 09:58 AM PST
Как всегда буду предельно краток!
Просмотры блогов моих читателей сподвигли меня к публикации этого поста. А дело вот в чем.
Подавляющее большинство владельцев блогов (Блогспот) ничего не делают для "улучшения", так называемых урлов статей во время публикации. Несмотря на то, что такая возможность есть!
Урл, это Веб-адрес или то, что вы видите в поисковой строке.
А теперь крупными буквами:
Урл или Веб-адрес статьи в котором прописаны главные ключевые слова или даже текст заголовка (несмотря на латиницу) - через поисковые системы (Гугл, Яндекс) делает ваш блог более "видимым" для бОльшего числа читателей!
"Вставляется" этот Урл или Веб-адрес через редактор блога с правой стороны и называется (почему то у Блогспота) -
Постоянная ссылка .
После клика мы видим:
Автоматическая постоянная ссылка и Пользовательская постоянная ссылка Нам нужна
пользовательская.
В окошко необходимо вставить название статьи на латинице (транслит).
И вот здесь фишка, которая отличает мой пост от многих других. Вместо того что бы мучится с латиницей, нужно перейти на сайт:
Одним кликом переводите заголовок в транслит, проставляете тире (-), вплотную без расстояний между словами (все знаки препинания кроме тире необходимо убрать) и готово! Можно вставлять в окошко:
Пользовательская постоянная ссылка .
Вот что у меня получилось:
http://blogodel.com/2014/11/Uluchshaem-pozicii-bloga-v-dva-klika.html
Сайт:
http://translit.net/ добавляем в закладки! http://blogodel.com/
Плавающий блок (sticky div) | CSS и JavaScript
Posted: 07 Nov 2014 10:19 PM PST
Конечный вариант плавающего блока без плагинов и jQuery Вот что должно подразумеваться в CSS под "плавающим div" — свойство float А под "фиксированным" — элемент, которому заданы высота и ширина не в процентах, а в других единицах position: fixed; в примерах Плавная прокрутка страницы при клике по ссылке Кнопка прокрутки страницы "ВВЕРХ" Координаты курсора мышки внутри div Резиновая верстка
Шпаргалка «HTML теги»
Posted: 28 Oct 2014 07:33 PM PDT
Разметка текста HTML Элементы формы HTML Универсальные обёртки HTML Списки и группировки HTML Вёрстка HTML5 Пример вёрстки страницы контактов зафиксировать панель Весь HTML сводился бы к тегам <div> и <span>, но придумали семантику [w3.org и whatwg.org]. Разметка текста HTML <a href="URL">ссылка</a> посмотреть смайлик скачать смайлик к себе на компьютер перейти в...
Как сделать содержание (оглавление) в статье сайта/блога | HTML5
Posted: 22 Oct 2014 08:14 AM PDT
Как создать оглавление внутри статьи блога Как сделать нумерованное содержание в статье сайта Многоуровневый нумерованный список HTML Фиксированное сверху меню и отступ от края окна браузера Фиксированное меню, в т.ч. для сайтов с параллакс эффектом, с подсветкой текущего пункта Меню с плавной прокруткой страницы Разбираем код ссылки: ссылка к заданному месту текста Нумерация в CSS Перелинковка
Оптимизация даты страницы | SEO
Posted: 21 Oct 2014 09:48 PM PDT
Убрать дату из сниппета поисковых систем Вместо даты публикации показывать дату последнего изменения статьи Как убрать ошибку Warning: Missing required field "updated" Оптимизация даты страницы в Blogger Дата статьи в виде календаря на CSS Как сделать для сайта автора (rel='author') зафиксировать панель Дату публикации статьи желательно указывать в любой тематике. Но не в каждой, как верно
visibility: visible ( hidden ) | Как сделать HTML элемент невидимым | CSS
Posted: 30 Sep 2014 08:59 AM PDT
visibility: hidden; (Как сделать блок невидимым) (Как сделать текст невидимым) visibility: collapse; (Как сделать ячейку таблицы невидимой) Как удалить элемент | JavaScript Просвечивающий блок в HTML Невидимый для поисковиков текст зафиксировать панель [w3.org] visibility: visible | hidden | collapse | inherit visibleэлемент видимый hiddenэлемент и его дочерние теги невидимы (полностью
Падающие листья на Блогспот, Блоггер
Posted: 14 Sep 2014 10:33 AM PDT
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Заглянул я как то в "Одноклассники" и узрел возможность оформления аккаунта падающими листьями. А листья за окном действительно падают! И придумалось мне сделать примерно такое же на наши Блогспот - Блоггер блоги. Сказано - сделано! Вот такие точно листья смогут теперь "кружиться" на ваших блогах!
Все что вам необходимо сделать, то это добавить код:
В Дизайн - Добавить гаджет - HTML/JavaScript
Что бы листья "падали" сверху вниз, код необходимо разместить сверху (как можно выше) - примерно там, где показано на скриншоте:
А вот и сам код:
<script type="text/javascript"> var hidesnowtime = 0; У скрипта существуют настройка - отключение через некоторое время: var hidesnowtime = 0;
Для тех, у кого листья уже опали и идет снег:
http://blogodel.com/
Надиктовать текст в редактор blogspot
Posted: 07 Sep 2014 07:31 AM PDT
Вот и свершилась, друзья, моя мечта!
Но вначале все по порядку.
Многие наверно отметили чрезвычайную лаконичность моих постов. Этому есть своя причина. Мне необходимо, кое в чем признаться - я не умею и очень не люблю печатать!
Поэтому я был в постоянном поиске программ, благодаря которым можно было бы надиктовыать текст. Программы имелись, но они не "дружили" с русским языком.
После того, как цена достигла психологического барьера возможностей моего бюджета - я стал счастливым обладателем смартфона с операционной системой android (на который долгое время было жалко денег). На этом устройстве процесс надиктовки осуществляется проще всего.
Красным указан микрофон на андроид в приложении "Blogger", который необходимо активировать нажатием.
Google обладает прекрасным приложением, которое так и называется - "Blogger", позволяющее удаленно вести блог, а так же диктовать посты прямо в редактор blogspot. Например этот пост, на девяносто процентов напечатан таким способом.
Теперь вы сможете печатать или надиктовывать посты в любом месте, именно в тот момент, когда вас посетит муза! Естественно есть, кое какие неудобства! Пост приходится "дорабатывать" в привычном редакторе, но это уже мелочи. Апдейт - Если вас эта тема заинтересует, опубликую результаты теста других аналогичных приложений Гугла для Блогспот. http://blogodel.com/
z-index | CSS
Posted: 04 Sep 2014 09:30 AM PDT
z-index не работает с position: static;. Значения relative, absolute и fixed равнозначны Если у соседних элементов одинаковое значение z-index, то нижние в коде теги показаны над верхними У дочернего элемента родителя, имеющего z-index не auto и position, отличный от static, z-index предка можно представить целым числом, очерёдность предка — десятичным, а z-index потомка сотым Отрицательный
rel="author" больше не существует | Авторство в Google
Posted: 04 Sep 2014 05:05 AM PDT
Почему закрыли Profit-Partner зафиксировать панель Вот так закончился большой эксперимент Гугл. Инструмента, который призван бороться с плагиатом больше не существует. Нет и расширенных сниппетов с фотографией автора. Не нужно привязывать содержание к данным профиля Google+. Зачем нужен rel="author" В теории. Чем авторитетней сайт, тем на более высокую позицию нужно ставить его страницу.
vertical-align | Вертикальное выравнивание текста | CSS
Posted: 19 Aug 2014 07:48 PM PDT
Для ячеек таблицы Для inline-элементов Как выровнять текст, блок, картинку по вертикали (обобщающий) Вертикальный текст HTML Горизонтальное выравнивание HTML-элементов Выравнивание по ширине на CSS зафиксировать панель vertical-align [w3.org] работает только с элементами таблицы и inline-элементами (в т.ч. с display: inline-block;). vertical-align для элементов таблицы и для display:
Как обойти AdBlock?
Posted: 14 Aug 2014 08:52 AM PDT
Почему не нужно блокировать рекламу с помощью браузера Какой процент посетителей сайта используют AdBlock Как бороться с AdBlock Как повысить доход с Google AdSense Что выгодней для сайта: реклама от Яндекса или Гугл зафиксировать панель Эдблок, Касперский, Антибаннер, Аваст и некоторые другие программы сейчас режут рекламу, счётчики статистики, скрипты кнопок социальных сетей и прочие элементы
Блок на весь экран | CSS
Posted: 14 Aug 2014 08:44 AM PDT
Ширина и высота экрана на CSS Блок на весь экран выровнять по центру окна браузера Картинка на весь экран CSS Мой макет резинового сайта Как прижать footer к низу страницы зафиксировать панель Ширина и высота экрана на CSS Растянуть блок на всю ширину и высоту окна браузера можно с помощью: position: fixed;. Пример: онлайн линейка. div { position: fixed; top: 0; left: 0; width: 100%;
Показатель отказов сайта — что это такое? | SEO
Posted: 16 Jul 2014 10:47 PM PDT
показатель отказов говорит о: негодной 404 странице плохой странице каталога, поиска или фильтрации неразвитой навигации по сайту медленной загрузки страницы проблемах отображения на мобильных устройствах нерезультативности определённого источника трафика обилии нецелевых запросов никудышной определённой странице (группы страниц) как уменьшить показатель отказов Как улучшить поведенческие
How to stop page load | JavaScript
Posted: 27 Jun 2014 01:44 AM PDT
Как остановить загрузку страницы Страница загружается до того места, где находится JavaScript. Затем чтение HTML будет прервано. if(window.stop !== undefined) { window.stop(); } else if (document.execCommand !== undefined) { // для IE document.execCommand("Stop", false); } Как прервать, а потом возобновить загрузку страницы #stop-load { text-align: center; } #stop-load button {
Прекращение работы ЦОП, почему упразднили Profit-Partner
Posted: 24 Jun 2014 10:43 PM PDT
Как заработать на рекламе Яндекса зафиксировать панель Что бы я сейчас не опубликовала, в комментариях будет обсуждение об отмене ЦОП. Поэтому сразу к главной теме. Кому выгодна отмена ЦОП? Государству. Яндекс сам удерживает и перечисляет в бюджет РФ налог на доходы физических лиц (13%). [help.yandex.ru] Косвенно Сбербанку, который владеет большей частью акций Яндекс.Денег. При выборе:
input type=number | Поле для ввода чисел | HTML
Posted: 09 Jun 2014 09:06 AM PDT
Как уменьшить длину Как ограничить ввод до сотых или десятичных Как запретить ввод букв Стрелки внутри input Все типы input зафиксировать панель .demotable { border: 3px groove #eee6a3; border-collapse: collapse; table-layout: fixed; } .demotable thead th { background-color: #dbd1b2; } .demotable tbody * { text-align: left; } .demotable tbody th { white-space: pre-wrap;
Форма обратной связи с вложением (прикрепляется файл) | HTML и PHP
Posted: 29 May 2014 04:48 AM PDT
Как сделать обратный звонок для сайта Скрипт отзывов на сайт зафиксировать панель Это результат объединения двух статей: Форма обратной связи PHP Прикрепить файл к письму PHP Особенности: Вид немного другой (см. свойство float), но форма по прежнему резиновая. При нажатии на label фокус получает соответствующий input. При наведении курсора мышки на поле, его границы становятся голубыми, при
Как прикрепить файл к письму email | mail() | PHP
Posted: 29 May 2014 02:17 AM PDT
Форма обратной связи для сайта Форма обратной связи с возможностью прикрепить файл зафиксировать панель Код преимущественно взят отсюда [stackoverflow.com]: <?php if($_FILES['fileFF']['size'] > 0) { $output = '<h1>Спасибо! Ваш файл получен.</h1>'; $to = "name@yandex.ru"; // адрес почты получателя $from = "name@mail.ru"; // адрес почты отправителя $subject = "Заголовок...
box-sizing | CSS
Posted: 22 May 2014 02:27 AM PDT
Блочная модель CSS Как работает свойство box-sizing box-sizing не работает Почти полностью можно обойтись без box-sizing благодаря функции calc() Пункты HTML меню съезжают вниз зафиксировать панель box-sizing: content-box | padding-box | border-box | inherit content-boxширина = width + margin-right + margin-left + padding-right + padding-left + border-right-width + border-left-width высота =
Необычные кнопки-ссылки со звуком на ваш Блогспот, Блоггер
Posted: 04 May 2014 09:35 AM PDT
Здравствуйте, уважаемые подписчики и новые посетители моего блога. За то, что время от времени посещаете мой скромный веб-ресурс, предлагаю вам совершенно уникальную вещь - кнопку-ссылку со звуком. А вот и само "чудо":
<object data="http://agitki.ru/flash/template/knopka_02.swf" height="43" type="application/x-shockwave-flash" width="128"><param name="movie" value="http://agitki.ru/flash/template/knopka_02.swf" /><param name="wmode" value="transparent" /><param name="flashvars"value="&in_title=Наведи курсор! &&url=http://blogodel.com/ "/></object>
<object type="application/x-shockwave-flash" height="103" width="118" data="http://agitki.ru/flash/template/knopka_01.swf"><param name="movie" value="http://agitki.ru/flash/template/knopka_01.swf" /><param name="wmode" value="transparent" /> <param name="flashvars"value="&in_title=Нажми! &&url=http://blogodel.com/ "/></object>
<div align="center">Код кнопки</div>
Там где красная маркировка вставляется текст. Синий цвет, это урл-адрес ссылки по которой должен быть осуществлен переход.
Решайте сами, куда на вашем Блогспот-блоге это "чудо" разместить.
http://blogodel.com/
Делаем уникальную рамку для РОЛИКА С YOUTUBE для Блогспот, Блоггер
Posted: 21 Apr 2014 10:41 AM PDT
Думал я сегодня думал, чем бы вас порадовать и придумал!
Ролики с ютуба известны всем и поставить их может каждый. Беда только в том что ролики эти, как клоны по внешнему виду у всех одинаковые и поэтому представляют собой унылое однообразие! Отныне с этим покончено!
Красиво? И вы так сможете сделать!
Для начала зайдем на очень интересный сайт,
ВОТ СЮДА - http://youtubecolor.ru/index.html, где Вы сможете "смоделировать" рамку ролика под дизайн вашего блога!
Скопированный код размещаете в редакторе сообщений вашего блога.
ВСЕ!
http://blogodel.com/
Удивительные бабочки при наведении курсора для Блогспот, Блоггер
Posted: 13 Apr 2014 10:25 AM PDT
Публикую сегодня прекрасное украшение на ваш Блогспот - летающие бабочки при наведении курсора. Наведите ниже курсор на пустое место под этой строчкой!
Если эффект вам понравился, то пожалуйста код, который вставляется очень просто:
В Дизайн - Добавить гаджет - HTML/JavaScript
<object type="application/x-shockwave-flash" height="410" width="550" data="http://agitki.ru/_ld/8/845_butterfly_mouse.swf"><param name="movie" value="http://agitki.ru/_ld/8/845_butterfly_mouse.swf" /><param name="wmode" value="transparent" /><param name="flashvars" value="&in_title=Ваш текст&" /></object> К сожалению бабочки при наведении курсора будут появляются только в том месте, где установлен виджет. Так что размещайте бабочек там, где у вас на блоге пустое место!
http://blogodel.com/
Удивительный ротатор текста для Блоггер, Блогспот
Posted: 23 Mar 2014 03:52 PM PDT
Давненько "лежал" у меня в блокноте удивительный скрипт - ротатор текста. И вот появилась свободная минута и я публикую его для вас!
Полюбуйтесь работой скрипта! Демо по ссылке ▼ ▼ ▼
http://blogodeltest2.blogspot.ru/2014/03/blog-post.html
Устанавливается скрипт, как всегда очень просто: В
Дизайн - Добавить гаджет - HTML/JavaScript или в
HTML редактор сообщения. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script><link href="https://googledrive.com/host/0B0WJjcJEFNziaGlLbi04Uk00b3c" rel="stylesheet"></link> <script src="https://googledrive.com/host/0B0WJjcJEFNzid180dVRuai1WQ1U" type="text/javascript"></script> <script>Не известный автор " data-easeout="lightSpeedOut">Однaжды мужчинa спросил у Богa:«Почeму всe дeвушки милыe, лaсковыe, нeжныe, a жeнщины грубые?». И получил в отвeт:«Дeвушeк создaю я, a жeнщин из них дeлaeтe вы!.... </li> <li data-author="--- Ф. Достоевский ">Никто не сделает первый шаг, потому что каждый думает, что это не взаимно. </li> <li data-author="--- Народная " data-easeout="fadeOutDown">Мир настолько испортился, что когда перед тобой чистый искренний человек, который хочет быть рядом, ты ищешь в этом подвох .</li> <li data-author="--- Тоже народная " data-easein="fadeInDown">Муж назвал жену курицей... Она не стала огорчаться, просто снесла ему два яйца...с разбегу. </li> <li data-author="--- Bill Gates (Microsoft) " data-easeout="bounceOut">Это прекрасно, чтобы отпраздновать успех, но это более важно прислушаться к урокам недостаточности. </li> <li data-author="--- Ченнинг Татум " data-easein="bounceIn">Главное в жизни — это семья. Карьера — не ждет тебя дома, деньги — не вытрут слезы, а слава — не обнимет ночью. </li> <li data-author="--- Народная " data-easein="lightSpeedIn">Я прошу, я Господа молю... Мне подарков, почестей не надо. Только пусть живут, кого люблю... И всегда со мною будут рядом!. </li> </ul> <div class="quote"> <div class="quote-content"> </div> <cite class="quote-author"></cite> </div> </div> </div> Красная маркировка это текст цитаты, желтый фон - автор.
http://blogodel.com/
Безопасный скрипт для страницы "Содержание" для блога на Blogger, Блогспот!
Posted: 21 Mar 2014 10:57 AM PDT
Пост (в основном) для пользователей:
На самом деле я планировал другой пост. Но просматривая некоторые блоги (на платформе Blogger, Bлогспот ) на странице "Содержание" обнаружил вот такую угрожающею табличку!
Оно и не удивительно, так как большинство владельцев блогспот, для создания страницы "Содержание" используют скрипт разработчика абу-Фархан . Но как это обычно бывает - халявный сыр только в мышеловке!
Дело в том, что скрипт абу-Фархан генерирует ссылку "Виджет Абу Фархан" , для увеличения ссылочной массы собственного сайта. Все бы это было не так страшно, но сайт абу-Фархан с некоторых пор превратился в источник вредоносного кода! А вместе с ним все те, кто использовал скрипт на своих ресурсах!
Что делать?
Что бы не лишаться страницы "Содержание", я предлагаю безопасный скрипт, в котором нет никаких ссылок. Выглядеть страница будет примерно вот так:
А вот наконец и сам код, который нужно вставить в HTML редактор страницы:
<script src="https://dl.dropboxusercontent.com/u/68659297/Neuer%20Ordner/js..txt"></script>ВАШ БЛОГ/ feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> Что бы не "потерялся" публикую JS файл.
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><a href="http://www.abu-farhan.com" style="font-size: 0px; text-decoration:none; color: #616469;">Widget by Abu Farhan</a>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postMp3[e];postMp3[e]=postMp3[g];postMp3[g]=f;var f=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postMp3[f];postMp3[f]=postMp3[h];postMp3[h]=g;var g=postBaru[f];postBaru[f]=postBaru[h];postBaru[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir berdasarkan judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Klik untuk menampilkan semua"}h+="<table>";h+="<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel<br/></span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: rgb(255, 0, 0);">New !!</span> </em></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Menampilkan Daftar Isi</a> <img src="http://radiorodja.googlepages.com/new_1.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Download mp3 : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
http://blogodel.com/
Качающаяся картинка, как украшение к празднику для блога на Blogger, Блогспот!
Posted: 04 Mar 2014 02:46 PM PST
Пост (в основном) для пользователей:
Предлагаемый скрипт для блогов на платформе блогспот. Для тех, кто просто желает вставить анимированную открытку на любой сайт, в конце статьи можете найти варианты с простым кодом.
Сегодня я предлагаю вам очень простое и вместе с тем эффективное украшение, которое сможет поставить любой, даже новичок. Это праздничная открытка которая качается и увеличивается путем наведения курсора. Как это выглядит вы можете посмотреть на сайтбаре (боковой панели блога).
Итак приступим к делу! Скрипт размещается благодаря гаджету HTML/JavaScript. Для этого проследуйте Дизайн > Добавить гаджет и после того, как вы нажали добавить гаджет, выбирайте рубрику - HTML/JavaScript. В открывшееся окно, вставляете скопированный ниже код и жмете сохранить.
На том месте, где красная маркировка, можете всавить урл. (адрес) любой картинки, а размер можно регулировать, там где зеленая маркировка.
<div dir="ltr" style="text-align: left;" trbidi="on"> <style type="text/css"> .st { width:150 px; border:3px solid #BBBBBB;opacity: 2.1; -webkit-animation: ring 68s 9s ease-in-out infinite; -webkit-transform-origin: 50% 14px; -moz-animation: ring 68s 9s ease-in-out infinite; -moz-transform-origin: 50% 14px; animation: ring 68s 9s ease-in-out infinite; transform-origin: 50% 14px; } @-webkit-keyframes ring { 0% { -webkit-transform: rotateZ(0); } 1% { -webkit-transform: rotateZ(30deg); } 3% { -webkit-transform: rotateZ(-28deg); } 5% { -webkit-transform: rotateZ(34deg); } 7% { -webkit-transform: rotateZ(-32deg); } 9% { -webkit-transform: rotateZ(30deg); } 11% { -webkit-transform: rotateZ(-28deg); } 13% { -webkit-transform: rotateZ(26deg); } 15% { -webkit-transform: rotateZ(-24deg); } 17% { -webkit-transform: rotateZ(22deg); } 19% { -webkit-transform: rotateZ(-20deg); } 21% { -webkit-transform: rotateZ(18deg); } 23% { -webkit-transform: rotateZ(-16deg); } 25% { -webkit-transform: rotateZ(14deg); } 27% { -webkit-transform: rotateZ(-12deg); } 29% { -webkit-transform: rotateZ(10deg); } 31% { -webkit-transform: rotateZ(-8deg); } 33% { -webkit-transform: rotateZ(6deg); } 35% { -webkit-transform: rotateZ(-4deg); } 37% { -webkit-transform: rotateZ(2deg); } 39% { -webkit-transform: rotateZ(-1deg); } 41% { -webkit-transform: rotateZ(1deg); } 43% { -webkit-transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(0); } } .st:hover { width:400px; margin-bottom:-06px; } </style> <left></left> <div style="padding: 0px;"> <img class="st" src="http://s017.radikal.ru/i440/1202/4c/0b91309b9756.gif " title="название#1" /></div> </div>
Для тех, кто просто желает поместить открытку на свой сайт или, у кого блоги не на блогспот (других платформах) предлагаю коды. Картинки размером в два раза больше и если желаете точно такой же размер, как опубликовано ниже, обратитесь в комментариях!
Анимированные фотографии к 8 марта. Кликните на эту строку, что бы увидеть открытки!
<a href='http://games.businesskey.com.ua/articles31.html'><img src="http://games.businesskey.com.ua/images/открытка2.gif" /></a>
<a href='http://games.businesskey.com.ua/articles32.html'><img src="http://games.businesskey.com.ua/images/открытка7.gif" /></a> <a href='http://games.businesskey.com.ua/articles31.html'><img src="http://games.businesskey.com.ua/images/открытка3.gif" /></a> <a href='http://games.businesskey.com.ua/articles31.html'><img src="http://games.businesskey.com.ua/images/открытка4.gif" /></a> <a href='http://games.businesskey.com.ua/articles31.html'><img src="http://games.businesskey.com.ua/images/открытка5.gif" /></a> <a href='http://games.businesskey.com.ua/articles31.html'><img src="http://games.businesskey.com.ua/images/открытка6.gif" /></a> http://blogodel.com/
Красочное поздравление на ваш сайт к 8 марта
Posted: 03 Mar 2014 11:46 AM PST
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Пусть сгинут бури и ненастья, Уйдут пускай навеки в тень. Я Вам желаю только счастья В Ваш самый добрый, светлый день! Припозднился я в этом году с поздравлением. Но постараюсь исправиться! Предлагаю вашему вниманию прекрасный виджет-поздравление к 8 марта ,
Устанавливается все очень просто. В Дизайн - Добавить гаджет - HTML/JavaScript или в непосредственно в редактор сообщений , необходимо добавить следующий код:
<br /> <div align="center"> <object data="http://agitki.ru/_ld/12/1216_8marta.swf" height="420" type="application/x-shockwave-flash" width="570"><param name="movie" value="http://agitki.ru/_ld/12/1216_8marta.swf" /><param name="wmode" value="transparent" /> <param name="flashvars" value="&in_title= Женщины! Поздравляю &&in_title_2= Вас с 8 марта! &" /> </object></div> <br />
Там где красная маркировка, вы можете добавить ваш текст. К сожалению, в каждой строчке только два слова.
http://blogodel.com/
Праздничные открытки к 23 февраля на Блоггер, Блогспот
Posted: 22 Feb 2014 06:43 AM PST
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Тороплюсь к 23 февраля успеть опубликовать этот пост. Речь сегодня пойдет об открытке на ваш блог к предстоящим праздникам. Что бы вам не "рыскать" в поисках таковых, я сделал маленькую подборочку. Открытки на любой вкус! Дизайн - Добавить гаджет - HTML/JavaScript
<img border="0" height="290" src="http://statusram.ru/images/stories/animation/23-fev/04.gif" width="220" /> <img border="0" height="290" src="http://statusram.ru/images/stories/animation/23-fev/11.gif" width="220" /> Красная маркировка - размеры картинок
http://blogodel.com/
Самопечатающийся текст для Блогспот, Блоггер
Posted: 26 Jan 2014 03:13 AM PST
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Давненько собирался опубликовать этот скрипт. И вот сегодня наконец "Дошли руки"!
Скрипт представлен в двух вариантах. Первый вариант вставляется в редактор сообщений. Туда где выделено
желтым , вставляется ваш текст. К сожалению таким образом, можно будет оформить только одно предложение, около восьми слов.
<script type="text/javascript"> var line="Печатающийся текст в JavaScript "; var speed=200; var i=0; function pechatanie() { if(i++<line.length) { document.pechat.pt.value=line.substring(0,i); } else{ document.pechat.pt.value=" "; i=0; } setTimeout('pechatanie()',speed); } </script> <form name="pechat"> <input name="pt" type="text" size="30" style="background-color:#fffff; border:0px; width:500px; "> </form> <script type="text/javascript">pechatanie();</script> Следующий скрипт будет циклично печататься в заглавии браузерной вкладки как у меня и вставляется в
Дизайн - Добавить гаджет - HTML/JavaScript.
<script><!--//
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 3000)
}
else {
c++;
setTimeout("writetitle()", 200)
}
}
writetitle()
// -->
</script>
http://blogodel.com/
Вертикальное меню, типа "Аккордеон" для Блогспот, Блоггер
Posted: 18 Jan 2014 04:22 AM PST
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Получил я в комментариях заявку:
"Подскажите, а у вас нет случайно скрипта для вертикального меню, типа Аккордеон?" И появилась у меня идея опубликовать пост на эту тему.
Как выглядит меню, можно посмотреть на тестовом блоге:
http://blogodeltest2.blogspot.com/
Сам скрипт вставляется просто: надо добавить код:
В Дизайн - Добавить гаджет - HTML/JavaScript (
жёлтый фон это цвет меню, который можно поменять).
<style>background: #999999;/*цвет наружного меню*/ background: #cccccc; /*цвет фона внутреннего меню*/ По просьбе читателей - горизонтальное выпадащее меню
код добавить: В Дизайн - Добавить гаджет - HTML/JavaScript
<style>/* Главное меню */ http://blogodel.com/
Уникальное Новогоднее поздравление на Блогспот, Блоггер
Posted: 25 Dec 2013 10:53 AM PST
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Случайно встретил в интернете интересное поздравление к Новому году и моментально реализовал это у себя на Блогспот, Блоггер. А впрочем меньше слов... полюбуйтесь сами:
Самая изюминка заключается в том, что
вы можете вставить в "лицо" Деда Мороза вашу фотографию! Кроме того, можно написать текст поздравления!
Изготавливается поздравление двумя кликами на сервисе:
http://www.dancingsantacard.com/ru/
Но есть одно Но! Когда ваша открытка будет готова - это будет
Шаг 3 , вам понадобится исходный код, что бы появилась возможность размещения на блоге. Добыть этот код не сложно и вы сможете это сделать самостоятельно.
Наведите курсором на свободную (без изображений) часть страницы
Шаг 3 и нажмите левой клавишей мышки. У вас появится примерно (в зависимости от браузера) такое окно:
Выберите - "Исходный код страницы" (в Хроме "Просмотр кода страницы") и вы увидите "изнанку" вашей страницы в программном коде. В этом коде,
начиная с 134 строчки , нужно выделить код поздравления, который выглядит так:
<object type="application/x-shockwave-flash" data="http://assets.dancingsantacard.com/swf/santa.swf?version=3d522deaf85577451c01974654b36ad3" width="700" height="485" id="flash" > <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="http://assets.dancingsantacard.com/swf/santa.swf?version=3d522deaf85577451c01974654b36ad3" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="flashvars" value="user=199654&photo=http%3A%2F%2Fassets.dancingsantacard.com%2Fphotos%2F200%2F199654.jpg&photo_scale=56&photo_rotate=-22&photo_x=4&photo_y=-8&message=%D0%A1%D1%87%D0%B0%D1%81%D1%82%D0%BB%D0%B8%D0%B2%D0%BE%D0%B3%D0%BE+%D0%A0%D0%BE%D0%B6%D0%B4%D0%B5%D1%81%D1%82%D0%B2%D0%B0+%D0%B8+%D0%9D%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE+%D0%93%D0%BE%D0%B4%D0%B0+2014.+%D0%9F%D0%BE%D0%B7%D0%B4%D1%80%D0%B0%D0%B2%D0%BB%D1%8F%D1%8E+%D1%81%D0%B2%D0%BE%D0%B8%D1%85+%D1%87%D0%B8%D1%82%D0%B0%D1%82%D0%B5%D0%BB%D0%B5%D0%B9%21" /> <!--<embed src="http://assets.dancingsantacard.com/swf/santa.swf?version=3d522deaf85577451c01974654b36ad3" flashvars="user=199654&photo=http%3A%2F%2Fassets.dancingsantacard.com%2Fphotos%2F200%2F199654.jpg&photo_scale=56&photo_rotate=-22&photo_x=4&photo_y=-8&message=%D0%A1%D1%87%D0%B0%D1%81%D1%82%D0%BB%D0%B8%D0%B2%D0%BE%D0%B3%D0%BE+%D0%A0%D0%BE%D0%B6%D0%B4%D0%B5%D1%81%D1%82%D0%B2%D0%B0+%D0%B8+%D0%9D%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE+%D0%93%D0%BE%D0%B4%D0%B0+2014.+%D0%9F%D0%BE%D0%B7%D0%B4%D1%80%D0%B0%D0%B2%D0%BB%D1%8F%D1%8E+%D1%81%D0%B2%D0%BE%D0%B8%D1%85+%D1%87%D0%B8%D1%82%D0%B0%D1%82%D0%B5%D0%BB%D0%B5%D0%B9%21" quality="high" bgcolor="#ffffff" width="700" height="485" name="santa" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />--> </object> Копируем этот код и размещаем на вашем блоге в редакторе сообщения или
В Дизайн - Добавить гаджет - HTML/JavaScript. Зеленым фоном выделены изменяемые размеры поздравления.
Гирлянда
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/></script><script type="text/javascript" src="http://szenprogs.ru/scripts/garland/garland.js"></script> http://blogodel.com/
Установка гаджета (слайдера) в шапку Блогспот, Блоггер
Posted: 01 Dec 2013 09:18 AM PST
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Из-за неоднократной и настойчивой просьбы одной читательницы, публикую установку любого гаджета в шапку Блогспот, Блоггера (в данном случае слайдера).
Кому интересно, как это будет выглядеть, вот ссылка на тестовый вариант:
http://blogodeltest2.blogspot.ru/
К сожалению по умолчанию, Блогспот не предусматривает возможности размещения гаджета в шапке и поэтому необходимо будет произвести небольшие изменения в шаблоне.
1) В настройках выходим в раздел "Шаблон".
2) Нажимаем "Изменить HTML".
3) Производим изменения в шаблоне.
Где то на уровне 619 строки (в зависимости от шаблона) находим строчку:
<b:section class= ' header ' id= ' header ' maxwidgets=' 1 ' showaddelement=' no '> и меняем , как указано на скриншоте на:
maxwidgets=' 3 'и maxwidgets=' yes ' После замены жмем вначале на "Просмотреть шаблон" (подчеркнуто снизу красным) и если все нормально (не появилась табличка об ошибке) нажимаем "Сохранить шаблон".
Таким образом, мы дали "команду" в шаблоне разрешить наличие гадежта в шапке блога. В разделе "Дизайн" у вас должна появиться, выделенная на скриншоте красным маркером секция.
В этой секции вы можете разместить любой код гаджета (в данном случае, я разместил код слайдера).
Вот код слайдера:
<style type="text/css"/> /* dimpost.com - Basic Style */ background: transparent; font:15px/2 'Adobe Caslon Pro', Georgia, Serif; margin:0; padding:0; margin:10px auto; padding:0; position:relative; height:400px; width: 640px; position:relative; position:absolute; top:0px; left:0px; position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; display:block; position:absolute; z-index:5; height:100%; display:block; position:absolute; z-index:5; position:absolute; right:20px; text-align:center; top:130px; width:192px; z-index:60; opacity: 0.6; background:transparent url(http://project.dimpost.com/image-slider/images/button.png) no-repeat center center; display:inline-block; height:14px; width:14px; text-indent:-9999px; cursor:pointer; background:transparent url(http://project.dimpost.com/image-slider/images/button_active.png); </style> <script src="http://project.dimpost.com/image-slider/jquery-1.6.1.min.js" type="text/javascript"></script> <script src="http://project.dimpost.com/image-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> <!--[if IE]> <script src="modernizr-2.0.min.js"></script> <![endif]--> <div id="slider"> <a href="http://dimpost.com/" target="_blank"><img alt="" title="#caption1" src="http://project.dimpost.com/image-slider/images/sample0.jpg " /></a> <a href="#" target="_blank"><img alt="" title="#caption2" src="http://project.dimpost.com/image-slider/images/sample1.jpg " /></a> <a href="#" target="_blank"><img alt="" title="#caption3" src="http://project.dimpost.com/image-slider/images/sample2.jpg " /></a> <a href="#" target="_blank"><img alt="" title="#caption4" src="http://project.dimpost.com/image-slider/images/sample3.jpg " /></a> <a href="#" target="_blank"><img alt="" title="#caption5" src="http://project.dimpost.com/image-slider/images/sample4.jpg " /></a> <a href="#" target="_blank"><img alt="" title="#caption6" src="http://project.dimpost.com/image-slider/images/sample5.jpg " /></a> </div> И еще один скрипт
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script> });http://vallek.ru/wp-content/uploads/2013/06/anhel_1.jpg ' title='#Post Title' width='768'/></a>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2sQM8Gn7v2aET74Ujjz-QtnF4CXHMLASdj2oapPJaRbLSgbbwQySPKCVfM2YcKV2QbXdtLNL1xdMTSoaVMogMofQJrNo0NmVGDFKwXIIySJUFzTkaGGrP4cN0s_5e_Izo_i5EtemZgjsq/s0/1.jpg ' title='#Post Title' width='768'/></a>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkAb6c7TI-zpPeZkGrQy3vEYidcCkpHoY-ol9DleINOqg6YDWBSBF3v85zDCqAdCcPqMViRk_5Y8e4YTFfQ_zxIKrRbcn4bnf99sGESLh1Y-Hmp5XXSaZHGUEV8dHNbhk24RgsFmQQrwi/s0/3.jpg ' title='#Post Title' width='768'/></a> К расная маркировка это урлы ваших фотографий.
Даю так же, адреса для обработки изображений:
http://radikal.cc/
http://pixlr.com/express/
http://blogodel.com/
Самое простое увеличение картинки при наведении курсора для Блогспот, Блоггер
Posted: 08 Nov 2013 08:58 AM PST
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Ну вот и дошли у меня руки для публикации очень простого скрипта - увеличение изображения при наведении курсора для Блогспот, Блоггер. Отличие данного скрипта в простоте установки и универсальности (одноразовая установка на все картинки блога).
Наведите курсор и проверьте работу скрипта!
Б о льшее увеличение изображения технически будет смотреться некрасиво и в результате многочисленных экспериментов скрипт настроен оптимально!
Если эффект вам понравился, то добавьте код:
В Дизайн - Добавить гаджет - HTML/JavaScript
<style>.post-body img { -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
http://blogodel.com/
Необычное увеличение изображения при наведении курсора, на ваш Блогспот, Блоггер
Posted: 22 Sep 2013 05:13 AM PDT
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Я уже неоднократно публиковал возможность изменения изображения при наведении курсора:
или
Сегодня я публикую еще один вариант. Наведите курсор и опробуйте эффект:
Если эффект вам понравился, то данный виджет можно использовать, вставив код в редактор в любом месте статьи.
<style>http://delaisait.ucoz.ru/script/menu/img/1/esizbr1.jpg " alt="zoom effect" />http://delaisait.ucoz.ru/script/menu/img/1/esizbr.jpg " alt="zoom effect" /> Выделенные красным урл. - адрес ваших изображений (изображения должны иметь разный размер, вначале маленький потом большой), вставляете по вашему усмотрению!
http://blogodel.com/
Автоматическая генерация с каждым кликом новой шапки, для вашего блога Блогспот, Блоггер
Posted: 16 Sep 2013 03:14 AM PDT
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Сегодня я предлагаю очередную совершенно уникальную вещь на ваш Блогспот, Блоггер. В данном случае, уникальность заключается в том, что шапка (или изображение в шапке) будет меняться в каждый раз с переходом на новую страницу вашего блога! Таким образом, у вас будет в каждый раз -
новый дизайн шапки! Я пожалуй не смогу, да и не буду описывать, как это будет выглядеть - у всех разные шаблоны и возможно это не всем подойдет. Но поскольку установка (как обычно) архипростая - ПРОБУЙТЕ!
Установка осуществляется добавлением кода:
В Дизайн - Добавить гаджет - HTML/JavaScript
<style type='text/css'>#header {УРЛ.- АДРЕС ИЗОБРАЖЕНИЯ для шапки 0 ";УРЛ.- АДРЕС ИЗОБРАЖЕНИЯ для шапки 1 ";УРЛ.- АДРЕС ИЗОБРАЖЕНИЯ для шапки 2 ";УРЛ.- АДРЕС ИЗОБРАЖЕНИЯ для шапки 3 ";УРЛ.- АДРЕС ИЗОБРАЖЕНИЯ для шапки 4 "; Вам необходимо только вставить ВАШИ изображения туда, где отмечено красным . Естественно, за вас искать фотографии и выставлять размеры я не буду! Шапки можно найти задав в Гугл "ШАПКИ ДЛЯ САЙТА". Для тех, кто не знает как (выставлять размеры), даю ссылку моего любимого фото редактора: http://pixlr.com/express/
http://blogodel.com/
Появление описания у картинки при наведении курсора для Блогспот, Блоггер
Posted: 07 Sep 2013 08:16 AM PDT
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Сегодня друзья, как обычно публикую очень простое в установке, но очень эффективное при использовании, очередное усовершенствование на ваш Блогспот, Блоггер. Речь идет об описании изображения вашего блога, которое читатель сможет увидеть наведя курсор. В описании, так же есть возможность добавления ссылки куда нибудь. А впрочем убедитесь сами:
Данный виджет можно использовать, вставив код в редактор в любом месте статьи.
<center>Ссылка урл. вашего изображения " width="280" />Название изображения </h4>Текст описания изображения... <br />Ссылка урл.- адрес ">Читать дальше </a></div> То, что выделено красным , вы заполняете по вашему усмотрению!
http://blogodel.com/
Бегущая строка с автоматическим заполнением кликабельными ссылками для Блогспот, Блоггер
Posted: 25 Aug 2013 04:07 AM PDT
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Бегущая строка несмотря на относительную древность применения, все еще популярна. Особенно у начинающих блоггеров. Поэтому сегодня я предлагаю вам очень интересный вариант.
Впрочем убедитесь сами:
Код вставляется очень просто:
В Дизайн - Добавить гаджет - HTML/JavaScript
<script src="http://blogger.com.md/uploads/demo/scroll/scroll.js"></script>http://blogodel.com/ feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script> Там где маркировано красным , необходимо внести адрес-урл вашего блога
http://blogodel.com/
Красивый дизайн боковых сторон Блоггер, Блогспот
Posted: 10 Aug 2013 09:50 AM PDT
Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот )Прежде всего надо объяснить о чем речь. Трудно будет, но все же попытаюсь.
Началось все с заявки в комментариях:
у многих видела фон чётка по границам блога, как например тут http://hobbystudi0.blogspot.com/2013/07/blog-post_23.html , когда я ставлю подобные фоны на свой блог они разъезжаются, что нужно менять в настройках чтобы узнать точные размеры серединки блога и боков? Не знаю правильными ли я терминами задала вопрос, надеюсь вы поймёте. После просмотра блога по предложенной ссылке, я увидел следующую картину:
Может вы этого и не видите, но читатели, у которых ширина монитора больше вашего, видят по бокам вашего блога - очень некрасивую пустоту! В данном случае, там, куда показывают
красные стрелочки, вместо однотонной "пустоты" - красивый дизайн!
Как это сделать? Пришлось обратится к коллегам из других стран и решение было найдено.
Вначале необходимо В
Дизайн - Добавить гаджет - HTML/JavaScript добавить следующий код:
<style type="text/css">УРЛ.- АДРЕС БОКОВОЙ КАРТИНКИ "); background-position: center; background-repeat: no-repeat; background-attachment: fixed; } Где красным выделен
УРЛ.- АДРЕС БОКОВОЙ КАРТИНКИ ,
которую можно найти по следующей ссылке:
http://izziegraceblogbackgrounds.blogspot.com/
(по этой ссылке, под каждым изображением вы можете скопировать -
УРЛ.- АДРЕС БОКОВОЙ КАРТИНКИ ):
И еще хотелось бы добавить, что дизайны у всех разные и как "ляжет" этот боковое оформление на ваш блог, заранее сказать невозможно. Нужно пробовать!
http://blogodel.com/
+%D0%B2+%D0%B1%D0%BB%D0%BE%D0%B3+%D0%B2+%D0%B1%D0%BE%D0%BA%D0%BE%D0%B2%D1%83%D1%8E+%D0%BA%D0%BE%D0%BB%D0%BE%D0%BD%D0%BA%D1%83.jpg)
.jpg)
0 comments:
Post a Comment