Показаны сообщения с ярлыком Гаджеты/Виджеты для блога. Показать все сообщения
Показаны сообщения с ярлыком Гаджеты/Виджеты для блога. Показать все сообщения
воскресенье, 19 февраля 2012 г.
четверг, 26 января 2012 г.
Эффект движения ярлыков
Привет! Сегодня я научу Вас как сделать небольшой трюк с ярлыками.Это красивый эффект сдвига при наведении на ярлык мышью. Отличный плагин делает более привлекательным ваш блог для посетителей. Много расхваливать не буду, просто наведите у меня мышью на ярлык и Вы увидите как это происходит. И так теперь приступим к делу.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
Теперь сохраните ваш шаблон! Все, трюк с ярлыками готов, можете наслаждаться.
Перейти: Blogger Дизайн-Изменить HTLM. Как обычно делаем резервную копию шаблона. Поиск строчки </head> для быстрого поиска пользуемся Ctrl+F. Добавляем следующий код перед </head>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
Теперь сохраните ваш шаблон! Все, трюк с ярлыками готов, можете наслаждаться.
среда, 25 января 2012 г.
Вставка рекомендаций по чтению на блог
Интересный и полезный сервис Linkwithin.
Благодаря ему после сообщения на блоге выводятся связные по смыслу сообщения с картинками, которые берутся из архива, или в виде списка ссылок (если картинок не было). Этот сервис бесплатный и не требует регистрации.
Введите свой e-mail , адрес вашего блога, Platform: Blogger, если блог с темным фоном - установите галочку, нажмите кнопку "Get Widget!". Дальше работайте с редактором дизайна вашего блога.
Для того, чтобы изменить строку "You might also like:" на Ещё читать:", нужно после вставки виджета зайти в Дизайн, нажать Изменить у виджета LinkWithin и добавить сверху строку:
Благодаря ему после сообщения на блоге выводятся связные по смыслу сообщения с картинками, которые берутся из архива, или в виде списка ссылок (если картинок не было). Этот сервис бесплатный и не требует регистрации.
Введите свой e-mail , адрес вашего блога, Platform: Blogger, если блог с темным фоном - установите галочку, нажмите кнопку "Get Widget!". Дальше работайте с редактором дизайна вашего блога.
Для того, чтобы изменить строку "You might also like:" на Ещё читать:", нужно после вставки виджета зайти в Дизайн, нажать Изменить у виджета LinkWithin и добавить сверху строку:
пятница, 20 января 2012 г.
Красивый эффект радуги для ссылок на Blogger
Здравствуйте, читатели моего блога. Сегодня хочу поделиться с вами тем, как украсить ссылки и заголовки сообщений в вашем блоге. При наведении курсора мышки они будут переливаться всеми цветами радуги. Посмотрите этот эффект в действии: пример.
Если Вы решили установить этот виджет, тогда начнем наше колдовство.
Зайдите в Дизайн-Изменить HTML. С помощью поиска (Ctrl+F) вам надо найти эту строку в вашем шаблоне: </head>. Перед этой строкой поставьте этот код:
Вот и все. Да будет радуга у всех в блогах!!!
Если Вы решили установить этот виджет, тогда начнем наше колдовство.
<script src='http://dl.dropbox.com/u/48089857/rainbow/%D1%81ss'/>
Вот и все. Да будет радуга у всех в блогах!!!
P.S. Сохраните копию шаблона, прежде чем вносить в него изменения.
пятница, 30 декабря 2011 г.
Облако фотографий на Вашем блоге
Вы храните свои фотографии в веб-альбоме Picasa. Тогда Вы довольно легко сможете создать вот такое облако из ваших фотографий у себя в блоге.
Все что нужно сделать - это разместить код облака фотографий у себя в блоге!
<h2 class="title" style="text-align: center;">Картины</h2>
<h2 class="title" style="text-align: center;">
<object data="http://media.roytanck.com/flickrwidget.swf" height="400" type="application/x-shockwave-flash" width="400"><param value="http://media.roytanck.com/flickrwidget.swf" name="movie"/>
<param value="#ffffff" name="bgcolor"/>
<param value="transparent" name="wmode"/>
<param value="feed=http://picasaweb.google.com/data/feed/base/user/karanatauray/albumid/5691643405515288881?alt=rss&kind=photo&hl=ru" name="flashvars"/>
<param value="always" name="AllowScriptAccess"/>
<p>Для работы <a href="http://beliber-da.blogspot.com/">Фото-Облака</a> требуется Flash Player 9 или выше.</p></object></h2>
Теперь скопируйте ссылку RSS канала альбома Picasa, фотографии которого будут отображаться в облаке. И замените ею красную строчку в коде. Замените название облака (выделено оранжевым цветом).
Вы также можете изменить некоторые параметры облака на ваш вкус (выделенные зеленым цветом):
width="400" - ширина облака
height="400" - высота облака
value="#ffffff"- цвет фона облака.
Картины
<h2 class="title" style="text-align: center;">Картины</h2>
<h2 class="title" style="text-align: center;">
<object data="http://media.roytanck.com/flickrwidget.swf" height="400" type="application/x-shockwave-flash" width="400"><param value="http://media.roytanck.com/flickrwidget.swf" name="movie"/>
<param value="#ffffff" name="bgcolor"/>
<param value="transparent" name="wmode"/>
<param value="feed=http://picasaweb.google.com/data/feed/base/user/karanatauray/albumid/5691643405515288881?alt=rss&kind=photo&hl=ru" name="flashvars"/>
<param value="always" name="AllowScriptAccess"/>
<p>Для работы <a href="http://beliber-da.blogspot.com/">Фото-Облака</a> требуется Flash Player 9 или выше.</p></object></h2>
Теперь скопируйте ссылку RSS канала альбома Picasa, фотографии которого будут отображаться в облаке. И замените ею красную строчку в коде. Замените название облака (выделено оранжевым цветом).
Вы также можете изменить некоторые параметры облака на ваш вкус (выделенные зеленым цветом):
width="400" - ширина облака
height="400" - высота облака
value="#ffffff"- цвет фона облака.
четверг, 29 декабря 2011 г.
Виджет календарных праздников от CALEND.RU
Интересный виджет, для тех кто любит праздновать. Основная задача данного календаря своевременно отображать ближайшие дни праздников и, по возможности, уже состоявшиеся в этот день. В списке календаря отображаются все праздники, не запрещенные действующим законодательством РФ.
Достаточно установить виджет праздников себе в блог, и тогда вы, и все читатели вашего блога, всегда будете в курсе всех немногочисленных праздников России.
Сам виджет календарных праздников выглядит так:
Чтобы установить эту маленькую радость себе в блог на Blogger, воспользуйтесь безотказным гаджетом HTML/JavaScript. Также виджет календаря можно разместить на любой странице и в любом сообщении во вкладке "Изменить HTML". Для всех этих случаев просто впишите указанный ниже скрипт.
Код виджета календарных праздников России:
<a href=http://www.calend.ru/holidays/russtate/ target=_blank><img src="http://www.calend.ru/img/export/informer_1.png" width="150" alt="Праздники России" border="0"></a>
Познакомиться с праздничными информерами можно на сайте http://www.calend.ru/.
Достаточно установить виджет праздников себе в блог, и тогда вы, и все читатели вашего блога, всегда будете в курсе всех немногочисленных праздников России.
Сам виджет календарных праздников выглядит так:
Чтобы установить эту маленькую радость себе в блог на Blogger, воспользуйтесь безотказным гаджетом HTML/JavaScript. Также виджет календаря можно разместить на любой странице и в любом сообщении во вкладке "Изменить HTML". Для всех этих случаев просто впишите указанный ниже скрипт.
Код виджета календарных праздников России:
<a href=http://www.calend.ru/holidays/russtate/ target=_blank><img src="http://www.calend.ru/img/export/informer_1.png" width="150" alt="Праздники России" border="0"></a>
Познакомиться с праздничными информерами можно на сайте http://www.calend.ru/.
среда, 7 декабря 2011 г.
Бесплатный счетчик посещений
Счетчик посещений - БЕСПЛАТНО
Этот блог был посещенО счетчике посещений
Бесплатный счетчик посетителей сайта прост в установке и использовании. Из почти 1000 типов счетчика вы можете выбрать тот, который лучше всех впишется в дизайн вашего сайта.Создайте собственный счетчик посетителей на своем сайте за пять минут!!!
Получить код счетчика посещений
Теперь установить счетчик на сайт не просто, а очень просто. Для этого не нужно даже регистрации. Выберете внешний вид и просто скопируйте код счетчика на страницы вашего сайта!| Выбрать другой счетчик | |
Подписаться на:
Сообщения (Atom)

