| Blog-Add |
02-19-2014 05:10 PM |
اضافة الايقونات الاجتماعية بشكل متحرك - اضافات بلوجر
السلام عليكم رحمة الله وبركاتة
اقدم لكم اليوم اضافة جديدة في عالم ايقونات التواصل الاجتماعي بشكل جديد
تستطيع اضافة الازرار الاجتماعية بشكل متحرك في مدونتك مدونة بلوجر
الشرح :
اذهب الي صفحة التخطيط واضف اداة جديدة HTML واضف بها الكود التالي :
كود PHP:
<div dir="rtl" style="text-align: right;" trbidi="on">
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <br />
<center>
<div id="social">
<!--Start Rss Icon-->
<a href="رابط ال rss" rel="nofollow" target="_blank" title="إشترك في خلاصة المواضيع">
<img alt="Icon" border="0" src="http://1.bp.blogspot.com/-sux3guARZDk/UZFgMEbAXfI/AAAAAAAAA0U/T6BKcX-3WjY/s128/rss_11-20110811163952-00001.png" style="margin-right: 1px;" /></a>
<!--End Rss Icon-->
<!--Start Email Rss Icon-->
<!--End Email Rss Icon-->
<!--Start Facebook Icon-->
<a href="رابط صفحة الفيس بوك" rel="nofollow" target="_blank" title="تابعنا على الفيس بوك">
<img alt="Icon" border="0" src="http://2.bp.blogspot.com/-zjFhb-6j9zU/UZFgHHYp9gI/AAAAAAAAA0E/Jx8EPhuU3x4/s128/facebook_11-20110809213253-00001+%25281%2529.png" style="margin-right: 1px;" /></a>
<!--End Facebook Icon-->
<!--Start Twitter Icon-->
<a href="رابط صفحة تويتر" rel="nofollow" target="_blank" title="تابعنا على تويتر">
<img alt="Icon" border="0" src="http://4.bp.blogspot.com/-6tuIKDzGEUU/UZFgOFJoMzI/AAAAAAAAA0c/N8Li5b3k8Xc/s128/twitter_11-20110811174544-00001.png" style="margin-right: 1px;" /></a>
<!--End Twitter Icon-->
<!--Start Google+ Icon-->
<a href="رابط صفحة جوجل بلس" rel="nofollow" target="_blank" title="تابعنا على جوجل+">
<img src="http://1.bp.blogspot.com/-dCmMsJ8km_s/UZFgKiG_QDI/AAAAAAAAA0M/NH63deDPn7A/s128/google_plus11-20110926163833-00001.png" style="margin-right: 1px;" /></a>
<!--End Google+ Icon--> </div>
<!--Start Feed Count Button--> <!--End Feed Count Button--> </center>
</div>
وقم بتعديل الروابط الي روابط صفحاتك واحفظ العمل |
