إضافة اداة الترقيم بشكل جميل وإحترافي لمدونات بلوجر

تركيب الترقيم شكل جميل ورائع لمدونات بلوجر

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

ان كان لديك كود الترقيم باللقالب استبدلة بالكود التالي

ان لم يوجد لديك ضع الكود التالي فوق ]]></B:skin>

 /* CSS List Custom */.Widget .Post-Body Ol Li {Margin-Right: 38px;Line-Height: 1.5;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;Font-Family: 'Droid Arabic Kufi',Open Sans;}.Widget .Post-Body Ol Li:before{Content: Counter(Li);Counter-Increment: Li;Position: Absolute;Right: -25px;Top: 50%;Margin-Top: -1.3em;Background: #D03F42;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;Font-Family: 'Droid Arabic Kufi',Open Sans;}.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;}

ان كنت تواجة صعوبه بالتركيب اترك تعليق بالأسفل