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

محروم.كوم · #1 03-19-2014, 12:30 AM

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

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

مثال مباشر:

ملحقات

طريقة التركيب:
اذهب إلى صفحة تحكم مدونتك.

اضغط على قالب.

ثم تحرير 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 بلوجر بالعربية __DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
اقسام لمدونات بلوجر	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	03-16-2014 06:20 PM
حصرياً: أداة حالة الطقس لمدونات بلوجر - بلوجر بالعربية	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	03-13-2014 01:21 AM
خدمة مجانيه لمدونات بلوجر	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	03-08-2014 04:50 AM
قالب مدونة تطوير المواقع لمدونات بلوجر	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	02-12-2014 12:50 PM
اضافة زر البحث لمدونات بلوجر	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	08-19-2013 06:30 AM