إضافة جميلة لأيقونات المواقع الإجتماعية

إضافة أيقونات المواقع الإجتماعية 

 إضافة جميلة لكل المدونين حيث أنها تجمع كل أيقونات المواقع الإجتماعية المشهورة و التي تلعب دورا مهما في جلب الزوار ، لهذا فهذه الإضافة تعتبر مهمة في توسيع نطاق متابعيك ، كما أنها جميلة من حيث الشكل مما يعطي لمدونتك جمالية كبيرة.

لإضافتها اتبع الخطوات التالية :

1- اذهب الى لوحة التحكم تم اضغط على تخطيط

2- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي:

 

<div class="widget-content"><a href="http://www.facebook.com/thepro.informatique"><div class="social"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkX0er3829YOkokpNGJx1INePAxuBGbo8mG0RMHz-JfiOE8Sdt6gssTtK5dYkZ7kikxe62B7RaOg-Q2D0Um1V3XVxkb9YrxqypecJVTr_9zJNL40A8z49OudrsJ8uSLDNSDgHBUwnV4Lk/s1600/face.png" /><b>6,000</b><span>معجب على الفيس بوك</span></div></a> <a href="http://www.youtube.com/hakimsar"><div class="social"><img src="http://i.imgur.com/fpVI8Rf.png" /><b>300</b><span>مشترك على القناة</span></div></a> <a href="http://www.twitter.com/thepro.info"><div class="social"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy05_s2DyWQsTAlNfSvifTnVUzfkUefNW9tL_S4j2V-Xu-uyCcjOgvTePDgtDn3FdX5Q7-GQXv8rY0dmakPprXvMgFq2q2luxh2Gccpe-QzrkeL9AKmR-feQlCo-fETJM7gBbS0uMN_wY/s1600/twi.png" /><b>3,000</b> <span>متابع على تويتر</span></div></a> <a href="http://feedburner.google.com/4thepro"><div class="social"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0iDeKJCAzWiUjUfiJKuBAjkUqlbxVD50CNt6cM5aRGsvHvVqpRDpGn2acP9hOrPjBBPvNRLYTB71ArfeZDqKHKwcQEllRq9rsEsMpRLGY7tt1JmiNGBWoQOBxYM6LTFY_siD25fiB0g/s1600/RSS.png" /><b>5000</b> <span>مشاركة</span></div></a> <style>.social{ height:48px; text-align:right; margin: 6px 0;} .social:hover{opacity:0.7;} .social img{float:right;border-radius: 51px;} .social b{ float:right; padding-left:10px; padding-right:16px; font:19px Arial, Helvetica, sans-serif; font-weight:bold; color:#575757; line-height:47px; } .social span{ float:right; padding-left:10px; font:12px Tahoma, Geneva, sans-serif; color:#9f9d9d; line-height:47px; } </style></div>

لا تنسو يا إخوان روابطي بروابطكم 
أتمنى إن تعجبكم الإضافة

***********************

***********************

اذا لم تجد المطلوب في الصفحة يمكنك البحث هنا في جوجل للتحويلك الي موضوع اخر

: شارك

Tweet

✚

مواضيع ذات صلة