بلوجر

أسهل وأفضل طريقة لإضافة ترقيم الصفحات لقوالب بلوجر بشكل احترافي 2018

يتفاجئ العديد من الاشخاص عندما يقومون بتركيب قالب جديد على مدونتهم البلوجر بعدم توفره على ترقيم الصفحات ، وهو الشيء الذي يسمح للزوار بالتنقل بين المواضيع بطريقة سلسلة ، لكن هذه لم تعد مشكلة كبيرة ، وبالرغم من وجود العديد من الشروحات لطريقة اضافة ترقيم الصفحات بلوجر الا ان اغلبها هي اضافات غير معربة اي انها تبدأ من اليسار الى اليمين عكس المعربة التي تبدأ من اليمين الى اليسار ، وهذا ما سوف اقدمه لكم من خلال الاسطر التالية.

أسهل وأفضل طريقة لإضافة ترقيم الصفحات لقوالب بلوجر بشكل احترافي 2018
إضافة ترقيم الصفحات لقوالب بلوجر

معاينة الإضافة

أسهل وأفضل طريقة لإضافة ترقيم الصفحات لقوالب بلوجر بشكل احترافي 2018
اضافة ترقيم صفحات بلوجر

طريقة إصافة ترقيم الصفحات
أول شيء ستفعله هو فتح مدونتك ثم الى المظهر > تحرير HTML ، وستقوم بالبحث عنه هذا الوسم داخل القالب <head> وقد تجده على هذا الشكل head> ، المهم ، هذا الكود موجود في كل القوالب وبالغالب يكون في اعلى القالب ، وطريقة البحث داخل القالب هي عن طريق النقر في اي مكان داخل الاكواد ثم الضغط على CTRL + F على لوحة المفاتيح ، بعدما تجد الوسم ، تقوم بلصق هذا الكود بعده ( تحته ) مباشرة.

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<style type=’text/css’>
/* Page Navigation */
#blog-pager{background:#fff;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:center;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:rgba(0,0,0,.8);padding:5px 8px;margin:0 4px 0 0;box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);border-radius:2px;transition:all .3s}
.showpageNum a:before{content:”;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}
.showpagePoint{background:#2980b9;color:#fff;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>

وفي الخطوة الموالية ستقوم بالبحث عن هذا الكود في القالب <b:include name=’nextprev’/> ثم تقوم بإستبداله بهذا الكود.

<!– navigation –>
    <b:if cond=’data:blog.pageType == &quot;index&quot;’>
        <b:include name=’nextprev’/>
    <b:else/>
    <b:if cond=’data:blog.pageType == &quot;archive&quot;’>
        <b:include name=’nextprev’/>
    <b:else/>
        <b:if cond=’data:blog.homepageUrl != data:blog.url’>
<!– navigation –>
<b:include name=’nextprev’/>
</b:if>
    </b:if>
    </b:if> 

والآن مع آخر كود ، ستقوم بالبحث عن وسم </body> وهو دائما يكون في اخر القالب ، على الاحوال ستضيف هدا الكود قبله ( فوقه ) مباشرةً.

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<script type=’text/javascript’>
/*<![CDATA[*/
var postperpage=7;var numshowpage=9;var upPageWord =’العودة’;var downPageWord =’التالي’;var urlactivepage=location.href;var home_page=”/”;
/*]]>*/
</script>
<script src=’https://cdn.rawgit.com/mohammedxx/madad2/e5a01ecf/unlipage.js’ type=’text/javascript’/>
</b:if>

بعد ذالك يمكنك حفظ التغييرات ، حفظ القالب ، ثم قم بعرض مدونتك. ستجد انه تم اضافة ترقيم الصفحات للمدونة ، الامر في غاية السهولة واليسر.

© copyright 2019 – جميع الحقوق محفوظة

مدونة أبدرويد

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى