اضافة المواقع الأجتماعيه للمدونه بطريقه رائعه

السلام عليكم أحبائي أعضاء وزوار مدونة أقرب طريق
اضافتنا اليوم من الأضافات المتميزه والأحترافيه للمدونات فهي تعطي شكل رائع وجميل لموقعك بالأضافه الى عرض 
مواقعك في الفيس وبوك والتويتر والفيدبرنر بالأضافه لقناتك على اليوتيوب وهي اضافه ربما تكون حصريه بسبب ندارة وجودها في المواقع وهي عباره عن متجر يحمل اعلان الفيس بوك ومتجر اخر يحمل اعلان تويتر واخر للفيدبرنر واخر لليوتيوب 
والان أترككم مع صورة الأضافه الرائعه



الان الطريقه


1_لوحة التحكم
2_اختار تخطيط
3_اضافة أداة
4ختارHTML/JavaScript
 

ملاحظه بالنسبه للعنوان أكتب ما تراه مناسبا
أما المحتوى ضع به الكود التالي
 




<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://plus.google.com/u/0/b/112156417607777127189/112156417607777127189/posts
 "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/ plus.google -shop-icon.png" /></a>
<a class="social-icons" href="https://plus.google.com/u/0/b/112156417607777127189/112156417607777127189/posts
 "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/ plus.google -shop-icon.png" /></a>
<a class="social-icons" href="https://www.facebook.com/pages/%D8%A3%D9%82%D8%B1%D8%A8-%D8%B7%D8%B1%D9%8A%D9%82/590950207621822 "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/Facebook-shop-icon.png" /></a>
<a class="social-icons" href="https://plus.google.com/u/0/b/112156417607777127189/112156417607777127189/posts
 "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/ plus.google -shop-icon.png" /></a>

<a class="social-icons" href="https://twitter.com/a22w11 "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/twitter-shop-icon.png" /></a>
<a class="social-icons" href="https://plus.google.com/u/0/b/112156417607777127189/112156417607777127189/posts
 "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/ plus.google -shop-icon.png" /></a>

<a class="social-icons" href="http://www.youtube.com/channel/UCBAyG1DuiYJtNxqe60RR6Eg "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/youtube-shop-icon.png" /></a>
<a class="social-icons" href="https://plus.google.com/u/0/b/112156417607777127189/112156417607777127189/posts
 "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/ plus.google -shop-icon.png" /></a>

<a class="social-icons" href="فييدبرنر "><img src="http://icons.iconarchive.com/icons/dembsky/social-store/72/rss-shop-icon.png" /></a>
 


 الان ما يجب عليك تغييره في الكود
 
 1_مامظلل باللون الأحمر استبدله برابط صفحتك في الفيس بوك
2_مامظلل باللون الأزرق استبدله بأسم حسابك في التويتر
3_مامظلل باللون الأصفر استبدله برابط قناتك في اليوتيوب
4_كلمة فييدبرنر استبدلها بأسم حسابك في الموقع
 
والان اضغط حفظ ومبروك عليك الأضافه
أي سؤال أو استفسار أنا بخدمتكم
 
عزيزي الزائر ضع تعليقك قبل المغادره
والى اضافات جديده ان شاء الله
تحياتي لكم


    تعليقات بلوجر
    تعليقات فيس بوك

4 التعليقات:

  1. شكرا على المعلومات والتوضيح

    موفقين

    ولو وصلت للكود وتعبني كلش

    والنتيجة تركته

    ردحذف
  2. اخوان أي شخص يواجه صعوبه في تطبيق الدرس على مدونته يضع سؤاله ومشكلته ويأتيه الجواب ان شاء الله

    ردحذف
  3. شكرا لك اخي لقد تمت الاضافة بشكل جميل وانت اجمل لك مني الف تحية

    ردحذف
  4. تسلم اخي ابو محمد على هذا المجهود الرائع

    ردحذف