فى احدى المواقع الاجنبية المخصصة بالتصميم لفت انتباهى ازرر المشاركات الاجتماعية بشكل خشبى اكثر من رائع فأحببت ان اضعها لكم لمن يريدها . الازرر مكونة من اربع ازرر الفيس بوك وتويتر وجوجل بلس وخدمة RSS الخاصة بالمدونة ان شاء الله تعجبكم ويكون اختيار موفق .
لاتنسى باحدى الدروس السابقة بقسم دروس بلوجر تم اضافة ازرر المشاركات الاجتماعية بشكل دائرى متحركة من خلال هذا الرابط : اضافة ايقونات المشاركات الأجتماعية متحركة بشكل دائرى جذاب وايضا تم اضافة ازرر المشاركات الاجتماعية بشكل بسيط وخفيف من خلال هذا الرابط : اضافة مواقع المشاركات الأجتماعية بشكل منسق لأشهار المدونة على المواقع الأجتماعية الأن نذهب الى كيفية اضافة اليوم وهى ازرر اجتماعية بشكل خشبى .
صورة لشكل الاضافة :
كما تلاحظون بالصورة السابقة الشكل البسيط والأكثر من رائع فلمن يريد هذه الاضافة وتركيبها بالمدونة فليتابع معى طريقة التركيب
كيفية تركيب الاضافة :
اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT
اضف بداخلة مباشرة هذا الكود :
<style>
/* Social Icons
----------------------------------------------- */
a.social-icons {
margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.social-icons:hover {
opacity: .7;
filter:alpha(opacity=70); /* For IE8 and earlier */
} height:45px;
width:45px;
</style>
<a class="social-icons" href="https://facebook.com/blog.kingnt"><img src="https://lh3.googleusercontent.com/-gBbS8-D4d0I/VNPePpWFnEI/AAAAAAAADPA/SHb8mCzHtjw/s1600/btrix_facebook-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/kingntblog"><img src="https://lh4.googleusercontent.com/-1WGZd-kkBRg/VNPeP5Lx7-I/AAAAAAAADPI/qqULuEcx45A/s1600/btrix_twitter-icon.png" /></a>
<a class="social-icons" href="https://plus.google.com/101218667290115588531/posts"><img src="https://lh3.googleusercontent.com/-RyO-U1qyDAA/VNPeRGRLB5I/AAAAAAAADPY/WEAJkrf0gU8/s1600/woodengoogle.png" /></a>
<a class="social-icons" href="http://www.kingnt.com/feeds/posts/default"><img src="https://lh6.googleusercontent.com/-zPXbnKI6SE0/VNPeP0BndnI/AAAAAAAADPE/GVpyc6vfhZM/s1600/btrix_rss-icon.png" /></a>
بالاخير اضغط على حفظ وانتهى التركيب .
ملحوظة هامة :
- الرابط المحدد باللون الاحمر اضف رابط صفحتك بالفيس بوك
- الرابط المحدد باللون الاصفر اضف رابط صفحتك بتويتر
- الرابط المحدد باللون الاخضر اضف رابط صفحة جوجل بلس
- الرابط المحدد باللون السماوى اضف رابط تغذية مدونتك