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

Автор Damir-Tote. Опубликовано в Блог, Все о Блогспот

            Многие, как правило, любят играть с виджетами предлагаемые Blogger, но не думают, нужен ли им тот или иной виджет или гаджет. Уберите все лишнее со своего блога и заполняйте пустующие места только полезным материалом для ваших читателей и посетителей.
 
            Могу Вам предложить вот такой виджет с выводом ваших кнопок к социальным сетям, а также счетчиком FeedBurner и кнопкой подписки на обновления блога. Рисованные социальные кнопки выглядят в этом виджете очень привлекательно, что может привлечь внимание посетителей и, в конечном счете, приведет и увеличению подписки. А процесс установки достаточно прост, нет необходимости редактировать HTML код шаблона.
Рисованные Кнопки социальных сетей

 

            Процесс установки виджета кнопок социальных сетей.
 
Шаг 1. Переходим через панель инструментовДизайнДобавить гаджетHTML/Javascript и вставьте приведенный ниже код в открывшееся окно:
 
<style>
table
{
border-bottom: 1px solid #E6E6E6;
float: center;
width: 280px;
margin:10px 0 0 20px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
</style>
<div>
<table>
<tr>
<td><div><a href=»http://www.facebook.com/» imageanchor=»1″ target=»_blank» rel=»nofollow»><img border=»0″ src=»http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png» /></a></div></td><td><div><a href=»http://twitter.com/damirtote» imageanchor=»1″ target=»_blank» rel=»nofollow»><img border=»0″ src=»http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png» /></a></div></td>
<td><div><a href=»http://feeds. feedburner .com/damir-tote» imageanchor=»1″ target=»_blank» rel=»nofollow»><img border=»0″ src=»http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png» /></a></div></td>
<td><a href=»https://plus.google.com/» imageanchor=»1″ target=»_blank» rel=»nofollow»><img border=»0″ src=»http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png» /></a></td>
</tr></table>
</div>
<style>
.rssbuttontable
{
border: 1px solid #E6E6E6;
background: #FFDCB1;
float: center;
width: 270px;
margin-left:10px;
padding: 5px 5px 5px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
height: 35px;
float: left;
display: inline;
margin-top:5px;
margin-bottom:5px;
}
input.Subscriberssbutton
{
background:-moz-linear-gradient(top,#F88017 0%,#FF6600 100%); background:-webkit-gradient(linear,left top,left bottom,from(#F88017),to(#FF6600));
border: 1px solid #FF6600;
text-transform: none;
font:bold 13px arial;
 color: #fff;
height: 30px;
 padding: 4px 2px 5px 2px;
 margin: 0px 0 0x 0px;
 border-radius: 5px;
-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 cursor:pointer;
display: inline;
}
</style>
<table>
<tr>
<td>
<a rel=»nofollow» href=»http://feeds. feedburner .com/damir-tote»><img src=»http://feeds. feedburner .com/~fc/damir-tote?bg=FF6600&amp;fg=444444&amp;anim=1″ height=»26″ width=»88″ style=»border:0″ alt=»» />
</a>
</td>
<td>
<input value=»Subscribe to Get Updates» type=»button» onclick=»window.open(&#39;http:// feedburner .google.com/fb/a/mailverify?uri=damir-tote&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=650,height=570&#39;);return true» /></td></tr></table>
 
            Перед сохранением нужно заменить некоторые значения с вашими собственными.
 
Шаг 2. Заменяем следующие данные на свои:
  • http://www.facebook.com/
  • http://twitter.com/damirtote на вашу Твиттер страницу.
  • http://feeds.feedburner.com/damirtoteна ваш feedburner фид.
  • https://plus.google.com/ на свою страницу Google +.
  • damirtote (в нижней части кода, приведенного выше) на Ваш feedburner id. Он появляется 3 раза, изменить на свой Email.
            Нажмите кнопку сохранить. Вот и все, что необходимо было, теперь у Вас есть красивый виджет подписок.
 
            Вам нужно надежное сетевое оборудование или сервер для хостинга бу, то стоит Вам обратиться к сайту www.westcomp.ru компании WESTCOMP, где можно купить себе дешевый хостинг.

Трекбэк с Вашего сайта.

  • alex

    ахаха а скопировать то ваш код не возможно)

    • Понимаю) код не много кривой…исправлю