Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




10 Αρίθμηση των Σελίδων Αναρτήσεων

Νέοι bloggers γεια σας
Ενα πανέμορφο script σας δείχνει πολύ εύκολα και κατατοπιστικά την αρίθμηση των αναρτήσεων σας.Είναι κώδικας CSS, και δεν επιβαρύνει το χρόνο στο άνοιγμα του blog σας.

Κάντε copy-paste (αντιγραφή-επικόλληση) τον παρακάτω κώδικα σαν gadget / javaScript πατήστε αποθήκευση, και μετά μετακινείστε το gadget ΑΚΡΙΒΩΣ ΚΑΤΩ ΑΠΟ ΤΙΣ ΑΝΑΡΤΗΣΕΙΣ ΣΑΣ .


<style type="text/CSS">
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #FFFFFF;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid FFFFFF;
background-color:#F6F6F6;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #000000;
background: #FFFFFF;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #000000;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000000;
}
</style>
<script type="text/JavaScript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".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 = 10;
var displayPageNum = 5;
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 += '<span class="showpagePoint">'+thisNum+'</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 = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
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>


***Πολύ σημαντικό, να μεταφέρετε το (κουτάκι) gadget ακριβώς κάτω από τις αναρτήσεις σας...
***Τα χρώματα (σκούρα) είναι ρυθμισμένα για ανοιχτόχρωμο φόντο.Βρείτε άλλα  χρώματα ΕΔΩ
***ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ: Δεν χρειάζεται να σβήσετε είτε τα βελάκια (αν έχετε βάλει) είτε τη φράση "παλαιότερες η νεότερες αναρτήσεις" ...αυτός ο κώδικας θα καλύψει όλα τα υπόλοιπα που έχετε προϋπάρχουν για τις σελίδες των αναρτήσεων...(και αν κομπλάρει, θα δείξει ότι προϋπήρχε σε εκείνο το χώρο (δηλ. βελάκια, η φράση)

Πατήστε ΑΠΟΘΗΚΕΥΣΗ και είστε έτοιμοι !!!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
ΠΗΓΗ: (το βρήκα σε πολλά blogs, ενδεικτικά θα βάλω 2 :  
1. http://snifan.blogspot.com
2. http://ekabitis-tips-tricks.blogspot.com/ 
(από τον φίλο εκαβίτη, πήρα τις περισσότερες πληροφορίες)
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

10 σχόλια:

Spiros Matzik είπε...

ΠΟΛΥ ΚΑΛΟ ΠΑΝΤΕΛΗ!!!ΗΔΗ ΤΟ ΕΧΩ ΒΑΛΕΙ ΣΤΟ ΜΠΛΟΚ ΜΟΥ!!!

onlyfreegr-admin1 είπε...

Πολύ ενδιαφέρον παιδιά, αλλά σε εμένα δεν πιάνει, δεν λειτουργεί. Ίσως επειδή το βάζει αυτόματα απο το template μου αυτο το gadget ακριβώς απο κάτω απο αυτό που λεεί αρχικη σελίδα - Παλαιότερες αναρτήσεις.
Μήπως μπορείτε να με βοήθησετε να το φτιάξουμε ή να εξαφανίσουμε το αρχική σελίδα?
email: onlyfreegr@gmail.com

pandelees karagiann είπε...

Φιλε μου θα δω το πηγαιο κωδικα του blog σου, και θα δω αν εχω τη δυνατότητα να το φτιάξουμε...θα σου στείλω email

P. T. είπε...

Πολύ ωραίες συμβουλές δίνεις. Εγώ είμαι παλιός μπλογκερ, αλλά διαβάζοντας εδώ, νιώθω σαν μαθητούδι!! Ρίξε μια ματιά στο http://politikisatira.blogspot.com, που έχω ενσωματώσει αρκετές απ' τις ιδέες σου!

Παναγιώτης Τουμάσης

jnews είπε...

Φίλε μου σ' ευχαριστώ πολύ οι συμβουλές σου με έχουν βοηθήσει πάρα πολύ,το συγκεκριμένο όμως δεν γίνεται με τίποτα αν και φαίνεται πού απλό,αν μπορείς να βοηθήσεις θα ήμουν υπόχρεος dimxar@gmail.com

pandelees karagiann είπε...

jnews σου εστειλα μειλ...ευχαριστως να βοηθησω !

firemastersface Andreas Rigas είπε...

ευχαριστω Παντελη

Zoey Bax είπε...

ουτε και εγώ είδα κάποια διαφορά!

Dim_Not είπε...

Αγαπητέ Παντελή,

Χρειάζομαι απεγνωσμένα τη βοήθεια σου!!!
Το έχω δοκιμάσει σε ένα demo blog και δεν το εμφανίζει, άλλαξα Template και είναι ok, το πρόβλημα είναι ότι θα κρατήσω τελικά το template που δεν το εμφανίζει....
τι μπορεί να φταίει???

Σε ευχαριστώ...

pandelees karagiann είπε...

Προφανως Dim_not στο μπλογκ που δεν στο εμφανιζει να συγκρούεται με τον κωδικα Css του μπλογκ...
δηλαδη, ...αν οι αριθμοι και το background του κωδικα που δινω ειναι ΑΣΠΡΟΙ και το φοντο στο μπλογκ σου ειναι ασπρο, δεν θα φανει καθολου, αλλα αυτο λογικα θα ειναι εκει...πεφτει το ασπρο επανω σε ασπρο...
(υποθεσεις κανω...αφου ολοι ρωτανε κατι, χωρις να βαλουν μια διευθυνση απο το μπλογκ τους)