مرحبا بكم أصدقائي في درس جديد علي مدونة ويب فور وفي قسم اضافات بلوجر وهذه الموضوع الذي سوف اقدمه لكم هو تغير شكل الترقيم داخل المواضيع لمدونات بلوجر مثل شكل الترقيم في قالب وات التقني وكما يعرف الجميع هو قالب مدفوع ولكن هذه الاضافة مجانية وفي غاية الروعة والجمال كي لاأطيل عليكم
طريقة تركيب الاضافة
- قم بالتوجه الي لوحة تحكم مدونتك
- ثم قالب ثم تحريرhtml
- قم بوضع هذا الكود فوق الوسم ]]></b:skin>
/* CSS ol li */ .widget .post-body ol li { line-height: 1.8 !important; font-size: 14px; position: relative; display: block; padding: .4em 1.75em .4em 2em; margin: 0.3em -10px; background: rgba(238, 238, 238, 0.55); color: #444; -webkit-border-radius: .3em; transition: all .5s ease-out; width: 92%; } select#selectnav1 { display: none; } .widget .post-body ol li:before{ content: counter(li); counter-increment: li; position: absolute; right: -25px; top: 50%; margin-top: -1.3em; background: #797979; height: 2.5em; color: #fff; width: 2.5em; line-height: 33px; border: .3em solid rgb(255, 255, 255); text-align: center; font-weight: bold; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 3em; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .widget .post-body ol li a{ color: #444; } .widget .post-body ol li:hover:before{ -webkit-transform: rotate(720deg); -moz-box-shadow: 0 0 10px #0f3,0 0 30px #0f3,0 0 50px #0f3,0 1px 3px #000!important; color: #444; } .widget .post-body ol li:hover{ background: #eee; color: #444; } .widget .post-body ol{ counter-reset:li; list-style:none outside none; font-size:15px; padding:0; margin-right:20px; margin-top:0; margin-bottom:0 } .widget .post-body ol{ list-style:none outside none; font-size:15px; } .btn-btn2 { display: table; margin: 0 auto; }
- ثم قم بحفظ القالب
- والان من داخل المشاركات في مدونتك عندما تضغط علي شكل الترقيم وتكتب سيتغر الشكل
- والان مبروك عليك الاضافة
ليست هناك تعليقات:
إرسال تعليق