الخميس، 5 فبراير، 2015

اضافة ازرر المشاركات الاجتماعية بشكل ستايل خشبى 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://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>

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

ملحوظة هامة :

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

ليست هناك تعليقات :

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الموافقة على نشر التعليقات

موقع كينج نت يسمح لك بإضافة رابط موقعك عبر التعليقات ولكن فى اطار مضمون المشاركات وان يكون صلة مباشرة بالمقال حتى يتم الموافقة على نشر التعليقات ولمن يضع روابط عشوائية بدون اضافة تعليق ليس له اى صلة بمحتوى الموضوع سيتم نقلة الى الرسائل الغير مرغوب فيها حتى تتم عملية الحذف .