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


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



الان نذهب الى كيفية تركيب الاداة :



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

<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/computer.com.blog" 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/AVvXsEj_6bFWh_2lMM4fbwQn7ZdFEptjNjeU5LAFieFIXK-0-5q5lr9LymKiRG4p_PKUZ5WDsQ8vL4fFclfumP63u1-U1Ua3303Ego3ik7GhEQ5fnCCNqw4MvGvxhxHMqNiq_rGzfGZe9peV2WI/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/com_pc_blog" 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/AVvXsEgk2fveHXb5HW4GEpKdvz4bLcaPNTQz6LzNHphNsMSUGL4e7LFCX2kOEmWRMV11GhELJzxaLvqsH9iH_z5MytQ6xdwz8b2pKCRKpNfC4UdykzFGz0Byba18i52HpDwfAoEoqJkj1Y2ma6s/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/compc" 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/AVvXsEifjM9HLEq5MmD1-oT6dtH3ywhyphenhyphen3ZZJhW-b5aLjb7OuuOQ32lkQSJwaSbu2a9vRIe9GfeaatJuHWs0g5rCjrHveKWV2OS37mxDpVlIn_2W-Rp48iFq6fKzgGDZdDj3I1frEU5_1O7_uZ4o/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) ثم غير الى اي عدد تريده ... 
ملاحظة الاعداد ملونة باللون البرتقالي ... 
اي استفسار الرجاء ترك تعليق بالاسفل 
وشكرا .................

المشاركات الشائعة

يوتيوب