منتدى استراحات زايد - إضافة قائمة المواقع الاجتماعية لمدونات بلوجر

http://www.traidnt.net/vb/images/img...14/03/2023.png

بسم الله الرحمن الرحيم
إضافة قائمة المواقع الاجتماعية لمدونات بلوجر

طريقة إضافة قائمة المواقع الاجتماعية لمدونات بلوجر، عند الضغظ على شعار أحد المواقع فإنه سيذهب بك إلى صفحة مدونتك على ذلك الموقع، وتحتوي هذه القائمة على موقع: (فيسبوك،تويتر،جوجل بلس،تمبلر...وغيرها من مواقع التواصل الاجتماعي المشهورة)،تتميز هذه القائمة بخاصية الهوفر،أي عندما تؤشر بزر الفأرة عليها فإن لونها يتغير.

مثال مباشر:

ملحقات

طريقة التركيب:

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

رمز Code:
]]>
بعدها ضع الكود التالي فوقه مباشرة.

رمز Code:
/*----BloggerinarMenuStart----*/
.bia-social {
float: left;
background: url('http://1.bp.blogspot.com/-2P_grXhW8us/UyhukfOVbKI/AAAAAAAAA-E/VMnNW2Sl0b0/s1600/social-icons.png') repeat scroll 0% 0% transparent;
}
.icon{
display: block;
width: 40px;
height: 40px;
float: left;
opacity: 1;
transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
}

.icon:hover{
opacity: 0;
}

.tb {
background: url(http://2.bp.blogspot.com/--P5O1qxPBg...0/tumblr.png);
}

.go {
background: url(http://4.bp.blogspot.com/-JbxFuGyQ59...0/google.png);
}

.be {
background: url(http://1.bp.blogspot.com/-t7BpOVtqtn...00/be_03.jpg);
}

.fb {
background: url(http://2.bp.blogspot.com/-mJYokl6uNT...facebook.png);
}

.tw {
background: url(http://2.bp.blogspot.com/-0uWpizinyQ.../twitter.png);
}

.dr {
background: url(http://4.bp.blogspot.com/-XO1MpB5pj5.../dribble.png);
}

.rs {
background: url(http://2.bp.blogspot.com/-d9pbpju0DS...1600/rss.png);
}

.co {
background: url(http://4.bp.blogspot.com/-QKM82uphrQ...600/mail.png);
}
/*----BloggerinarMenuEnd----*/
اضغط على حفظ.

الآن انتهينا من الخطوة الأولى وهي التعديل على القالب.
بقي الخطوة الثانية وهي إضافة القائمة إلى الصفحة.

اضغط على تخطيط.
ثم اضغط على إضافة أداة.
اختر HTML/Javascript.
ضع الكود التالي فيها:

رمز Code:

الآن قم بتغيير ما باللون الأصفر بروابط صفحاتك.

أرجو أن ينال الدرس إعجابكم.

يمنع النقل بدون ذكر المصدر

المصدر: إضافة قائمة المواقع الاجتماعية لمدونات بلوجر - Blogger In Arabic بلوجر بالعربية