كود ترقيم الصفحات بشكل جديد

السلام عليكم

اليوك جائت لكم موضوع جديد يا متابعى مدونة ابداعاتى

هو كيف

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

شرح تركيب الاضافة

قالب >> تحرير html

ثم نبحث عن

<b:includable id='mobile-index-post' var='post'>

ثم نقوم باللصق هذا الكود اسفلة مباشرة

<b:includable id='page-navi'><div class='pagenavi'><script type='text/javascript'>var pageNaviConf = {perPage: 7,numPages: 5,firstText: "الأولى",lastText: "الأخيرة",nextText: "»",prevText: "«"}</script><script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/><div class='clear'/></div></b:includable>

perPage: 7 هذا هو عدد المواضيع التى سوف تظهر بالرئيسية

numPages: 5, هذا هو عدد الصفحات

ثم نقوم بالبحث عن

<b:include name='nextprev'/>

ثم استبدلة بهذ الكود

<b:if cond='data:blog.pageType == "index"'><b:include name='page-navi'/><b:else/><b:if cond='data:blog.pageType == "archive"'><b:include name='page-navi'/></b:if><b:else/><b:if cond='data:blog.pageType == "item"'><b:include name='nextprev'/></b:if></b:if>

ثم نقوم بالبحث عن

]]></b:skin>

ثم تقوم باللصق هذا الكود

#blog-pager, .pagenavi { clear: both; text-align: center; margin: 30px auto 15px;}.pagenavi .pages {display: none;}#blog-pager a, .pagenavi span, .pagenavi a {padding: 5px 10px;text-decoration: none;font-family: arial;color: white;margin: 2px;background: black;background-position: bottom;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;border-radius: 30px;font-size: 20px;}#blog-pager a:hover, .pagenavi a:hover {background: orange;}#blog-pager-older-link, #blog-pager-newer-link { float: none;}.pagenavi .current {background:Pure Cyan;}

و مبروك عليك الاضافة

.hreview{display:none}

100 100 100