عرض مشاركة واحدة
قديم 02-19-2014, 05:10 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اضافة الايقونات الاجتماعية بشكل متحرك - اضافات بلوجر

السلام عليكم رحمة الله وبركاتة

اقدم لكم اليوم اضافة جديدة في عالم ايقونات التواصل الاجتماعي بشكل جديد

تستطيع اضافة الازرار الاجتماعية بشكل متحرك في مدونتك مدونة بلوجر

الشرح :

اذهب الي صفحة التخطيط واضف اداة جديدة 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 GoogleIcon-->
 <
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 GoogleIcon-->  </div>
<!--
Start Feed Count Button--> <!--End Feed Count Button--> </center>
</
div
وقم بتعديل الروابط الي روابط صفحاتك واحفظ العمل

الدعم العربي

Blog-Add غير متواجد حالياً   رد مع اقتباس