يتميز قالب المحترف باحتوائه على أداة طولية للمتابعة على مختلف مواقع التواصل الاجتماعية يوتيوب فيسبوك قوقل بلس و
أيضا تويتر و العديد يرغبون باضافة هذه الأداة الى قوالبهم لذلك سألبي طلبهم في هذه الحلقة و أقدم لهم هذه الشرح
الخطوات المتبعة في الشرح : 1 : أضف الكود التالي أسفل الوسم <HEAD>
2 : أضف الكود التالي فوق الوسم : ]]></b:skin>
div#social { overflow: hidden; margin: 7px auto; margin-top: -5px; margin-right: -15px; width: 100%; } #social ul li { float: right; width: 25%; padding: 13px 0; padding-bottom: 20px; } li.fb { background: #366299 !important; } li.ggl { background: #CB2027 !important; } li.twt { background: #4099FF !important; } ul li { list-style: none; } #social ul li p { display: block; padding: 10px 15px; transition: 0.4s; color: #fff; font-size: 16px; text-align: center; font-weight: 400; font-family: Electrolize,ge_dinar_oneregular; } #social ul li a { display: block; background: #1f376c; padding: 8px 0; transition: 0.4s; width: 100px; color: #fff; margin: 0 auto; font-size: 16px; text-align: center;font-weight: 400; font-family: Electrolize,ge_dinar_oneregular; } #social i { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.13); line-height: 30px; border-radius: 50%; margin-left: 2px; font-size: 14px; } .fa-facebook:before { content: "\f09a"; margin-left: 0px; } li.ytb { background: #D1252A !important; } .p2 { background: #AF1A20 !important; } .p3 { background: #3A8DEC !important; } .p4 { background: #BB1E23 !important; } .p1 { background: #2F5686 !important; }
3 : أضف كود html التالي الى أداة التخطيط
قم بتغيير الروابط الخاصة بي الى روابط مواقعك الاجتماعية و يمكنك تغيير كلمة تابع أيضا أتمنى أن يعجبكم الشرح
الى اللقاء في مواضيع قادمة و السلام عليكم و رحمة الله ,