728x90 AdSpace

طريقة ترقيم الصفحات فى بلوجر

سوف اشرح فى هذا الموضوع افضل طريقة لترقيم الصفحات فى المدونة بلوجر - يعد ترقيم الصفحات من اهم الاضافات التى يجب توافرها على اى مدونة حيث تسهل للزائر تصفح المدونة بدون شقاء وعناء
طريقة ترقيم الصفحات فى بلوجر
ترقيم الصفحات فى بلوجر
قمت بالبحث كثيراا عن هذه الأضافة وكانت دائما تفشل معى !!
ولكن الحمد لله وجدت الطريقة من شرح للأستاذ ذؤيب
الطريقة
أولا
من لوح تحكم مدونتك 
و تحت تبويب تخطيط 
ثم تختار "عناصر الصفحة"
ثم تضيف إداة Html/Javascript جديدة

واضف الكود التالى بهذه الأداة


<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</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 ='Previous';
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.techieblogger.com/2008/07/page-navigation-hack-for-blogger.htm">Grab this Widget ~ Blogger Accessories</a></div>
بعد ذلك اسحب الاداه كما بالصورة لكى يظهر الترقيم تحت المواضيع
طريقة ترقيم الصفحات فى بلوجر
ونقوم بالتعديل على هذا الجزء لكى يتوافق معنا

 من هذا الجزء من الكود:
var pageCount=5;  عدد المواضيع فى كل صفحة
  var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
* نقوم باستبدال الكلمات الإنجليزية "بعد علامة = " إلى العربية..

ومن هذا الجزء:
1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+':;
نقوم باستبدال "page" إلى "صفحة" و "of" إلى
"من".

****************

var pageCount=5;  عدد المواضيع فى كل صفحة
   var displayPageNum=3; عدد أرقام الصفحات
-------------------------
هذه التجربة قمت بتجربتها على قالب أخر ولم تنجح معى لكن عند أستخدام القالب الحالى الرائع من تعريب ذؤيب  نجحت الطريقة 

مع تحياتى
:)
جهاد حسين

شاب مصرى بدأت فى عالم الكمبيوتر بالتعديل على نسخ الويندوز ؛ ومن ثم اتجهت الى تصميم برامج للويندوز #اعمالى ؛ وكان لابد من أيجاد موقع لعرض برامجى وتقديم ما أعرفه لمساعده المستخدمين وللأستفاده من تجاربهم ولذلك قمت بأنشاء المدونة ولكى امتلك موقع مختلف أنجرفت مع تيار تصميم المواقع . عملت فى مجال صيانة أجهزه أبل (أيفون - أيباد - أجهزه الماك ) . والأن عدت الى عالم التدوين .

  • تعليقات بلوجر
  • تعليقات فيسبوك

3 التعليقات:

  1. جزاك الله خيرا على الشروحات الرائعة

    ردحذف
  2. تشرفت بمرورك الطيب

    ردحذف
  3. السلام عليكم
    ارجو المساعدة
    في ترقيم الصفحات
    .عنما اضغط الصفحة التالية ياخذني للصفحة السادسة وبعده اذا ضغط التالي ايضا الي العاشرة ثم يذيد خمس صفحات وهكذا, واذا ضغط علي اي صفحة قبل السادسة يذهب للسادسة واذا ضغط السابعة مثلا يذهب للعاشرة
    ارجو المساعدة ضروري , وهذا رابط مدونتي للفهم اكثر
    http://myfriends22.blogspot.com/

    ردحذف