اضافة ايقونات المواقع الاجتماعيه على شكل ويندوز 8

بسم الله الرحمن الرحيم 
والصلآة والسلأم على اشرف الانبياء والمرسلين سيدنا محمد عليه وعلى اله افضل الصلآة واتم التسليم 
السلآم عليكم ورحمة الله وبركاته .
اضافة ايقونات المواقع الاجتماعيه على شكل ويندوز 8 
طبعا يوجد فى كثير من المدونات عن اضافه المواقع الاجتماعية ولكن هذة مميزة بمعنى الكلمة لها تاثير مميز،تم تعديل مساحه الأيقونة الكبيره الى حجم مناسب وانيق حتى تعطى شكل أفضل واحسن . 
الكود سهل وبسيط مساحه الأيقونة 50x50 لذلك أنصحك بوضعها فى السيد بار او المكان الذي ترغب .



صورة =: 

طريقة التركيب : 

• ادخل مدونتك .
• التخطيط .
• اضافة اداة HTML/JavaScript.
• الان اضف هذا الكود ( مع تعديل ما سأذكره ) : 

<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><span style="color: #444444;">
<div id="social">
<a href="http://www.blogger.com/blogger.g?blogID=5857768292035286791#"><img alt="Twitter" src="http://img221.imageshack.us/img221/3171/twittericont.png" title="تابعنى على تويتر" /></a>
<a href="http://www.blogger.com/blogger.g?blogID=5857768292035286791#"><img alt="Feed" src="http://img521.imageshack.us/img521/3997/rssiconldl.png" title="الخلاصات" /></a>
<a href="http://www.blogger.com/blogger.g?blogID=5857768292035286791#"><img alt="Facebook" src="http://img707.imageshack.us/img707/5055/facebookiconq.png" title="تابعنى على الفيس بوك" /></a>
<a href="http://www.blogger.com/blogger.g?blogID=5857768292035286791#"><img alt="Google Plus" src="http://img9.imageshack.us/img9/6204/googleplusiconl.png" title="جوجل بلس" /></a>
<a href="http://www.blogger.com/blogger.g?blogID=5857768292035286791#"><img alt="Youtube" src="http://img835.imageshack.us/img835/1835/youtubeiconf.png" title="تابعنى على يوتيوب" /></a>
<a href="http://www.7loll.blogger.com/"></a>
</div>
<div style="clear: both;">
</div>
</span>

التعديلات : 

قم بتغير هذه العلامة ( # ) بالروابط الخاصه بك في تلك المواقع