суббота, 11 января 2014 г.

полезные программы


Бегущая строка в блоге 

Подойдет для размещения  коротких объявлений и новостей.

Здесь будет ваш текст.


Код бегущей строки.

<table background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" border="2" bordercolor="transparent" cellspacing="1" height="25" style="width: 584px;"><tbody>
<tr> <td background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fTLT8ZWnLmy1sqxqoSGhyphenhyphenFszuQ9OYxao9ZqFW44HipA_LoD1NgpgPSPIGal_qYWy0MmQqANdUpBz2IHUVQX_xZSZGnNh-iQL0KleoibF9PjbaXzusGvbpoFns8UumwCm3r5y9SJHN7U/s144/Pamka.jpg" valign="bottom"><marquee direction="left" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="584"><center><span style="color: black; font-family: Georgia;">Ваш текст объявления или интересной новости</span></center></marquee> </td></tr>
</tbody></table>


Изменяемые данные


background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" - окантовка рамки  изображением;


background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fTLT8ZWnLmy1sqxqoSGhyphenhyphenFszuQ9OYxao9ZqFW44HipA_LoD1NgpgPSPIGal_qYWy0MmQqANdUpBz2IHUVQX_xZSZGnNh-iQL0KleoibF9PjbaXzusGvbpoFns8UumwCm3r5y9SJHN7U/s144/Pamka.jpg" - фоновое изображение;


height="25" ("20"), width="584" - размеры рамки;
scrollamount="3" - скорость движения текста;
style="color: black; - цвет текста;
font-family: Georgia; - шрифт текста.


Часто возникает необходимость при оформлении поста в блоге выделить фрагмент текста в виде цитаты и заключить его в рамочку. 

<fieldset>Самая простая рамка</fieldset>




<div align="center" style="border: 1px solid  #992211;">Рамка для вставки кода </div>
А здесь можно подрегулировать цвет и толщину бордюра рамки


Текст<fieldset style="border: #992211 ridge thick;">
<span style="font-family:Comic Sans MS;color:#992211;font-size:14px">Текст</span>
</fieldset>
 Пишите в самой рамке и ее высота будет увеличиваться. 


Заголовок
<fieldset style="border: #992211 ridge thick;"><legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#992211;font-size:14px">Текст</span></fieldset>
 Картинку вставила через иконку в редакторе.

Код спойлер

Ваш текст объявления или интересной новости

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<table background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" border="2" bordercolor="transparent" cellspacing="1" style="height: 25px; width: 584px;"><tbody>
<tr> <td background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fTLT8ZWnLmy1sqxqoSGhyphenhyphenFszuQ9OYxao9ZqFW44HipA_LoD1NgpgPSPIGal_qYWy0MmQqANdUpBz2IHUVQX_xZSZGnNh-iQL0KleoibF9PjbaXzusGvbpoFns8UumwCm3r5y9SJHN7U/s144/Pamka.jpg" valign="bottom"><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9l98X5fR-xQvy0ydGlJtFzEXXwLLDnCGxUTVkvif2Ot6MSfPFKPvKyA2g4fm0aajPFQc1zVQ3faIHseMuM_YpD2897fo96eCHZrq4yvOwlH1SFuWIfvNZ-Qlpj0Ex0OrblDSeGPQaot2M/s1600/0_50121_a3958a9d_L.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9l98X5fR-xQvy0ydGlJtFzEXXwLLDnCGxUTVkvif2Ot6MSfPFKPvKyA2g4fm0aajPFQc1zVQ3faIHseMuM_YpD2897fo96eCHZrq4yvOwlH1SFuWIfvNZ-Qlpj0Ex0OrblDSeGPQaot2M/s200/0_50121_a3958a9d_L.gif" width="200" /></a></div>
<marquee direction="left" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="584">
<center>
<span style="color: black; font-family: Georgia;">Ваш текст объявления или интересной новости</span></center>
</marquee> </td></tr>
</tbody></table>
</div>

Изменяемые данные:
background="https://lh3.googleusercontent.com/-vUBMnq2ogT8/Torq00DJHHI/AAAAAAAABCk/Gmpz-5z6gHA/s144/ramka4.jpg" - окантовка рамки  изображением;
background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fTLT8ZWnLmy1sqxqoSGhyphenhyphenFszuQ9OYxao9ZqFW44HipA_LoD1NgpgPSPIGal_qYWy0MmQqANdUpBz2IHUVQX_xZSZGnNh-iQL0KleoibF9PjbaXzusGvbpoFns8UumwCm3r5y9SJHN7U/s144/Pamka.jpg" - фоновое изображение;
height="25" ("20"), width="584" - размеры рамки;
scrollamount="3" - скорость движения текста;
style="color: black; - цвет текста;
font-family: Georgia; - шрифт текста.



Виджет подписки YouTube


Доброго времени  суток, друзья!

Если у вас есть свой блог и видеоканал на YouTube, думаю будет полезно как-то их объединить. Правда, можно поставить красивую кнопку, что мы и делали. А как вам такой виджет?



Привлекает внимание? Как бы вы повели себя, увидев на чужом блоге рядом с кнопкой Subscribe свое имя? Тото же. Так и вашим друзьям захочется нажать. А нажав, они автоматом оказываются подписаны на ваш видеоканал. Будут ли они постоянными гостями канала, зависит уже от вас.
Имя читателя будет высвечиваться только в том сучае, если у него открыт собственный видеоканал.
Хотите установить? Нет проблем.


