ضع هذا الكود فى أداة Html/Javascript من مدونتك اضافة مواقع التواصل الاجتماعى على هيئة أزرار بتقنية Css جميلة جدًا الكودالكود <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/AVvXsEjiKrD1fE8gNezSuRXspar_wVuLUGsuhapGtJIqHtEUZ9qAZ-DTCnuzcWslmzO3_TWCpyqF-xn1_Wdp42JhnfbKtiRN9kawH4MVf9CeBhb1fiDBwaVxqLeEY66M5j2gS7cjU_LeONrfweP5/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/AVvXsEjYjUEZfoPHN6uPOdoimeezd6YwN15TKfobXkUyI_O7co78nJH-WwJUOpDcmBiu6BTvzhFOE7-70ra0UKBben5TOsSHiawigcPPg9A3wiMyHZNtM4HWbcCNKIHQ1lhSoFfMYmuJvvHiAh9a/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6hYA2qJcipdhGToPbV9T7UtQNLYNnh0yfsDKHzlnmsfJk2OzoQXlTu4eaoXGGQCNPYWq-g6iqdrqYDr9rhFu5bNihDYUTPMzCJFzH-K-HNSFvHPVeZhU7bQa5G62Dj3_7uz_6oNbl1_-G/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYjUEZfoPHN6uPOdoimeezd6YwN15TKfobXkUyI_O7co78nJH-WwJUOpDcmBiu6BTvzhFOE7-70ra0UKBben5TOsSHiawigcPPg9A3wiMyHZNtM4HWbcCNKIHQ1lhSoFfMYmuJvvHiAh9a/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/AVvXsEi1y1aCS962DR_xKEMo5K-mwin8eGQ11IgTFWI3Wwyb1vGDjxYW7t8APJbrZchw_3RM9SqO-JvxwnyhErrdOUTDiXRoWNjwJHU4CCmudcJkWYqNPKb3KUnvLhIC9GVEQJz-ML6zOTYvDXvO/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQTJe-odzoePBazcGPcAiQwocfKTxdn8mGUIlgn7TMUNK35UBZ78ObZpUO_cKDDrXV5Tmo8FFoMhX94apANQXnAOixj_bQ2gji0pxGS5U-njL_5_lCHe_wHibB88m8dZRJAV3WFwSiwYW/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1y1aCS962DR_xKEMo5K-mwin8eGQ11IgTFWI3Wwyb1vGDjxYW7t8APJbrZchw_3RM9SqO-JvxwnyhErrdOUTDiXRoWNjwJHU4CCmudcJkWYqNPKb3KUnvLhIC9GVEQJz-ML6zOTYvDXvO/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/AVvXsEi102ED31W_PPTPOEdOGf79VoL5lnBTCBAmP_uKkJ65YBqYcTMmlPX7DsQ-aU2f45eiZpnRQOEUZSt6yTHBOgVirPS90AwBWlMlPZwg3uzPom7vBUfp_mJH3s2i-294-UawZTf7Opxq34fB/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUx3Axt9meuXsb0q52OJKxRUYmbh9MsTnDVLAPg6wX7XoBegKgn_nuGnb3hcpfeKghLsJzW8diXYwpujJtOBxp8ga4DleoKKx5yv80q-rfW9oJKtbYZOBHSIcSejYdNLVxrCg6CJVlQyu6/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi102ED31W_PPTPOEdOGf79VoL5lnBTCBAmP_uKkJ65YBqYcTMmlPX7DsQ-aU2f45eiZpnRQOEUZSt6yTHBOgVirPS90AwBWlMlPZwg3uzPom7vBUfp_mJH3s2i-294-UawZTf7Opxq34fB/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/AVvXsEgxGwALVQFeMHNe4dJmXgWMVggx0xPdjQYjC-CtWYtMfXkiuZXGXlRg5JgaP5uJrOv8dkLa6Rdg8gfmFdrOVeRpAf2zTHvoyhxoC9yg25n29EyjCq_LMw99K6ISqjKuE2wyLTT-SDowevH_/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTnTAyrrzSJabw-1qlP5DL0pkFJ-ELPYnIjUcoTvV-MrtJUIe34VvMEjMQbPlT7_0fnHgyHXn2Wdb6YVtwSkmgBwi_o8V9Y2bAVOqIU0zmWfwRRbEwFs4LtJE9S1cHdQSemY2kVd2jhLMR/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGwALVQFeMHNe4dJmXgWMVggx0xPdjQYjC-CtWYtMfXkiuZXGXlRg5JgaP5uJrOv8dkLa6Rdg8gfmFdrOVeRpAf2zTHvoyhxoC9yg25n29EyjCq_LMw99K6ISqjKuE2wyLTT-SDowevH_/s1600/Twitter.png" title="Follow Us On Twitter" alt="Twitter" /></a></div> </center> </div> </div>
0 تعليق على موضوع : اضافة مواقع التواصل الاجتماعى على هيئة أزرار بتقنية Css جميلة جدًا
الأبتساماتأخفاء الأبتسامات