بسم الله الرحمن الرحيم اللهم صل علي نبينا محمد في الاولين وصل عليه في الاخرين وصل عليه في كل وقت وحين وصل عليه في الملا الاعلي الي يوم الدين , اليوم ساقدم لك اضافة وهي صندوق تابعنا عبر الشبكات الاجتماعية وهذه الاداه جميله وبسيطه جداً وسهله التركيب
كيفية التركيب :
نذهب للوحة التحكم ثم اضافة اداة جديدة جافا اسكربت وتضيف الكود التالي :
<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/AVvXsEjFJZWfEVO9SvUcz6eK6zN1G2ujgXwdjFpO8nxgBBvMYZ7Pya91YsdWpgR-T9MMUUKX6Xt6CzOlwob-9fobNnkXYI2LEbLuCdkWoRxuNmyhwDM0Yc3pCZemdZD6S1bd07hPjPp-9p68FTQ/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/AVvXsEhkiLlysG64vNAD2iKaP_sbf0Zqb8ZhjmQC4gSipgfygUPdtFuIbHopEqMoZj31ltqbhtS9Ckp74jje73eNU1jW20XqKL5W6dqoSPWUJ7bkuUfdHbhumQCpgv8qO3G8C3R-NyiHRDb4QKk/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/AVvXsEhw9-fn0TMM1zZAHStN8vuxn7ErnEhSxw05dFIGRG0NtvL6Yw4PDQJQKNPSGufK4njo7PCr-i6WSIqdiauMXIX_HMBfNyUWDQJej0CLDKp_e4Vk3IEwnyJwR_D1lya-1ne4Prx2d2lcPik/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) ثم غير الى اي عدد تريده ...
ملاحظة الاعداد ملونة باللون البرتقالي ...
اي استفسار الرجاء ترك تعليق بالاسفل
وشكرا .................
هل أعجبك الموضوع ؟
ليست هناك تعليقات: