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

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

انتقل للوحة التحكم >> التخطيط >> فى أداة أسفل رسائل المدونة الالكترونية 

ضع هذا الكود 

  <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 = 'الأولى'; var endPageWord = 'الأخيرة'; var upPageWord ='السابق'; var downPageWord ='التالى'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post;
post = json.feed.entry[i];
i++)
 }

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(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))}

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)}

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)}

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)
 }

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=9" type="text/javascript"></script>

ثم قم بحفظ الاداة

لاحظ الأجزاء الملونة فى الكود السابق وغيرها بما يناسبك 

♫ دمتم فى رعاية الله متابعى مدونة ابداعاتى الكرام ♫