اضافة مواقع التواصل الاجتماعى على هيئة أزرار بتقنية Css جميلة جدًا

معاينــــــــــــة الإضافـــــــــــــة

ضع هذا الكود فى أداة Html/Javascript 

من مدونتك 

<div class='widget-content'><style>#sub_widget{margin-bottom:30px;max-width:480px;background:#ddd;max-height:400px;border:4px ridge green;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;margin-top:20px}#sbsr{height:70px}#bts{margin:9px 0 0 15px;float:center}#bts img{border-style:none}.gap{margin:auto 2px}#pra{float:left;margin:-6px 0 0 20px;color:#000;font-size:14px;font-family:arial;font-weight:bold}.newsletter{height:35px;float:left;margin:10px 0 60px 0}.button{margin-top:5px;color:#fff;width:100px;font-family:arial;font-weight:bold;font-size:16px;text-margin-left:-10px;background:green}.email{width:250px;height:25px;font-size:12px;text-margin:0 auto;pading:10px auto;background:white}</style><div id="sub_widget"><center><img id="sbsr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5eufjoj-cJKT_nCJ7oMGUWp5duA1w0VVW0KBSzbG9Z_xcYDqC7bYmCmkH1iDpN8G__IxPrRU_EW-faMG6teSM14_GpvPR348eA_sxWO4Tl74Nk7S8Q2W4jpDMtSMzhceG2fIdnMOQimjI/s734/rss-subscribe.png"/></center><center><div class="newsletter"><form action="http://feedburner.google.com/fb/a/mailverify" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bilokr','popupwindow','scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input class="email" name="email" onblur="if(this.value==''){this.value='E-mail';}" onfocus="if(this.value=='E-mail'){this.value='';}" type="text" value="اكتب ايميلك هنا..." /><input name="uri" type="hidden" value="bilokr" /><input name="title" type="hidden" value="bilokr" /><input name="loc" type="hidden" value="en_IN" /><input class="button" name="submit" type="submit" value="إشتراك" /></form></div></center><center><div id="bts"><a rel="nofollow" class="gap" href="رابط حسابك على الخلاصة target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSXcm2pDE1YjqORONUe_U9g1MJxInFzl_qdQNGLYut6yv_Lc17jlPasbn3r8fw0T7JtXEKqDhefzK7kZkUqsvoUZ-eNFo2LmhW77LVrwdejDQZTlW6iiEJ5Dh9CKn08vpcuq7rO7r4CWI/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCQRQxPPwmDhWbYO9Lqy2Tiz3KwX2zgX_dqw6NHpEZNekg8v-63O0yJbDv8Nw4BilGLnnvixn_pHeJQdLZBpRFd7zTCLyZ9bIZf4jZylMeJKjborijyu92Dg9LtPCJ0Ta8PyQofWspIS4/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQSXcm2pDE1YjqORONUe_U9g1MJxInFzl_qdQNGLYut6yv_Lc17jlPasbn3r8fw0T7JtXEKqDhefzK7kZkUqsvoUZ-eNFo2LmhW77LVrwdejDQZTlW6iiEJ5Dh9CKn08vpcuq7rO7r4CWI/s1600/Rss.png" title="Subscribe Via Rss" alt="RSS" /></a><a rel="nofollow" class="gap" href="رابط حسابك الشخصى على جوجل بلس" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguNhQm4IVmWnnqoH0b_txxLAsT-Ug8nTeHAq9TrGMmUiQ5g1P56Egkt6xKsQmkYMhi_7CSQMvn91nbOSHjaMD-3bIyv7kIwEGC-25eRkU3Fb46J4s6lKENhsEWVfqx9R0eLVZg2gH_KSpq/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcW4K-uWQQhdAyNX7x_rZ5bA6yt1hJ_JPgW8GrDw2krztC_2Ke_YLuVreBQtlYkM46dYz96eDgcUCq2_zVBx_ilyw7vfsO3Ng_22h9y5YJzOf7ZbCzbelac61cP72IkThYaZIvldVI9tv/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguNhQm4IVmWnnqoH0b_txxLAsT-Ug8nTeHAq9TrGMmUiQ5g1P56Egkt6xKsQmkYMhi_7CSQMvn91nbOSHjaMD-3bIyv7kIwEGC-25eRkU3Fb46J4s6lKENhsEWVfqx9R0eLVZg2gH_KSpq/s1600/Google.png" title="Follow Us On Google plus" alt="Google" /></a><br/><a rel="nofollow" class="gap" href="رابط صفحتك على الفيس بوك" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOm4pQxWIMBbFX6YKpZyOBIqZgGcl1gKHHP8gTfPAY39VeLEHdD21RKWGytk160FRqpE2ycVaEBLrhe-HV3uTIbFLpsBT8IM21QW1NTgo1XmKYNh1TJEkW5UeE7KEgeNuBmVaHeEzjO3R/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEircDUjDUbmCbRXjcRXh5wscaaS0Q2cxw7tf7XhBIHFuDJXA1Hfxfs5Ku56DIUrOikfD32xoxxA5OyoSG9SnWyFZsB_noOoZwXbrfEJKNpvn0M1rtCIiWm80oa3IrMU1T4GmEIHg_ObXmT9/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOm4pQxWIMBbFX6YKpZyOBIqZgGcl1gKHHP8gTfPAY39VeLEHdD21RKWGytk160FRqpE2ycVaEBLrhe-HV3uTIbFLpsBT8IM21QW1NTgo1XmKYNh1TJEkW5UeE7KEgeNuBmVaHeEzjO3R/s1600/Facebook.png" title="Like Us On Facebook" alt="Facebook" /></a><a rel="nofollow" class="gap" href="رابط حسابك على تويتر" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_K2HoxwMx-XrM8yoxZp2UlmoaujtLX9qRMPUjPOe1RR4dsKzD4FXBJfk0zJ6XkiNQCIfpkeYJ1lkGXnGJV2dj605IMmsAcFxT3sjxnGK_T5BYbSvlRKA0_4yzmxu25YiHgchbGvt5rdz/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLBX6VfVx08oxQHDL4aSdHUw4hItbs5lvw2S-FKCDOeXtB4S2V1FEJPMh1w7vpyNst_z7U371y9KlJH2YHFZ_0Zen_YW_-CkAUxUICOGTb4j9-FtRM1pwtjYB6iJW_2ZZFnstPGFQNY5od/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_K2HoxwMx-XrM8yoxZp2UlmoaujtLX9qRMPUjPOe1RR4dsKzD4FXBJfk0zJ6XkiNQCIfpkeYJ1lkGXnGJV2dj605IMmsAcFxT3sjxnGK_T5BYbSvlRKA0_4yzmxu25YiHgchbGvt5rdz/s1600/Twitter.png" title="Follow Us On Twitter" alt="Twitter" /></a></div></center></div></div>