اضافة مواقع التواصل الاجتماعى على هيئة أزرار بتقنية 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/AVvXsEgfpBPjNeay8Au1M76TeStd9U0YBHSlyYZYYlfEXvj0ab8PPrd-Gm7yiHV2IiXtGDmX1MbNJBpUAVZ-KGtL6_yriuN7fujBy79ntGRQnu1lxSQ2iUUndxh7vP29Il1Y8wboOKjYpLmebiso/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/AVvXsEg-Od4hLkTHCoY2fMMmh3VQtpvjnaE1BrCIpd6u2pA3GLebt-afQiiTwjU25iYiKhIplFRgRFL3eWJCcjmVw_SXfUnptQ3AevF8GYYl8ioV-GspcaaCVI0g7rbMJlM6Gi-RI2snHYCDcC4F/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc0XJlp0BkP62THUD0Cu-U0ZpQDYo3JQ67f9GUdv80Jr9G2vxN6xGcw80bcA4Eg427Ln_RyYixm8YcU4GsetS6dCasPOR5rT-P1fvbBNtTSAlaely4sI1KO3rQY-MKvwwjli4DT2rIzL0b/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Od4hLkTHCoY2fMMmh3VQtpvjnaE1BrCIpd6u2pA3GLebt-afQiiTwjU25iYiKhIplFRgRFL3eWJCcjmVw_SXfUnptQ3AevF8GYYl8ioV-GspcaaCVI0g7rbMJlM6Gi-RI2snHYCDcC4F/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/AVvXsEj8UemDVXlkakdyqHGh7Pz68mjBpeG_zqWso0hzyHPEFv_uF5L6_DRv7eynvaEwEYqvC996W1llAjhwaUglockUFYb2wMzIj_otVhLo2lnB4dEkNk3RWccOL6KaJiGHvqZMgt-lI8BzyMOk/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaoyytvUiJ4mmeJcx84K5Z1PC5o_7B7-2nFlpCnV7iZdKDKpkhLWDuiVOwWG8TGzuuERRAnViaD8m3INkb5qccT0u2BcSoVu0aYoDmxI1llZcGEZaddYjiOzUYHMAn6op4-_CK7I_5v878/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8UemDVXlkakdyqHGh7Pz68mjBpeG_zqWso0hzyHPEFv_uF5L6_DRv7eynvaEwEYqvC996W1llAjhwaUglockUFYb2wMzIj_otVhLo2lnB4dEkNk3RWccOL6KaJiGHvqZMgt-lI8BzyMOk/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/AVvXsEia1-hKpLOvQasrxQ6oZ27eZve-fwDsPM9u-dhyJADl0SO0LXjcsqAuhizZKoYFxCM3Ha_QHy9egnyZsOOFiFFg6JY4mV9RY_TI3k4ATqylvS2u5CWdylVZeLjvLtnkmD_-kO4EIakt28oT/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCh9wCV33yENyLR9LxOB2lEzrAx7YWcknEwBlOlXeNAOnSCP6BIXNkAvS4jWUm5kf7mI1Vu3s2w-3EO3-n5iu-FfPtsDeb5TrEFexef_QpMxwcz31I4RL8W7HeOnZqsIUPEgRZ7U4erxC3/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia1-hKpLOvQasrxQ6oZ27eZve-fwDsPM9u-dhyJADl0SO0LXjcsqAuhizZKoYFxCM3Ha_QHy9egnyZsOOFiFFg6JY4mV9RY_TI3k4ATqylvS2u5CWdylVZeLjvLtnkmD_-kO4EIakt28oT/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/AVvXsEgohJpuCTMEWIznVLtvXS3YQhBy-CY-fEvdashzu2s-7B3LvN0RPK5_cEq7S7A0HKf-pPbDDfAYgUb51KUK40PYzFh3eu7h-3uENqKebPIeFyyKqHionPnS4zr5m7Qd5pzUfwjWLd9wIlIg/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjOF3ydBX515tsBlSI2MLJYXO79rD5WeOZcApXhwplyAGmMzESoiBF0_wkpVN4Ce0G9Qtmla80Kl0XqdVRzFbh-XdkfLh5aZ1G5iimLMchw4ikQMry-26B3pKmH62ih1ZYrktlFdHv5IN/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgohJpuCTMEWIznVLtvXS3YQhBy-CY-fEvdashzu2s-7B3LvN0RPK5_cEq7S7A0HKf-pPbDDfAYgUb51KUK40PYzFh3eu7h-3uENqKebPIeFyyKqHionPnS4zr5m7Qd5pzUfwjWLd9wIlIg/s1600/Twitter.png" title="Follow Us On Twitter" alt="Twitter" /></a></div></center></div></div>

بقلم ياسين

ياسين بوصباع مجرد شاب احب المعلوميات من جميع جوانبها لهدا انشأ هده المدونة ليعرض تجاربه على القراء.

;

شارك الموضوع مع اصدقائك؟

اذا كان لديك اي استفسار عزيزي الزائر بامكانك وضعه في تعليق!