Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

اضافة ترقيم الصفحات بدون اخطاء ومشاكل Add Navigation Page

كينج نت ملك النت | 2/02/2014 |
كيفية اضافة ترقيم الصفحات لمدونات بلوجر بدون اى مشاكل وبدون اخطاء هذه الطريقة من افضل الطرق لأن هذه الطريقة تمنعك من وضع اكواد بداخل القالب والابتعاد عن المشاكل والأخطاء فهذه الطريقة عبارة عن كود جافا سكربت ويضع ترقيم الصفحات بنفس لون القالب اعتقد بأن هذه الطريقة افضل من التعديل على القالب رغم اننى لا احب هذا الكود بسبب تكرار عرض المواضيع بنفس الصفحات ولقد تحدثت عن هذه المشاكل فى احدى المقالات والنصائح بعنوان حذف ترقيم صفحات المدونة NAVIGATION افضل من بقائها ولكن من الواجب على ان اضع لكم الأضافة لان مدونة كينج نت مخصصة بالدعم الفنى لمدونات بلوجر لن اطيل عليكم اكثر بالكلام ونأتى الى طريقة التركيب .



شرح اضافة ترقيم الصفحات Navigation Page
اذهب الى لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT
فقط بوضع هذا الكود بداخلة :
<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #EF00BF; /* لون إطار الأرقام */
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #EFB700; /*لون إطار الأرقام عند لمسه بالماوس */
background-color:#00EFEF; /* لون مساحة الإطارعند لمسه بالماوس*/
}
.showpagePoint {
color::#EF2000; /* لون رقم الصفحة المفتوحة */
text-decoration:none;
border: 1px solid #FA2100; /* لون إطار رقم الصفحة المفتوحة */
background:#E9FA00; /*لون مساحة إطار رقم الصفحة المفتوحة */
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #A256C3; /* لون إطار "التالي, السابق" */
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#0AEA82; /*لون الأرقام */
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5; /* عدد المواضيع المراد عرضها في صفحة الواحدة*/
var displayPageNum=3; /* عدد الصفحات التي يتم إدراجها */
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Prevous';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.monte-escalier-prix.org">www.monte-escalier-prix.org</a></div>

بالاخير اضغط على حفظ وضعة بأسفل رسائل المدونة الاليكترونية كما ظاهر لنا بالصورة التالية :

ارجو بأن هذه الاضافة البسيطة اعجبتكم وانتظرونى باضافة اخرى جديدة .
هذه الاضافة تم نقلها من موقع www.abu-iyad.com

هناك 6 تعليقات :

  1. جميل جدا بس أخي أنا عندي ترقيم موسبق وأريد حذفة لاني عندما أضيف ترقيم يظهر بشكل مشوة
    ممكن تزيلة لي http://www.gulfup.com/?JqTEBs
    وشكرا يارائع

    ردحذف
  2. اهلا بك اخى احمد تم تحميل القالب وقمت بالبحث عن اضافة ترقيم الصفحات بالقالب ولم اجدة .

    اذا كان هذه الاضافة لم تعجبك فانتظرنى لكى اضع بعض الاضافات المتنوعة لهذه الخاصية

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

    واوعدك يا اخى الكريم انتظرنى فى القريب العاجل ساضع لك بعض الاضافات المختلفة لهذه الخاصية لكى تجد الاضافة المناسبة الذى تناسب قالبك لأن يوجد بعض الأكواد وبالأخص لغة الجافا السكربت تتعارض مع بعضها فبتالى تجد اضافة تعمل بشكل سليم واضافة اخرى تجدها مشوهة .

    ردحذف
  4. شكرا لك أخي ومنتظر جديدك وأرجوا أن تحل مشكلتي
    موضوع أخر هل بامكانك تطوير هذا القالب http://my-testblogging.blogspot.com/
    من حيث أضافة تسطير للإضافات وتغيير الخط الى خط تقني أفضل وهذا رابط التحميل للقالب :
    http://www.tqarob.com/wp-content/uploads/2013/08/jaridablogger1.zip

    ردحذف
  5. استفدت كثيرا من طريقة شرحكم لكيفية تحريك اسم المدونة ساجربه ان شاء الله شكرا

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف