-->

الأربعاء، 18 مايو، 2011

أضف زر فيس بوك وتويتر و 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= 'http://1.bp.blogspot.com/-23R7iMQYXos/TcCnWEQwPtI/AAAAAAAADlc/jGPp-_QBi8Y/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'http://4.bp.blogspot.com/-OlVAPY5N4DU/TcCr-NGtkrI/AAAAAAAADlw/TYJpdwMUpwU/s1600/facebook.png';"><img src="http://4.bp.blogspot.com/-OlVAPY5N4DU/TcCr-NGtkrI/AAAAAAAADlw/TYJpdwMUpwU/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= 'http://2.bp.blogspot.com/-QBSeBdg2pn8/TcCqOfT-6SI/AAAAAAAADlo/ks47LssGaRs/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'http://2.bp.blogspot.com/-zpBYTS7b0Kw/TcCsDEBdHqI/AAAAAAAADl4/j3TvkL4luC0/s1600/twitter.png';"><img src="http://2.bp.blogspot.com/-zpBYTS7b0Kw/TcCsDEBdHqI/AAAAAAAADl4/j3TvkL4luC0/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= 'http://2.bp.blogspot.com/-SJF6UBDPtmU/TcCnWl9-gaI/AAAAAAAADlg/NVgsWS3Kefk/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'http://1.bp.blogspot.com/-34I9Zv8nr0k/TcCsCJjlt3I/AAAAAAAADl0/Hmioi9iUEnU/s1600/rss.png';"><img src="http://1.bp.blogspot.com/-34I9Zv8nr0k/TcCsCJjlt3I/AAAAAAAADl0/Hmioi9iUEnU/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://www.spiceupyourblog.com" target="_blank"><small></small></a>

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

3 التعليقات:

زحَ’ـمةَ حَ’ـڪيّ..||≈ يقول...

جميلة جداً
شكراً جزيلاً

Hend يقول...

الجميل زيارتك لنا ياأختى

soon يقول...

تسلم اخوية الغالي على مجهودك

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets