معنا اليوم درس جديدة عن طريقة تغيير شكل القوائم المرقمة داخل المشاركات في منصة بلوجر وهذه الإضافة ممتاز وجميلة من اجل جذب الزائر إلي مدونتك أو موقعك اكثر ، فهذه ما هي إلا إضافة تجميله بدلا من الإضافة العادية في قالب بلوجر حيث يأتي بدون هذه الإضافة فما عليك يا أخي الزائر مشاهدة الشرح الأتي لكيفية التركيب (تمتع بالمشاهدة الفيديو).
- أولا تدخل علي لوحة تحكم مدونتك ثم تختار قسم القالب.
- بعد هذا تضغط علي تحرير HTML
- ثم قم بالبحث عن هذا الكود ]]></b:skin> في قالبك.
- ثم قم بالنسخ الاكواد الاتيه وضعها فوقه.
/* CSS PostStyle */ .post ul{list-style:inherit}.post ol{counter-reset:li; list-style: none;*list-style: decimal;margin-top:6px;padding-left:0} .post ol li{position:relative;margin:0 0 8px 15px !important;padding:4px 30px 8px 5px !important;list-style:none; *list-style: decimal;background: rgba(245, 245, 245, 1); /* background color of each element */ border:1px solid #EBEBEB;text-indent:14px;} .post ol li:before{content: counter(li); counter-increment: li; position: absolute; right: 5px; width: 25px; margin: 0 0 10px 0; padding: 4px !important; color: #fff; background: #446FAA; text-indent: 6px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1),inset 0 0 10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.1); border-radius: 2px;} .post ol li:after{content: ''; border: 10px solid transparent; border-left-color: #446FAA; float: left; margin-top: 3px;} .post ol li:hover:after {margin-left: 5px;border-left-color: #446FAA;transition: all 0.3s
- بعد هذا قم بالحفظ النموذج ومبروك عليك الإضافة.
- أنصحك أكثر بالمشاهدة الفيديو التالي لطريقة التركيب.
ليست هناك تعليقات:
إرسال تعليق