ايقونات مواقع التواصل الاجتماعي على شكل الميترو

السلام عليكم ورحمة الله عليكم و بركاته اليوم انشاء الله سوف اشارك معكم كود html لايقونات المواقع الاجتماعية على شكل الميترو لوندوز 8 فهذه اليقونات ليست كالتي طرحة المرة الفائة بعنوان صندوق مترو للإشتراك في مواقع التواصل الإجتماعي

لن اطيل عليكم اليكم طريقة تركيب الاداة و كود html

ايقونات مواقع التواصل الاجتماعي على شكل الميترو

نذهب إلى لوحة التحكم في بلوجر
ندخل إلى تخطيط
نختار المكان الذي سوف نضيف فيه الأداة ونضغط على إضافة أداة
نختار أداة HTML/JAVASCRIPT
ونضع هذا الكود
ثم حفظ

7.لا تنسو إستبدال # بما يناسبك

الكود الخاص به :

<style>#social { margin:5px auto 0 auto; text-align: center; }   #social img { margin-right: 2px; margin-left: 0px; width: 50px; }   #social img:hover { opacity: 0.6; } </style><br /><br /><div id="social"><a href="#"><img alt="Twitter" src="http://img221.imageshack.us/img221/3171/twittericont.png" title="تابعنى على تويتر"></a><br /><br /><a href="#"><img alt="Feed" src="http://img521.imageshack.us/img521/3997/rssiconldl.png" title="الخلاصات"></a><br /><br /><a href="#"><img alt="Facebook" src="http://img707.imageshack.us/img707/5055/facebookiconq.png" title="تابعنى على الفيس بوك"></a><br /><br /><a href="#"><img alt="Google Plus" src="http://img9.imageshack.us/img9/6204/googleplusiconl.png" title="جوجل بلس"></a><br /><br /><a href="#"><img alt="Youtube" src="http://img835.imageshack.us/img835/1835/youtubeiconf.png" title="تابعنى على يوتيوب"></a><br /><br /><a href="http://www.7loll.blogger.com/"></a><br /><br /></div><div style="clear: both"> <br /><br /> <br /><br /> <br /><br /></div>

***********************