إضافة جميلة جدا وأنيقة وبسيطة أيضا وتستعمل هذه الإضافة تنسيق المترو الذي يتميز بطابع البساطة والتناسق. إضافتنا اليوم سوف تمكنك عزيزي المتابع من تمكين متابعي مدونتك من الإشتراك في حساباتك أو صفحاتك على مواقع التواصل الإجتماعي وبالتحديد اليوتيوب، التويتر، الفيس بوك، و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/AVvXsEj86Ne8PUqmQA2mjNj1kncnE7H04JCjyeNnMf7QR08WZm-V6HJzM0h4iX9-YCcoTNNSkiNbZLx0JrxUX-Mg4dtU7zVqbJ7BjjlUglvPcdWA97tG1sbdexbZmTbP-kv69vB0sWUTwzCnjuI/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/AVvXsEhcs3pN6Ge6KoaNlZsTcveGMcocwWi4_OaFIAhIv3kRVxWQZHm_KUPcXXYjUosH80iQFjOZ1zZ3DVXa5AMULpASQ6Mh4yubNUyJBHrhmmaxNtmaZ_n-Qmp0Uj9CvVlf8tXMZhMWQzUqyeo/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpaHJJPdHjkpbVRsIJmSUUYKZKb33gaci_DEZA83ABorOQE2wEFbMZ05uGXgh1OIPdZJj0ogam2j8RPOyeMGTKQ7cl-GKrz912ZvrNcZtN-XcWRYqA5tZ1HoakNScUSTlq6kNUN4FoVLQ/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/AVvXsEicg7RbhtUqxzfCXZMw7ocGgxMV8Sa7wT-4qZU5KXdmCIVHfqAus7nuL7V1MosY_wPW6M5JaY6vWAe2XwaM6Hk7FADSEUbr7BgElL1x-FmClHZ5dSoLaA8xWI6XogsJQW0V_NDW9n99n7E/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHPYraFUBXNJw3E-57WymhQzL_DDEG6168JS2OFY6yW5PfjUdaC0s3oGmfKqBpgUJwoStCqc4Dms0zzuDp_NAqgPE-2qXoa3tw_NWCLx8trrUDhKLx7NfffZvFK3TQ8jfF-757fWQ72x4/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/AVvXsEh15k51JZ9oDCGPELeufzAAqSyJZsBxGaUBrFUwLL_oPVhBtZrFF2oxO4B1jd8_zG2TUmvSdsj5UJu614mchTtfdMlIDbz_PSWGcKj2xRTkDmfDrARjJE00GMTWDCCu9CQ2He6NVttBCvU/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtLYB9XX35obgKelzOZFGw_hOV-tqfvW3hGD-sei7hwFIlBxO9kqwHBFsoSOOzUrJGZsOYHUjlGdchvQixUqCvZ6b6x_pcWW-9SePaKPuSIeev2UXUvhTBq1P_wfiSZSWem-IQoGCk2PA/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/AVvXsEigIhqvsB5KZ-fXjJe_OmS6jEPmUrCEeTDh_ams2uLgwYFEkymXNctic_Q2mIL5DYqa1dCfYknx61McVdeNm7sHn7cOb-eA4fkKg11h4KLn8zrQ5XPgD6GIHOz4fJsG0aIQuxTUwGmCzbs/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>
أخيرا نضغط على حفظ مع مراعات تغيير اللون الأحمر بشبكاتك الإجتماعية
و اللون الأزرق بعدد المعجبين و المتابعين
في أمان الله
ليست هناك تعليقات:
إرسال تعليق