القائمة الرئيسية

الصفحات

أخر المشاركات

كود إضافة ترقيم الصفحات بدون أخطاء برمجية

في البداية أريد تقديم تعريف لترقيم الصفحات فهي تعد إضافة ضرورية لمدونات بلوجر حيث أنها تمكن الزائر من تصفح و التنقل بين المواضيع لذلك اليوم حاولت أن أتطرق إليها من خلال تقديمها بدون أخطاء برمجية


و الأن حان وقت التركيب
نتوجه إلى القالب ثم نبحث عن كلمة
]]></b:skin>
نضع الكود التي فوقه
#blog-pager span.showpageOf, #blog-pager span.pagecurrent{background:#3d4a60; color:#fff; display:inline-block; padding:9px 12px; margin-left:6px; font-size:16px; transition:.2s; border-radius:3px}
#blog-pager span a, a.home-link{color:#3d4a60; border:1px solid; display:inline-block; background:#fff; padding:8px 12px; margin-left:6px; margin-bottom:6px; font-size:16px; transition:.2s; border-radius:3px}
.blog-feeds{display:none}
span.displaypageNum.lastpages{ display:none}
/* popular posts */#sidebar .popular-posts .item-title{ overflow:hidden; margin-bottom:4px}
#sidebar .popular-posts .item-title a{ font-size:18px; color:#3d4a60}#sidebar .popular-posts .item-snippet{ overflow:hidden; font-size:14px; color:#888; margin-bottom:14px}#sidebar .popular-posts ul li{ overflow:hidden; position:relative; margin-bottom:16px; border-bottom:1px solid #eee}#sidebar .popular-posts .item-title, #sidebar .popular-posts .item-snippet{ overflow:hidden}#sidebar .popular-posts .item-thumbnail img{ width:100%; background:#3d4a60; border-radius:5px}#sidebar .popular-posts .item-thumbnail{ float:right; background:#3d4a60; width:100px; height:100px; margin-left:10px; overflow:hidden; border-radius:5px
الخطوة الثانية نبحث عن كلمة
</body>
و نضع الكود التالي فوقه
تحميل الكود
 و مبروك عليك الإضافة
أي إستفسار أترك تعليق

reaction:

تعليقات