العالم التقني | Techniworld العالم التقني | Techniworld

الواجهه

صحة

اضافة تابعنا عبر الشبكات الاجتماعية "Facebook" "feed" "twiter"

 

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


كيفية التركيب :



نذهب للوحة التحكم ثم اضافة اداة جديدة جافا اسكربت وتضيف الكود التالي : 

<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="https://www.facebook.com/th3netw0rk" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: tahoma; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="http://2.bp.blogspot.com/-UCxcVMH_tSE/UGWMx_SzsII/AAAAAAAABgU/01cXaZ_b8lY/s1600/face.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">250</b><span style="-webkit-transition: all 0.3s ease-in-out;  float: right;  line-height: 47px; padding-left: 10px;font-family:Tahoma, Geneva, sans-serif;color:#9f9d9d;">معجب على الفيسبوك</span></a></div>

<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="https://twitter.com/th3netw0rk" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: tahoma; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="http://3.bp.blogspot.com/-Mmj--EWAQ0k/UGWM2gQP-zI/AAAAAAAABhM/4n0baNqRQ-0/s1600/twi.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">137</b><span style="-webkit-transition: all 0.3s ease-in-out;  float: right;  line-height: 47px; padding-left: 10px;font-family:Tahoma, Geneva, sans-serif;color:#9f9d9d;">متابع على تويتر</span></a></div>

<div class="social" style="-webkit-transition: all 0.3s ease-in-out; background-color: #e9e9e9; background-position: initial initial; background-repeat: initial initial; height: 48px; margin-bottom: 5px; text-align: right; width: 300px;">
<a href="http://feeds.feedburner.com/th3netw0rk" style="-webkit-transition: all 0.3s ease-in-out; color: #a72c02; font-family: tahoma; font-size: 12px; line-height: 16px; text-align: start; text-decoration: initial;"><img src="http://4.bp.blogspot.com/-RZPmBVYxcT8/UGWMskketbI/AAAAAAAABfo/81Ck6aNfm5E/s1600/RSS.png" style="-webkit-transition: all 0.3s ease-in-out; border: none; float: right; position: relative;" /><b style="-webkit-transition: all 0.3s ease-in-out; color: #575757; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 19px; line-height: 47px; padding-left: 10px; padding-right: 16px;">100</b><span style="-webkit-transition: all 0.3s ease-in-out;  float: right;  line-height: 47px; padding-left: 10px;font-family:Tahoma, Geneva, sans-serif;color:#9f9d9d;">مشاركة</span></a></div>



الاعدادت : 

1- غير ما لون باللون الاحمر الى رابط صفحة مدونتك في الفيسبوك 
2- غير ما لون بالأزرق الى رابط صفحة مدونتك في تويتر 
3- غير ما لون بالاخضر الى رابط خلاصات مدونتك 

لتغيير الاعداد التي بجانب الايقونات 
ابحث عن العدد بواسطة لوحة التحكم (ctrl+f) ثم غير الى اي عدد تريده ... 
ملاحظة الاعداد ملونة باللون البرتقالي ... 

عن الكاتب

أسامة بنبراهيم

Ceo of

عالم التقنية | Techworld

التعليقات



جميع الحقوق محفوظة

العالم التقني | Techniworld