<iframe id="fr" style="overflow: hidden; height: 105px; width: 260px; border: 0pt none;" src="http://www.youtube.com/subscribe_widget?p=Liudmila697" scrolling="no" frameborder="0"></iframe>

Копируем код и вставляем. Как это сделать?
Ваш блог - Панель инструментов - Дизайн - Добавить гаджет - HTML/JavaScript. Код подредактируем - выделено красным. Вставляете имя своего видеоканала (YouTube Username) и подправляете размеры виджета. Высоту можно не трогать, ширину подгоняете под размер сайдбара. Заголовок на свое усмотрение.

Хотите проверить как работает? - жмите Subscribe!
 

Генератор паролей
Скопируй код и установи у себя на блоге.
----------------------------------------------------------------------------------------
<iframe src="http://gadgets.sterno.ru/password/password.html" height="132" width="280" frameborder="0" scrolling="no"></iframe>
 
как установить твитер

ка Tvitter

Приветствую вас на моём блоге! 
Сегодня я хочу поделится с вами интересным виджетом!
Летающий Икона- твиттер - небольшая иконка, которая летает на вашем блоге (сайте).

Наведите курсок на летающего твитерёнка. И рядом в выпадающем окне нажмите на текст! И вы у меня в гостях на Твитере!

Как установить этот виджет?
Очень просто!
Это бесплатно и легко добавлять на ваш сайт. 
Пройдите по ссылке  http://f-icon.com/
Укажите TwitterID ( ваш логин на твиттере) и выберите дизайн иконок, а затем нажмите получить код.


Полученный код вставьте в любом месте в гаджет на вашем блоге.
Удачи вам!!!


Как вставить счётчик в сайтбар блога

Здравствуйте, уважаемые читатели блога ! 
Сегодня я покажу Вам, как вставить на блог онлайн счетчик. Этот счетчик, показывает сколько и с каких стран, на Ваш блог заходят посетители. Конечно он  больше подходит к украшательству блога, но мне лично всегда интересно, сколько сейчас на блоге  людей, откуда они.
Вставить его довольно просто, перейдите по этой ссылке, на страницу генератора бесплатных счетчиков, зарегистрируйтесь .
Теперь войдите как зарегистрированный пользователь, жмите СОЗДАТЬ СЧЕТЧИК, и с генерируйте его, как показано на картинке.
Далее, нажмите на СОХРАНИТЬ
Скопируйте код и вставьте его в сайтбар блога, в виджет HTML/JavaScript
Добавить
А так же Вы можете с генерировать свою тему для счетчика, которая бы по цветовой гамме подходила к Вашему сайту.
Желаю Вам успеха и процветания.
 
 
 

Как настроить виджет переводчика на свой блог

Доброго времени суток!
С вами Людмила Муравьёва!
В этот посте , я расскажу вам , как установить виджет переводчика на свой блог.
Вот так выглядит виджет!
__MSG_title__


Gadgets powered by Google
А теперь подробно!

Разберемся с установкой гаджетов на Ваш блог. Гаджеты распологаются на боковой панели блога.
Допустим, что Вам приглянулся гаджет переводчик Google. (Ознакомиться с некоторыми образовательными гаджетами Вы можете здесь). Попробуем установить этот гаджет.
Прежде, чем установить гаджет на блог, у нас есть возможность изменить его внешний вид и настройки.
- установим заголовок (например, "переводчик");
- изменим ширину и высоту гаджета (например, я установлю ширина 320px, высота 150px);
- установим рамку (я выбираю рамку светло-сиреневого цвета);
- язык оригинала (например, английский);
- язык перевода (например, русский);
- язык гаджета (например, русский).

Встраиваем гаджет 
Изменили настройки по своему усмотрению и теперь надо добавить гаджет на блог. Для этого нажимаем на кнопку "Получить код", и копируем полученный код. Далее, в своем блоге нажимаем на кнопку "Дизайн" и на открывшийся странице "Элементы страницы" справа на макете блога нажимаем "Добавить гаджет". Среди списка открывшихся гаджетов, выберите гаджет "HTML/JavaScript " и вставьте копируемый код в поле "Содержание". И нажмите "Сохранить".
Теперь, на боковой панели блога сверху появится новый гаджет. В настройках блога на вкладке "Элементы страницы" Вы можете перетащить новый гаджет в то место, где он должен располагаться.
 

Как установить на блог гаджет "Последние комментарии".

Давайте рассмотрим урок, как настроить гаджет
" Последние комментарии".


Устанавливаем гаджет «Последние комментарии» .  
Для начала устанавливаем полный режим для Канала сайта в меню Настройки.
Для этого входим редактор и нажимаем НАСТРОЙКИ.




Переходим на дизайн блога.
  Добавляем гаджет...

Затем добавляем гаджет Канал с помощью уже описанной функции
 ...и формируем его следующим образом:
В строке URL канала вводим для канала Atom:
http://pro100uspehvinternet.blogspot.com/feeds/comments/default
Ссылку красным поменять на свою ссылку на блог
...а как настроить его Вы уже поймете сами.

 Перемещаем гаджет в нужное место

  .... и в результате мы видим наши комментарии .....




Установка сторонних кодов

А теперь самое главное - это установка на Ваш блог произвольного HTML-кода.
Для этого существует такой гаджет ( виджет) как HTML/JavaScript:


В этот блок Вы без труда сможете вставлять любой HTML-код, начиная с кода различных счетчиков и заканчивая Вашим, лично изготовленным кодом в формате HTML. Устанавливать данный гаждет (виджет) можно в любое место Вашего блога.

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

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