Виджеты для изменения цвета фона и ссылок блога



Как быстро изменить фон блога и цвет ссылок


Здравствуйте гости и читатели моего блога. Нашла в сети два прикольных кода виджетов для изменения фона блога и цвета ссылок. Не могла не поделиться с Вами.

Установка в блог виджета для изменения цвета фона

Первый виджет для изменения фона блога, на мой взгляд очень даже нужный. Не всем посетителям, особенно с нарушением зрения, для чтения сообщений подходит выбранный Вами фон блога. У меня, к примеру устают глаза, когда я читаю информацию на темных тонах фона. У кого то не воспринимается светлый тон и.т.д.

К сожалению не во всех шаблонах работают коды. Проверила на своих блогах: На нестандартных шаблонах не работают, в том числе и в этом блоге. На родных блогспот можете посмотреть в тестовом блоге. Установила сразу под сообщением, кликните мышью по любому из цветов, увидите как меняется фон блога.

Кто заинтересовался информацией, копируем коды и устанавливаем в дизайне-добавить гаджет-Html/JavaScript-вставить-сохранить. Для изменения фона-виджет устанавливайте, чтобы посетители его видели, для цвета ссылок-в самый низ, в подвал.

<div class="widget-content">
<center><b>Выберите удобный для чтения информации фон блога</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
<td onclick="bgChange('#CDC9A5')" bgcolor="#C0C0C0">
</td>
<td onclick="bgChange('#ff9900')" bgcolor="#855E48">
</td>
<td onclick="bgChange('#FFD700')" bgcolor="#FFEFDB">
</td>
</tr></tbody></table>
</div>

Напишите свой текст
Вы можете изменить коды цвета на свои.

А этот код для изменения цвета ссылок в Вашем блоге. Подведите курсор к любой ссылке в этом блоге, хотя бы к заголовку этого сообщения, увидите как радугой переливается цвет (уже нет). Этот виджет конечно на любителя, кто любит в своем блоге разные приколы.

<script type="text/javascript" src="http://dl.dropboxusercontent.com/s/qtyxe77jlu46rod/linkpelangi-ycode.js"></script>

На этом у меня все. Жду Ваших комментариев, делитесь со своими друзьями в соц сетях. Всего доброго.



Автор статьи ✎ Olga Protasova Выпуск ✹ 3/31/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *