اضافة تابعنا عبر الشبكات الاجتماعية

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


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

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

<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/momayazz" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpW7NlBXhZpq7R0lKiVbyp_00kjfYUjzDZcu_AI9iBmkhd3NymvvfrgdVepac2UOF1j0TaVCqxSrcpqJf_T_lYzS7_8XJXRIn2rMGZ51U5p7Hsa3lae2-B7q8K0XCkUYHXEAKefk5lqC4/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/.........." 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JEYaOF_AgJpxS3Kp9n6IpOTplZlwdsPVJsoONIxtWu-q04pGYUHhPJYv827xzMm-hYEpuF2nf-o7fMQ-UXTCnzv9bsGx-niwlmseXrCv-sjbbRtJXatxqWdyfnxXq4vMG2ciii5Zp9M/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/th3featured" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsXBw_OQP-76jYElmN0uRHzIsXBcDz2TWaIUn-4_C0KASgWCF16_2gSGUW13ME7psAwsRuXyckvJeUwGBVKYCd3QWqReA6ML8LCmdpIL8QvfqM8LvVPPgspjnEAs1oShSeaeAdcHiga5k/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) ثم غير الى اي عدد تريده ... 

ملاحظة الاعداد ملونة باللون البرتقالي ... 

وشكرا .................

بقلم علاء

علاء أيت ياسين : شاب مغربي يعشق الإنترنت بصفة عامة وكذا الإلكترونيات والمعلوميات ولهذا إفتتحت هذه المدونة لتبادل الخبرات ومشاركة المعارف ، يمكنكم متابعتي والتواصل معي على حسابي فيسبوك Alaa