اضافة ازرر المشاركات الاجتماعية بشكل ستايل خشبى Social Media

فى احدى المواقع الاجنبية المخصصة بالتصميم لفت انتباهى ازرر المشاركات الاجتماعية بشكل خشبى اكثر من رائع فأحببت ان اضعها لكم لمن يريدها . الازرر مكونة من اربع ازرر الفيس بوك وتويتر وجوجل بلس وخدمة 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9m-50ZQQ7SZ_PaNiFHFyYsDQ3tll_EcZT9I8Vg2gTviwtVZfigt47w8k9BA0e-D2B0_VdfkvgxrPM-AzAPEfUT5EOTHZcm171HZjqUN4tV2FyzRPPYXpOA8N-O7wnyMz0OBzbJkWRqUg/s1600/btrix_facebook-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/kingntblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5k9jChJpIO7uNxQmKc2Z0V2a20FuHsDh0nrm4ez9n57DR0UCQN35Dh0tTQ0wYEKqQIep2fYOC8Qf_xoF7FVPc_BIfReteLHqHoQhJ-FHW_mqeqAqCo1m1uMYb2nuLytByDMqT69rmIP8/s1600/btrix_twitter-icon.png" /></a>
<a class="social-icons" href="https://plus.google.com/101218667290115588531/posts"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX75Vb-Xn3Rj0DtHfMcjphRA06svaZBYMjgIS5BYQxTEn8Y-3ghGaST_BS2jLNzQsdmMdVCCIeiyHBV13_dFdBXeMZ7OK5pyr5kHp6iMQbaxJqbfvxC7iO2TPtNgX1UUlf1rMKmDyDuMI/s1600/woodengoogle.png" /></a>
<a class="social-icons" href="http://www.kingnt.com/feeds/posts/default"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8bBqWa7i3NSD-LAdf5WFT3RGwA7cuu6DeQi_oiyeuKw9j4wG8j4pYWJjjaqsnldbCwq4AMTk2GdD5vJ7UWwRMZYqLFe9zHZwbyDPvVj3ik8LrMWo3fjWllQUhDzCjcfiyIPAd3-JieLg/s1600/btrix_rss-icon.png" /></a>

بالاخير اضغط على حفظ وانتهى التركيب .

ملحوظة هامة :

• الرابط المحدد باللون الاحمر اضف رابط صفحتك بالفيس بوك
• الرابط المحدد باللون الاصفر اضف رابط صفحتك بتويتر
• الرابط المحدد باللون الاخضر اضف رابط صفحة جوجل بلس
• الرابط المحدد باللون السماوى اضف رابط تغذية مدونتك 

ارجو بان هذه الاضافة اعجبتكم وانتظرونى باضافة اخرى جديدة