9 мая 2014 г.

Социальный виджет с синими кнопками и подпиской


Красивый виджет подписки с соц кнопками  Поделиться


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

Виджет легко установить: черновик blogger-дизайн-добавить гаджет. Скопируйте код ниже, настройте, добавьте гаджетом в нужное место макета блога.







<style>#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:12px;line-height:18px;padding:1px 20px 10px;text-align:center;text-transform:uppercase} .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%} .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%} .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff} .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}a.social-icons{margin-right: 5px;height:45px;width:45px;}a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}</style>
<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper">    <br/><a class="social-icons" href="https://facebook.com/bdblogov"><img src="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a><a class="social-icons" href="https://twitter.com/violavasil_eva"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a><a class="social-icons" href="https://plus.google.com/+OlgaProtasova/posts"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a><a class="social-icons" href="http://feeds.feedburner.com/blogspot/TsLmX"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/s1600/Bloggertrix-Rss.png" /></a><p>Подпишитесь на электронную рассылку и получайте обновления первыми</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/TsLmX" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/TsLmX', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/TsLmX" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Ваш E-mail адрес "/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Подписаться !" /></form></div></div></div>

Все, что у меня выделено измените на свои данные. Ваши адреса в социальных сетях и адрес подписки на RSS канал (выделено голубым). Желтый-дважды вставьте адрес подписки на обновления блога. Всего доброго.
Открыть комментарии →

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

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

Кнопки

Почтовые сервисы для заработка

CashTaller.RU
SEO sprint - Всё для максимальной раскрутки!
WMmail.ru - сервис почтовых рассылок
ProfitCentr - рекламное агентство

--