شرح طريقة ربط حسابات التواصل الاجتماعي بموقعك الإلكتروني

<style>
/* Social &Newsletter Widget *//* Social by alrsooog.com */
.social {
background:#fcfcfc;
height:80px;
padding:0 15px;
border-bottom:1px solid #f0f0f0;
}
.social li {
float:right;
width:52px;
margin-left:15px;
text-align:center;
}
.social li.last {
margin-right:0;
}
.social li a {
opacity:0.6;
filter:alpha(opacity=60);
font-size:11px;
color:#666;
padding-top:42px;
line-height:34px;
}
.social li a:hover {
opacity:1.0;
filter:alpha(opacity=100);
color:#666;
text-decoration:none;
}
.social .social-feed {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBerJi3YYqcjoXISZt4r1p2w0FX0VO5HpKEMyZRc0_xxQqHk1629TLCrMBTe4MUbHpqMc6T6Rh84R15-mRXtY1xs2stTSkIj_VJPMhT6SxaofRbKnMndKPwM5lK0J2oPGe4MG-w_YtBCw/s1600/ico-social-rss.png) no-repeat;
}
.social .social-twitter {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwfAAwUyv0gVuqPUUdPjvCGClOIe8uSwMqsIY-fmRsjcfBC8hxGkI4m7xjhJcUNxBg5vKHu5_nXrH1P7IOZQtRLDmJxmUIU6InrzVp_4lAp95mJFxsZCmxHJHOwxglyWMZkNYnSpXoZo/s1600/ico-social-twitter.png) no-repeat;
}
.social .social-facebook {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOIKe1eqnALk1Qb65o9a6WJVU5MP1Sd4INhBgK9uVWAAG9RbWWA21SCT1xQpyFYnMerm3m-u85XWHZ-fy04PzqkH0HfCNP6fe4SMF_F_R4H_XJRdF67-x1dC2KnIXjitw_Fc0-aOdzAKE/s1600/ico-social-facebook.png) no-repeat;
}
.social .social-youtube {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqeNQI0jDSuTD23Lra0CXqqXc0MbsJ25YXcSv8PEQZDOzRfVe4tm8nWdNzlzjYcYO_dm5Aw39s2WMEBoo788xsc4nrHHP3nt9mvDsXkyT9vwGxs9-v70eWx2_cg6BPu6x1yLwUzZcpAFE/s1600/ico-social-youtube.png) no-repeat;
margin-right:0;
}
form.emailform {
margin:20px 0 0;
display:block;
clear:both;
}
.emailtext {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm1dbX7EoXlJbRKqgWAHgrz5m13kD3T7QNWYQ1HzAvLm667DvGY_3nulZr6rCQfl0FQwljOB-Kbayx3ojdk__FIrnsLM2bs8pSt_aL3QvYzBFAJpLRRWoA_3iMsA7cvFdCkxw1zvpj-ZcJ/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 33px;
color:#444;
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;
}
.ebutton {
color:#444;
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='#FBFBFB', endColorstr='#F4F4F4', GradientType=0 );
background:linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
}
</style><span style="color: #444444;">
<a href="http://www.7loll.blogger.com/"></a>
<div class="widget-content">
<div style="border: 1px solid DodgerBlue; padding: 1mm;">
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ti6l2Op2fAa7gZqZflfj0l7uhdchr-e9LTR4_c0oWH3tlE1Nx7ejxyITJzxFMreGGZiARfTEA3IWFDixDWY38bPzSBxq3D2vtVXedKE6w2N7iSKEf1dwOc-hOBSwAc1F60Usjwit-I/s1600/email-px-png.png" /></center>
<center>
<span style="font-size: 16px; font-weight: bold;">توصل بكل المواضيع الجديدة ،كن السبّاق وقم بإدخال بريدك الإلكتروني و إنتظر الجديد</span>
<ul class="social">
<li><a class="social-facebook" href="http://www.blogger.com/facebook%20page" rel="nofollow" target="_blank">Facebook</a></li>
<li><a class="social-twitter" href="http://www.blogger.com/Twitter" rel="nofollow" target="_blank">Twitter</a></li>
<li><a class="social-feed" href="http://www.blogger.com/Feedburner%20Url" rel="nofollow" target="_blank">RSS</a></li>
<li><a class="social-youtube" href="http://www.blogger.com/Youtube%20Chaine" rel="nofollow" target="_blank">YouTube</a></li>
</ul>
</center>
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=xxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="softechnogeek" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;أدخل بريدك الإلكتروني...&quot;;}" onfocus="if (this.value == &quot;أدخل بريدك الإلكتروني...&quot;) {this.value = &quot;&quot;}" type="text" value="أدخل بريدك الإلكتروني..." />
<input alt="" class="ebutton" title="" type="submit" value="إشترك" />
</form>
<center>

<span class="Apple-style-span" style="background-color: white; color: #333333; font-family: 'trebuchet ms', Trebuchet, Arial, Verdana, sans-serif; font-size: 10px; font-style: italic;"></span>
</center>
<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://www.7loll.blogger.com/" target="_blank" title="Blogger Widget"><span style="font-size: xx-small;">Blogger Widget »</span></a></div>
</div>
</div>
</span>