أضف زر فيس بوك وتويتر و Rss بطريقة جميله عبر إشارة الماوس عليها Rollover effect social bookmark

بسم الله والحمد لله
موضوع اليوم هو عباره عن كيفية إضافة أزرار facebook و twitter و rss بطريقه جميله عبر صوره عاديه تتحول إلى صوره ملونه عند تمرير الفأره عليها rollover effect شاهد المثال بالأسفل

وطريقة الإضافه فى مدونتك بلوجر سهله جداً فقط إتبع الأتى
- سجل الخول فى بلوجر
- إنتقل إلى عناصر الصفحه -->> ثم إضافة أداه -->> Html javascribt
- ضع الكود التالى بها

<a href=http://www.facebook.com/profile.php?id=100002081559358 onmouseover= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsYjLbgM6gObLyOM7_lG20yruqND6nvTIo1-k3g4tZWVqrCX5SD3Y2Tp6T262AxHaa-QUJvhmx6VJlpdTqsq4u_5VMcvc1Rcd9H3IxUY9mKHzzYVhLsmRzPE7Co2w_6kXtuqk0KGvmJ4AP/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCENd0kRqMGqZ_v2aEhyU_9RoWiZUvdrNkYXOiLEfJ0dStIBNCtQDbbGtAqFRukfCBHbogWEjolqcAEOGmtYynJC_vjODd3c71JVnkmjt91_a3fzhK7GxZosu5jzqA92GygIhTmksezMze/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCENd0kRqMGqZ_v2aEhyU_9RoWiZUvdrNkYXOiLEfJ0dStIBNCtQDbbGtAqFRukfCBHbogWEjolqcAEOGmtYynJC_vjODd3c71JVnkmjt91_a3fzhK7GxZosu5jzqA92GygIhTmksezMze/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>
<a href=http://twitter.com/#!/hend_moments onmouseover= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAwI4y6aHBaDglskLmm3Iv_9wpkAP5kLA7-cNwzlW3DFGBKldKqykQZ8e-Cntja1m3p84HOYDaWbYchDMOub0G-TlHAQXAiuZrQM50_jOaL0_V2Ee7sZyETDxi-ry1JJlbGrqEXPKxFdXn/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcIFnx6XesWLI2IfoRaAXUL3iNS17IiIAuORf3lZoEKA9s8zNmL8cgJ3tCmi-ZSq9aHKQuWIxrytc3bCRIA4KHY-FWeUBj2jUtexX7iSrjHny-eCyjw6PHKhzBEClDgNwpByPvblASHjBT/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcIFnx6XesWLI2IfoRaAXUL3iNS17IiIAuORf3lZoEKA9s8zNmL8cgJ3tCmi-ZSq9aHKQuWIxrytc3bCRIA4KHY-FWeUBj2jUtexX7iSrjHny-eCyjw6PHKhzBEClDgNwpByPvblASHjBT/s1600/twitter.png" name="twitter" border="0" width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/hend onmouseover= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV-Wd19V3sd7vsVA3ayNSgscYYldn532cKpt2A_wQGa_W4Ck5euWOocSaurmIl7XWwLnAnEam4N_rJxn1evvQWRndWD9nRcmgqtlt4Fo7FpQjk_6b0FEmLnxsIDVheTuvAZ3DzivmtwO7d/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhddeZRSYCBX6zzYPktZhuu5cOPaPUtHPfA5gIPbJkKMZL8Rb-OQnei86QkegAxPDp1yNCQ2dP_S2O4-vFiPPPLrxLmWuOU4nbqI8-ACuiCjXPLHFQYt3OAcYEQFrAdVUcvdytPvb25WwzC/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhddeZRSYCBX6zzYPktZhuu5cOPaPUtHPfA5gIPbJkKMZL8Rb-OQnei86QkegAxPDp1yNCQ2dP_S2O4-vFiPPPLrxLmWuOU4nbqI8-ACuiCjXPLHFQYt3OAcYEQFrAdVUcvdytPvb25WwzC/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://www.spiceupyourblog.com" target="_blank"><small></small></a>

فقط إستبدل ما هو بالأحمر بروابطك الخاصه
أترك تعليقك ولو بكلمة شكراً