طريقة إضافة مواقع التواصل الإجتماعي للمدونة بشكل رووعه - مدونة واقع التقنية
المرجو الانتظار قليلا سوف يتم التوجيه الى المدونة الجديدة وشكرا المرجو الانتظار قليلا سوف يتم التوجيه الى المدونة الجديدة وشكرا

الخميس، 24 أغسطس 2017


إضافة مواقع التواصل الإجتماعي الى المدونة أصبح اليوم شبه حتمي حيث تصبح بهذا للمتابعين أن يبقوا على إطلاع دائم بكل ماهو جديد في المدونة



في هذا الموضوع ستنطرق بإذن الله الى كيفية إضافة مواقع التواصل الإجتماعي بشكل أنيق وإحترافي, الطريقة سهلة كل ماعليك فعله هو إتباع هذه الخطوات:

1-قم بتسجيل الدخول الى مدونتك على blogger ثم إختر المدونة التي تريد وإضغط على السهم ومن ثم على التخطيط


2-إختر أي مكان تريده وإضغط على إضافة أداة

3-إختر أداة HTML/JavaScript


4- أكتب ما تريد في خانة العنوان (مثلا: تابعنا على أو بإمكانك تركها فارغة وأما في خانة المحتوى إنسخ الكود التالي وألصقه:


رمز Code:
<style>p#hb_socialicons img {
/* Spinning Social Icons Widget By www.4we-eb.blogspot.com */
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;
-moz-transform: rotate(120deg);
transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -webkit-transform: rotate(120deg);
/* Spinning Social Icons Widget By www.4we-eb.blogspot.com */
-o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } </style> <center>
<img border="0" src="http://3.bp.blogspot.com/-ck0bnvgk5uI/T_fxhb7Ay-I/AAAAAAAACRY/yZR4hu8omnE/s1600/helperblogger.com-facebook.png" /></a>
<p id="hb_socialicons"> <a href="https://www.facebook.com/profile.php?id=100006062629492">
<a href="https://twitter.com/saber_jemy">
<img border="0" src="http://4.bp.blogspot.com/-P_NkdPIsSQQ/T_fxjUKUF2I/AAAAAAAACRs/KXfA3LnHej8/s1600/helperblogger.com-twitter.png" /></a>
<a href="https://plus.google.com/116005448532214855225?hl=ar">
<img border="0" src="http://1.bp.blogspot.com/-uSOHwlVeA68/T_fxiHgtoJI/AAAAAAAACRc/-UZ8ujxc7Ic/s1600/helperblogger.com-google_plus.png" /></a>
<a href="https://waqy3.blogspot.com/search?updated-max=2017-08-20T07%3A11%3A00-07%3A00&max-results=12#">
<img border="0" src="http://2.bp.blogspot.com/-2sRpqFhID4A/T_fxipoh7DI/AAAAAAAACRo/kn_qiQKBT-o/s1600/helperblogger.com-rss.png" /></a>
<a href="https://www.youtube.com/channel/UCOpxUF1-vOAN4jzGll5-JHQ?sub_confirmation=1">
<img border="0" src="http://3.bp.blogspot.com/-2wY3FQCZgoM/T_fxkMsCqtI/AAAAAAAACR4/jsNUZdVcCCg/s1600/helperblogger.com-youtube.png" /></a>
</p>
</center>

كما هو موضح في الصورة



ولا تنسى تغيير روابط الحسابات بروابط الخاصة بك
(مثلا: رابط حسابك في الفيسبوك إستبدله برابطك الخاص) 
وأظن ان الأمر واضح كل رابط باللون الاحمر داخل الكود يتم استبداله برابط خاص بك

الشكل النهائي:

إشترك بالبريد الإلكتروني ليصلك جديدنا ستصلك رسالة للتفعيل عبر البريد لإكمال الإشتراك

<