Շարունակելով բլոգերի դասերը, այսօր ցույց կտմ թե ինչպես տեղադել բաժանորդագրման վահանակ և սոց. կայքերի կոճակներ բլոգում: Բաժանորդագրվելով բլոգին դուք նյութերը ավտոմատ կստանաք ձեր էլ. փոստի վրա: Դրա համար պետք է բլոգի ադմինը գրանցված լինի
feedburner.google.com կայքում: Տեղադրելու համար այցելեք
Дизайн բաժինը այնուհետև Добавить гаджет և ավելացրեք HTML/JavaScript որտեղ որ ուզում եք լինի վահանակը:
<style>
#socialbox{border:2px solid black;
width:270px;padding: 5px 5px 5px 5px; }
img.beintouch:hover {
background: none repeat scroll 0 0 #ffbc99;
border-radius: 16px 16px 16px 16px;
box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHN0Cn9c7UGx8X_hDXwPhTvQuEsjTt37tELVsKzN21caLw8ptKYq-rpO8h3P2PybpeNxDwnnJrWnRuQSrPmobBBzDxLi5rWm1pgdseHT4BNxoXUAfXZTajqtHArydTFyTQH0xVo8bpoP0/s1600/mailbox.png") no-repeat scroll 4px center transparent;
border: 1px solid #7E4E27;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 4px #7E4E27 inset;
color: #444444;
font-weight: bold;
margin-left: 2px;
padding: 7px 15px 7px 35px;
text-decoration: none;
width: 120px;
}
.ebutton {
background: #D55959;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
margin-left: -18px;
margin-top: 5px;
padding: 6px 15px;
text-decoration: none;
text-shadow: 1px 1px 0 #000000;
}
</style>
<br />
<div id="socialbox">
<table align="" cellpadding="1px" cellspacing="0px" style="width: 290pxpx;"><tbody>
<tr><td>
<a href="http://facebook.com/Bloggertrix" rel="nofollow" target="_blank"> <img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjzDeGqY9TuQ6xgFct6U1exzncqAzoyN9eSIqkZpOqcZg_0f4R1cIH5xrz1HigX-ob91THr6QeTH8PfvKngx8vSyRCMR6cCumOJwaoKEFVZ9TyCeMpAP27BQulxoaNjl7O81RYpt_IOh4/s1600/bloggertrix-facebook-icon.png" /></a></td><td>
<a href="http://twitter.com/Bloggertrix" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5U_gF56gy4MEdT6XUJDU1EFSE2SO7PU8Ems5WqDXrJdx-brpyJPmP2vH8U1Rji1m5iHhSDGbIB2H9kvXTwxlxtviQ5R25ILkxnW9YVAi0XKdpbW7S17BEO0V3Fe_WjQTrw66gFLY_gPY/s1600/bloggertrix-twitter-icon.png" /></a></td><td>
<a href="http://pinterest.com/Bloggertrix" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYRgbhVrFPWNEVanyz71UuT1XRQj92kgCdbBbkBdesNuO3vJXsASV5-6s_AuTXuQni8P9CY3-DbnIAdiYLwGB-kHyOXIbl3PALaNQi5oE8UuC2u1xS-AdFFQ9izsDT5FEyvwDs4vD5-3A/s1600/bloggertrix-pinterest-icon.png" /></a></td><td>
<a href="https://plus.google.com/107955298793879607964" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis8uCaf5-hVTaajsoMtfts292CYM3xMVUeZT5whevlvihJxROFjcn-XvUsDtN-mR1-2Dwz2bMBVK_Q5MAyZc5URJhLeaH58amLqoLBzk7d763uxXvrJaYfe-m6x4R0VwTi02JBw3wJumw/s1600/bloggertrix-google-icon.png" /></a></td><td>
<a href="http://feeds.feedburner.com/Bloggertrix" rel="nofollow" target="_blank"><img class="beintouch" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSyRxM-dytFxm596V_jjVSd47BKdg1TR8zCo5nLQFy7RuBi4X7igAvaEkj4Xu1W5ofyuEVYZEhr74eFVFoHHF6dgwcpFNafF-sW4vVLVBfRJd71AbLKjBduMc9M_3XvqNpAJ-_cIwGzs/s1600/bloggertrix-rss-feed-icon.png" /></a><a href="http://bloggertrix.com/"></a></td></tr>
</tbody></table>
<div>
<center>
<b>Բաժանորդագրվել</b></center></div>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="bloggertrix" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == "") {this.value = "էլ. փոստի հասցե";}" onfocus="if (this.value == "էլ. փոստի հասցե") {this.value = ""}" type="text" value="էլ. փոստի հասցե" />
<input alt="" class="ebutton" title="" type="submit" value="Գրանցվել" />
</form>
</div>
