فى احدى المواقع الاجنبية المخصصة بالتصميم لفت انتباهى ازرر المشاركات الاجتماعية بشكل خشبى اكثر من رائع فأحببت ان اضعها لكم لمن يريدها . الازرر مكونة من اربع ازرر الفيس بوك وتويتر وجوجل بلس وخدمة 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/AVvXsEgaP-A8EWKCAM52PI7tGZcNJFx33ENE46HWQKrkX0GP1ogiquXDl_3ElrlR3D2mS9abcicDaVv-sUi6okXPkNdZhLhMU4oOfRTyK3xsyPjAnvu3qaEvt9pNHmkjbuocMm8kLP9Lhg2SUVQ/s1600/btrix_facebook-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/kingntblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjejnBTpCYlFnibxasAr77SBqEP_ew3qMGZi4l7VSrq-ggS7gbg7m_GFYxUGwTqPVhXs6ejsVrA_GFCl0fzD4MqXTBmR-MkTswI5rbj-A3fRhQxagLNalYUN4Fdt-tBJxTQE5HNc91RiEo/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/AVvXsEiJ44jtAgaFTCJuMX2TEObRxcVNdFnnzpiILRY00EC_QQwMaeuGN2-NKW-uOH1wFqqt92xS1jUVXrWT_ZVHoyGBzoj-zAM6cP0ziUkClR632wS6U20M49rhRyhgOOVG4BGgekXD6Rbn6j8/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/AVvXsEgV4O7tmDqSq1FfzbhJU5icQp1bS5bNvqTC4vno59VpHZdyhSEjdi7fwNqL9jel4rfubwSEF7bz4wcgO18dz-q08MqeAxfsF2ShcwuJJDo3D3kSPmdUUPqi-oGm8oNTE1iz5lGfeZ0hqnw/s1600/btrix_rss-icon.png" /></a>
بالاخير اضغط على حفظ وانتهى التركيب .
ملحوظة هامة :
- الرابط المحدد باللون الاحمر اضف رابط صفحتك بالفيس بوك
- الرابط المحدد باللون الاصفر اضف رابط صفحتك بتويتر
- الرابط المحدد باللون الاخضر اضف رابط صفحة جوجل بلس
- الرابط المحدد باللون السماوى اضف رابط تغذية مدونتك