Как сделать подписку по E-mail, RSS, Twitter и Facebook

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

Приветствую Вас читатели блога damirtote.ru! Все мы мечтаем иметь красивую форму подписки в конце поста, чтобы все больше людей решалось подписаться на Ваш блог прочитав интересные и актуальные статьи. Поэтому я Вам расскажу один из примеров, как сделать подписку по Email, RSS, Twitter и Facebook. На мой взгляд этот вариант очень красивый и я сам хочу её использовать для своего блога в ближайшем будущем.
Этот виджет в конце поста имеет все, что необходимо блогу для увеличения числа подписчиков. Красивая форма подписки по Emailи иконки для подписки в RSS, Twitter и Facebook. Так как же ее установить на свой блог Blogger Блогспот. Есть заманчивый сайт bestforplay.net интернет казино, где можете выиграть ценные призы.
Шаг 1. Перейти к Blogger – Шаблон – Изменить HTML.
Шаг 2. Ставим галочку «Расширить шаблоны виджета».
Шаг 3. Ищем с помощью клавиш Ctrl+Fкод <data:post.body/>.
Шаг 4. Вставляем приведенный ниже код после тега в шаге 3.
 
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.b2wtext{
background:url(http://3.bp.blogspot.com/-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE/dkyZEzF2HIw/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.b2wbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#doulike-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#doulike-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#doulike-outer td{
padding:3px 0;
}
</style>
<div id=’doulike-outer’>
<div id=’doulike’>
<table width=’100%’>
<tbody>
<span style=’font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana; color:#FF683F;’>Do you Like this Story..?</span>
<tr>
<td>
<div id=’fb-root’/><script src=’http://connect.facebook.net/en_US/all.js#xfbml=1’/><fb:like font=» href=» layout=’button_count’ send=’true’ show_faces=’false’ width=’300’/>
</td>
</tr>
<tr>
<td align=’left’> <p style=’color:#666; font-style:italic; margin:0px 0px 5px 0px; ‘>Get Free Email Updates Daily!</p>
<form action=’http://feedburner.google.com/fb/a/mailverify’ class=’emailform’ method=’post’ onsubmit=’window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=damir-tote&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true’ style=’margin: 0pt;’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’damir-tote’/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=’b2wtext’ name=’email’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}’ onfocus=’if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}’ type=’text’ value=’Enter your email…’/>
<input alt=» class=’b2wbutton’ title=» type=’submit’ value=’Submit’/>
</form>
</td>

<td><p style=’color:#666; font-style:italic; margin:0px 0px 5px 0px; ‘>Follow us!</p>
<a href=’http://feeds.feedburner.com/damir-tote’ rel=’nofollow’ target=’_blank’ title=’Подписаться на RSS ‘><img src=’http://2.bp.blogspot.com/_nDNgmK8FIyI/TUJaXDrh48I/AAAAAAAAAVM/zLmcNtCgi9Y/s40/w2bRSS .png’/></a>
<a href=’http:// twitter .com/damirtote’ rel=’nofollow’ target=’_blank’ title=’Подписаться на Twitter’><img src=’http://2.bp.blogspot.com/_nDNgmK8FIyI/TUJaUf7v0CI/AAAAAAAAAU8/7vfe8Iw3ohc/s40/w2bTwitter.png’/></a>
<a href=’http://www. facebook .com/damirtote’ rel=’nofollow’ target=’_blank’ title=’Подписаться на Facebook ‘><img src=’http://1.bp.blogspot.com/_nDNgmK8FIyI/TUJaWNBkZnI/AAAAAAAAAVE/nZ0byXaqur8/s40/w2bFaceBook.png’/></a>
</td>
</tr>
</tbody></table></div></div>
<p style=»display:none;»><a href=»http://www.damir-tote.ru/»></a></p>
</b:if>

 
 Шаг 5. Можем в коде менять цвета, текст. И особо важно изменить аккаунты RSS , Twitter и Facebook на свои.
Шаг 6. Жмем Просмотр, после чего сохраняем шаблон.
Шаг 7. Просматриваем внутреннюю страницу, что у Вас вышло.

Отличный способ установить подписку на свой блог. Вскоре и ее вы увидите на моем блоге.



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

.