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

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

معاينة

إذا نمر الآن إلى طريقة التركيب وهي في قمة البساطة مثل بساطة شكل الأداة

1. نذهب إلى لوحة التحكم في بلوجر
2. ندخل إلى تخطيط
3. نختار المكان الذي سوف نضيف فيه الأداة ونضغط على إضافة أداة
4. نختار أداة HTML/JAVASCRIPT
5. ونضع هذا الكود 

<style>
 .social-icone{ height:108px; background-image:url(http://www.arabiclabs.com);}
.social-icone div{ margin: 8px 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; }
.you-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1iN6mmATsK9rfrN0ekIU-DN6OsagsbzAS_E7r5oal5trZTMhwFYVAqYJKuJbG6W6oqy_hFjq-W-rN9wKG0uojrcRBpEclSxDbC3TvqbuKPs_JIun1CBxQVWqUh-qFU2Bp4YlHESoUWLM/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy7Ig47hSNLs6mHxKGfYF9LIbB0K6Gz-vVly5_1QHPFMM8ccKCiaxvKsA-3XzMqj3Jq9nTVUCk79GR7jyM7jgE2YK9i7kKR8KKcHrQLiEASHNWCPan-lqze0w2wBzgFRFloxGVm9cHFhk/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHn40uTEtvKcvl_okX1au4xz9mGYBZqkV8dA97V5QFTGqoZlxIomDDHw_hD1w_SnsIiH9-XMqEyYmkk_Gbjzub417iTmy8sawjdzxY0GRp6pbIvihHeKcpQDwgnfSh5XK9WyXXQJ2PhF4/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0k55fWE79U0J0i-0rWOrw67EYVa5I2e_xXBs-hy6dQGt-_zC1O1s8AKrTswaWwVSxYUl3H4qVdjZsmeW5g-fG0e7UE827qH6FCo_jidHi15Io01IOdPcnHfAXiXcwXnRJLFyscXJVBGI/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2SEhAW4C9wfobN-HLhUxtsKxC-rAn-ahNd61uqsnEGQkGNZUkur6NjmZ34rw115RnZFPK7ZhSq2N3gzxMeE_LDMm5aJmDgEmrQ_5H1q9QlAd27Piqm48OtxOIllYmKUaCzECCpw6MFtA/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvc1BZGGhSDCNRzAtsw_KTVqj911Xceb6dCpCUzrFMNCrnoAUgGn2Z9DLURcdrqd3hrf1TUUk04NOmEyt2v5EVGrCMXOXLAudDoLmfdd8HnPTPkKYbr8Cd_BedvnB22hz0uJ6Ab8u5zMc/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9NkJzPheddA99SMDNvXaucHmDEqBlOXnLWorJQltWoP0uXHRsRE3dKROmlHNGpJSsEtqjvEw59KDagg7Q0VtyYl7kZLlQvR10sVo_7T_7EMQvPx7TFWaPMhJ6ffTemKaxRhYgOszfxk0/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-D99bmE7i8ZD71-dybo3SXGrzlTViWtSrSCEPBMIKZ_mFg3sztRNntSOgLofZq3gWAkpS07-IiJzdEF5sQ9R7GYf3yQ8XIVbieiUDzG9Auj5P8To82ZEcle3r3ylOiCJ4gKqEKV2PzY/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
</style>

<div class="social-icone">
<a href="http://www.youtube.com/arabiclabs">
<div class="you-icone">
<b>99.000</b>
<span>مشترك</span>
</div>
</a>
<a href="http://www.twitter.com/arabiclabs">
<div class="twt-icone">
<b>4500</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/arabiclabs">
<div class="face-icone">
<b>250 ألف</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=arabiclabs">
<div class="rss-icone">
<b>10.000</b>
<span>مشترك</span>
</div>
</a>
</div>

أخيرا نضغط على حفظ مع مراعات تغيير ما لون بالأحمر إلى الروابط والأعداد الخاصة بكم

في أمان الله

أداة، احترافي، محترف، مترو، جديد،

المحرر : عماد عادل

عماد عادل هو مدون يبلغ من العمر 14 سنة، يعيش في القيروان، تونس. مصمم ومدون ومؤسس المختبرات العربية، يحب نشر الأفكار الجديدة ويسعى إلى تطوير المحتوى العربي الهزيل. الملف الشخصي
تابعه على :  فيس بوك |  تويتر | جوجل بلس | بنترست | دفيان آرت | يوتيوب | الموقع.

عماد عادل كتب 20 من أفضل المواضيع للمختبرات العربية.