شرح طريقة ربط حسابات التواصل الاجتماعي بموقعك الإلكتروني. الكثير يعرف أهمية حسابات التواصل الاجتماعي للمتاجرة الإلكترونية و المواقع والمنتديات وشركات الخاصة والعامة لأن حسابات التواصل الاجتماعي أصبحت مهم لاستخدامها عند الكثيرين وسهلة الوصول للعميل والتقديم الخدمة مباشرة بطريقة سلسلة.
حسابات التواصل الاجتماعي يعرفها الكثيرين؛ مثل فيسبوك وتويتر انستقرام واتساب تلجرام لنكدان وغيرها.
يحتاجها المدونون وأصحاب المواقع الإلكترونية والشركات التي لديها مواقع إلكترونية
تنزل فيديوهات انستقرام والريلز
طريقه إضافة حسابات التواصل الاجتماعي الخاصة بك في المواقع الإلكترونية :
اولا :بلوجر؛
يوجد في قوالب بلوجر المجانية جاهزة كل الذي يمكنك عمله هو إضافة رابط الخاص بحسابات التواصل الاجتماعي تبعك في الحقل المخصص له وذلك بعد نسخ الرابط
اقرا انشاء حساب ادسنس لليوتيوب والمواقع الإلكترونية
ثانياً : ويردبرس؛
ويردبرس كايعرف المبرمجون المتخصصون في قوالب ويردبرس WordPress أن لوسائل التواصل الاجتماعي يمكن أن تضاف إلى الموقع عن طريقة إضافة خاصة بها قد تكون مدفوع وأغلب ماتكون مجان كل الذي يمكنك فعله هو تنصيب الإضافة الخاصه بإضافة روابط التواصل الاجتماعي في قالب ويردبرس WordPress
جميع روابط التواصل الاجتماعي في رابط واحد:
أن إذا كنت تريد جميع تلك الراوبط الخاصه بك لتواصل الاجتماعي في قالب وجعلها وسيلة من وسائل تقديم الخدمات مباشرة على موقعك الإلكتروني وتفصيل الرد على الجمهور حسب موقع التواصل الاجتماعي الذي اتو منه.
إليك هذا الموقع الرائع الذي يجعلك تقسم زوار موقعك الإلكتروني على حسب رابط التواصل الاجتماعي الذي أتت الإحالة منه
انه موقع مسج.مي mssg.me. كل الذي يمكنك فعله هو أن تدخل على رابط الموقع وتعمل حساب مستخدم جديد وتضيف بعدها الراوبط الخاصه بك لتواصل الاجتماعي.
انسخ الكود التالي اذهب الى التنسيق اختار إضافة واختار html /Javascript والسق الكود بعد وضع روابط صفحات التواصل الاجتماعى الخاص بك.
ملحوظة هذا كود يوضع في التنسق للقالب :
<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 == "") {this.value = "أدخل بريدك الإلكتروني...";}" onfocus="if (this.value == "أدخل بريدك الإلكتروني...") {this.value = ""}" 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>