أزرار مواقع التواصل الاجتماعي شكل جديد أجمل من عالم التقنية

أزرار مواقع التواصل الاجتماعي شكل جديد أجمل من عالم التقنية

السلام عليكم ورحمة الله تعالى وبركاته

ازرار مواقع التواصل الاجتماعي تمكن زوار موقعك من متابعتك على مواقع التواصل الاجتماعي مثل تويتر فيس بو جوجل بلس إلخ .. 
ولا بد من إضافة أزرار مواقع التواصل الاجتماعي في كل مدونة حتى تتمكن الزوار من العثور عليك هناك. 
واليوم سوف نقدم لكم شكل جديد وفريد ​​من نوعه من هذه الازرار السلسة وخفيفة كما أنها سوف تمكن زوار مدونتك من العثور عليك بسهولة تامة

معاينة أنقر هنا 

كيفية الإضافة إلى مدونتك

ببساطة توجه إلى لوحة التحكم في مدونتك - التخطيط >> - >> إضافة أداة ثم أختر أداة  HTML / جافا سكريبت

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

<النمط>
#-احصائيات الاجتماعية {
الحدود اليسار: #DDDDDD الصلبة 1PX.
الحدود بين كبار: #DDDDDD الصلبة 1PX.
عرض: كتلة؛
تعويم: اليسار؛
الموقف: النسبية؛
}
# المجاهدين اجتماعية الإحصائيات {
فيض: مخفي.
}
# الاجتماعية احصائيات المجاهدين لى {
الحدود القاع: #DDDDDD الصلبة 1PX.
الحدود اليمين: #DDDDDD الصلبة 1PX.
عرض: كتلة؛
تعويم: اليسار؛
عرض: 33٪؛
}
# اجتماعية الإحصائيات المجاهدين لى {
-moz-الانتقال: كل 0.6s-0S سهولة بها؛
عرض: كتلة؛
تعويم: اليسار؛
الحشو: 10px 0 3PX.
النص الديكور: لا شيء؛
عرض: 100٪؛
}
# الاجتماعية احصائيات المجاهدين لى فترة، # اجتماعية احصاءات لى المجاهدين كبير، # اجتماعية الإحصائيات المجاهدين لى صغير {
عرض: كتلة؛
تعويم: اليسار؛
هامش: 0 السيارات؛
مواءمة النصوص: المركز؛
عرض: 100٪؛
}
# اجتماعية الإحصائيات المجاهدين لى فترة {
خلفية: عدم تكرار؛
تعويم: لا شيء؛
الطول: 46px؛
هامش القاع: 5PX؛
النص المسافة البادئة: -9999px.
العرض: 47px؛
}
# الاجتماعي احصائيات المجاهدين li.ss-RSS ل: {تحوم H5
خلفية: # F18421.
}
# الاجتماعية احصائيات المجاهدين لى {H5
-webkit-الانتقال: كل 0.4s-0S سهولة بها؛
-moz-الانتقال: كل 0.4s-0S سهولة بها؛
الانتقال: كل 0.4s 0S سهولة التدريجي؛
خلفية: # 999999؛
الحدود بين دائرة نصف قطرها: 50٪ 50٪ 50٪ 50٪.
هامش: 0 السيارات؛
العرض: 47px؛
}
# الاجتماعي احصائيات المجاهدين لى فترة: قبل {
}
# اجتماعية احصائيات المجاهدين li.ss تويتر و: {تحوم H5
خلفية: # 45B0E3.
}
# اجتماعية احصائيات المجاهدين li.ss-الفيسبوك و: {تحوم H5
خلفية: # 3C5B9B.
}
# اجتماعية احصائيات المجاهدين li.ss جوجل زائد و: {تحوم H5
خلفية: # F83E29.
}
# اجتماعية احصائيات المجاهدين li.ss-يوتيوب ل: {تحوم H5
خلفية: # CC181E.
}
# اجتماعية احصائيات المجاهدين li.ss-ينكدين ل: {تحوم H5
خلفية: # 1790CD.
}
# اجتماعية احصائيات المجاهدين li.ss-آر إس إس فترة {
خلفية موقف: 0 0؛
}
# المجاهدين اجتماعية الإحصائيات li.ss تويتر فترة {
خلفية موقف: 0 -91px.
}
# اجتماعية احصائيات المجاهدين li.ss-facebook وفترة {
خلفية موقف: 0 -47px.
}
# اجتماعية احصائيات المجاهدين li.ss جوجل زائد فترة {
خلفية موقف: 0 -135px.
}
# اجتماعية احصائيات المجاهدين li.ss يوتيوب فترة {
خلفية موقف: 0 -180px.
}
# اجتماعية احصائيات المجاهدين li.ss-ينكدين فترة {
خلفية موقف: 0 -226px.
}
# اجتماعية الإحصائيات المجاهدين لى كبير {
اللون: # 333232؛
FONT-SIZE: 25px؛
الخط الوزن: 500؛
}
# اجتماعية الإحصائيات المجاهدين لى صغير {
اللون: # 333232؛
FONT-SIZE: 10px؛
}
</ النمط>
<div معرف = "الإحصائيات الاجتماعية">
<ماي>
<لى الطبقة = "SS-RSS"> <a target="_blank" href="/feeds/posts/default" rel="nofollow external"> <H5> <SPAN> RSS </ SPAN> </ H5> < كبير> 5000 </ كبير> <صغير> مشترك </ صغيرة> </A> </ لى>
<لى الطبقة = "-SS فيس بوك"> <هدفا = "_ فارغ" أ href = " https://www.facebook.com/mdadice "REL =" نوفولو الخارجية "> <H5> <SPAN> Facebbok </ SPAN> </ H5> <كبير> 14782 </ كبير> <صغير> متابع </ صغيرة> </A> </ لى>
<لى الطبقة = "-SS تويتر"> <هدفا = "_ فارغ" أ href = " http://twitter.com/mohammed1811990 "REL =" نوفولو الخارجية "> <H5> <SPAN> تويتر </ SPAN> </ H5> <كبير> 63207 </ كبير> <صغير> متابع </ صغيرة> </A> </ لى>
<لى الطبقة = "SS-جوجل زائد"> <هدفا = "_ فارغ" أ href = " https://plus.google.com/+ مدادالجليد "REL =" نوفولو الخارجية "> <H5> <SPAN> في + Google < / SPAN> </ H5> <كبير> 70781 </ كبير> <صغير> متابع </ صغيرة> </A> </ لى>
<لى الطبقة = "-SS ينكدين"> <هدفا = "_ فارغ" أ href = " http://bd.linkedin.com/in/ "REL =" نوفولو الخارجي "> <H5> <SPAN> ينكدين </ SPAN > </ H5> <كبير> 2،453 </ كبير> <صغير> متابع </ صغيرة> </A> </ لى>
<لى الطبقة = "-SS يوتيوب"> <هدفا = "_ فارغ" أ href = " http://www.youtube.com/user/ "REL =" نوفولو الخارجي "> <H5> <SPAN> يوتيوب </ SPAN > </ H5> <كبير> 6،237 </ كبير> <صغير> مشترك </ صغيرة> </A> </ لى>
</ UL>
</ div>

بعد ذلك يمكنك تحريك الأداة حيث تريد ظهورها فى مدونتك 
القمة اللقاء