التخطي إلى المحتوى الرئيسي
بحث هذه المدونة الإلكترونية
صندوق للإشتراك في مواقع التواصل الإجتماعي على شكل مترو
إضافة جميلة جدا وأنيقة وبسيطة أيضا وتستعمل هذه الإضافة تنسيق المترو الذي يتميز بطابع البساطة والتناسق.
إضافتنا اليوم سوف تمكنكك من الإشتراك في حساباتك أو صفحاتك على مواقع التواصل الإجتماعي وبالتحديد اليوتيوب، التويتر، الفيسبوك، وRSS.
الآن نمر إلى طريقة التركيب وهي في قمة البساطة :
- نذهب إلى لوحة التحكم في بلوجر
- ندخل إلى تخطيط
- نختار المكان الذي سوف نضيف فيه الأداة ونضغط على إضافة أداة
- نختار أداة HTML/JAVASCRIPT
- ونضع هذا الكود :
<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/AVvXsEj_IIirhVfgGO7fGnax3TMPvdWVHMd31Hv3_gD4gVQhf5hZQRi8IIeWnjKrd011JkD7FjqWGHJuQIirzEVKM58wVokSck0p-mMbql_xOKgGgD_Cjue1gXIasolI0gyqQSpZ8JzkbR4H8Ds/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/AVvXsEhtyjeSKtKUhJq_YWqOPSG0Twf77o9zi2xENNnGkSYgW9eRXHtjGlsl6IBGUgDOG6VwhUFSc649XUCKPId19Wg098ibnVnHtheFU-61ShjbH3ttqefsYTXg2I_nnkHBpx7JwdYkqG4A12E/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL7AXPzUzQkqHCP7LX3EnS1K0kr_gWKx3wI2IOvrjYEaKJM7JGtPOkHNsC0-nXt07WWC5anWJajKn6W6kOu2hyoX4E9SSNS8VdMzsiYzWHrm_u9Djoewp-3AIdnquy3wk8nN_9TyMbwUU/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/AVvXsEgLHRijpoaqqzCjQMcTPVlIQJe9wgQdef3Bhx9dyGmxqdeyQkSIhOf_QjjiZ5EUlwYSAp5MxR7DswD9APR6ehWcnWlSpPdWqr0t-AndRvPfcI6h5D7H1wOrxA3TUoJSSRH47uH9G8zj8IY/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjC9Xc9ux43UHBiJtI-4vuwnw1CW0KlcnzVHCCZNuBVVpnFDbBxc8PRl92Q6bMFrJLEgxk9JyZCn7Tq-Z8U5PmkkO16CqWV-cUxb0aLKFQ7QYqQWtFk5H8u_KLBNSflAl1gn9Tu7nihA/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/AVvXsEgay3dvVEJaE9rfKVavxteaqdN6q6ZHaYNLdcuspi5wSybWA9WwLsI2so-ue1Hh9xTto4q4DUNFfFmf6em8Hamr-HsidjWsQHW63C5oBd7UfuZq1mh21jEZ3krmzGu0dP4MlGRaCHbi6K8/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVD58m7UtSIaQvjMtHJZMGDnLJK-8di6XiN3c4GJmLqvbm46fUCQUrDzNmCxAsy7CUuz33pukCAMzRjOunNFdSxn7UHauGqfUOFXxv-3Y-up8e4bgxK3bRhYLUyzqVZRT8wTBzrxlX4Pw/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/AVvXsEjgMjooasLyGRvvXbkJXprYbpYKB8_VWR8DzsgPybldnVptJ1bXD8aspAM32-7_5IxPw-7Fpa4SS0RktqCpcR_vrjxqJdXWar4bYzLJU2Ltj4c6Ubl5UspLmSB2GMVTdRNn7c6DeiuvDbs/s1600/RSS2.png)top no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
</style>
<div class="social-icone">
<a href="http://www.youtube.com/channel">
<div class="you-icone">
<b>99.000</b>
<span>مشترك</span>
</div>
</a>
<a href="https://twitter.com/AlFanane">
<div class="twt-icone">
<b>4500</b>
<span>متابع</span>
</div>
</a>
<a href="https://www.facebook.com/pages/Al-fanane-developer/1411113779120889?ref=hl"/>
<div class="face-icone">
<b>250 ألف</b>
<span>معجب</span>
</div>
</a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=alfanane">
<div class="rss-icone">
<b>10.000</b>
<span>مشترك</span>
</div>
</a>
</div>
أخيرا نضغط على حفظ مع مراعات تغيير اللون الأحمر بشبكاتك الإجتماعية
و اللون الأزرق بعدد المعجبين و المتابعين
ومبروك عليك الإضافة
تعليقات
إرسال تعليق