فى احدى المواقع الاجنبية المخصصة بالتصميم لفت انتباهى ازرر المشاركات الاجتماعية بشكل خشبى اكثر من رائع فأحببت ان اضعها لكم لمن يريدها . الازرر مكونة من اربع ازرر الفيس بوك وتويتر وجوجل بلس وخدمة 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/AVvXsEjhUG3nnfe9Dd4l_KGaXh2-8h2cneS1qrqkaNu3tw81OTRVT4u5RrTmP2LF06B75h9D4v3hb7wwGaUc7CqCZ8HYD2CRQZIIfIO_Eibhqx7QHtBRkWB5816c-VHlrJnrJnAc0jLOUk0PN_k/s1600/btrix_facebook-icon.png" /></a>
<a class="social-icons" href="https://twitter.com/kingntblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaY4PuHOA3U1lPN1vnbpRdouS4Ku4zf0mlAMrS7B2yVcfqXGDDZGQQcPMGDLTomRETXTFC42Wj6CIvg0Am0e27aMqzwX2bdpuPPZY1NfafkzFdQ1pF3Dj9l1LYO6BzfOnxvstPTKDDvPs/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/AVvXsEgwrAvPDa4gDrJ3yeUYOs9rECp7LxuEiu9c1_STmcpvWxXgn6qhuR_rffLWDRHJUAqFvhAsmEYNvNfOtnV8UlcBZkaCyVKpuOmx3F-sa_VutVijKKOTxJBDB4vzq-4z-lrkRRIVX-ADcks/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/AVvXsEh1Oof6hKg3JhTaTQvkaP5udmenuVjvKMd_8hG6AxXQY6mrS-bAajvaWyqOx_3sPPc53eu01bzLIl56Hi74XmCzRRFwRzhCWjrMtYroYG7CsvxjuVe1e5fXAH0e5Zbv-uoJOir6R2MKV58/s1600/btrix_rss-icon.png" /></a>
بالاخير اضغط على حفظ وانتهى التركيب .
ملحوظة هامة :
- الرابط المحدد باللون الاحمر اضف رابط صفحتك بالفيس بوك
- الرابط المحدد باللون الاصفر اضف رابط صفحتك بتويتر
- الرابط المحدد باللون الاخضر اضف رابط صفحة جوجل بلس
- الرابط المحدد باللون السماوى اضف رابط تغذية مدونتك
ليست هناك تعليقات:
إرسال تعليق
قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )