Добавляем красивую секцию подписать на новости в Blogger

Доброго Всем времени суток. Сегодня хочу рассказать о том как добавить красивый гаджет подписаться на новости, который будет включать в себя три основные элемента, а именно: подписаться по E-mail, RSS, Twitter – на мой взгляд самые основные элементы, хотя можно добавить и другие. В чем состоит характерный плюс данного гаджета:

1. В отличии от предлагаемых FeedBurner и blogger гаджетов , которые включают в себя только один из перечисленных элементов, данный гаджет содержит сразу три.
2. Добавлены симпатичные картинки, которые визуально дают понять человеку, что это за поле.
Итак приступим.
Для того чтобы встроить данный гаджет нам необходимо полазить в коде шаблона.
1. Зайдите в настройки шаблона в раздел Изменить HTML
2. Найдите данный тэг:
</head>
3. Сразу перед ним вставьте приведенный ниже код:
<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(http://denzelion.nextmail.ru/gadget_rassilka/rss22.gif) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(http://denzelion.nextmail.ru/gadget_rassilka/img_email22.gif) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(http://denzelion.nextmail.ru/gadget_rassilka/twitter22.gif) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
4. Сохраните шаблон.
5. Зайдите в настройки блога, в раздел Дизайн/Элементы страницы, и в удобном для Вас месте добавьте гаджет HTML/Java Script в который вставьте следующий код:
<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="Ваш Rss feed">RSS подписка</a></h2>
<h2 class="subscription email"><a href="URL Email Subscription">Е-mail рассылка</a></h2>
<h2 class="subscription twitter"><a href="Ссылка на Ваш твиттер">Twitter</a></h2>
</div></div>
</div>

И все готово, теперь у Вас есть функциональный блок рассылки.