К основному контенту

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

рассылка по rss почте twitter Доброго Всем времени суток. Сегодня хочу рассказать о том как добавить красивый гаджет подписаться на новости, который будет включать в себя три основные элемента, а именно: подписаться по 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>

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

Комментарии

  1. Сделал всё как Вы описали, но не работает. Только при зарузке мелькает на доли секунды и сворачивается. Можно увидеть:
    http://portable-rus.blogspot.com/. Может я ссылки неправильные подставил... Подскажите, как должно быть?
    Кстати, сервера с какртинками уже нет, я вставил свои.
    Спасибо.

    ОтветитьУдалить
  2. По поводу картинок я знаю, так как у меня у самого вылетели в меню картинки!

    ОтветитьУдалить
  3. Этот комментарий был удален автором.

    ОтветитьУдалить
  4. Проблема в Вашем шаблоне. Должно быть как в данном блоге. У меня в левом сайдбаре только без картинок! Попробуйте сделать сначала без картинок, просто текст, может из-за того что не влазит не отображается!

    ОтветитьУдалить
  5. Попробовал без картинок, то же самое...

    ОтветитьУдалить
  6. Шаблон у Вас такой странный , в нем надо копаться чтобы все это исправить!
    Варианты решения:
    1.Скачаить другой шаблон, более красивый и удобный, я вам помогу настроить
    2. Скинуть мне Ваш шаблон я попытаюсь в нем разобраться, но немогу сказать сколько это займет времени.

    ОтветитьУдалить
  7. "Скинуть мне Ваш шаблон"
    Куда? На файлообменник или как?

    ОтветитьУдалить
  8. Вы можете его скачать, и по почте на мой ящик отправить! прикрепить как файл и все.

    ОтветитьУдалить

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

Популярные сообщения из этого блога

Как сделать ссылку на определенную часть той же страницы.

Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй. Сделать это достаточно просто! 1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег : <a id=" yakor "></a> Начало текста или заголовка В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу. 2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <a href="# yakor ">Слово</a> Покажу как это долж

Добавляем красивый гаджет Поделиться

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

Открыть несколько ссылок одним кликом мыши

Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько. Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a>   Вставьте свои ссылки, увеличьт