Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Αριθμημένες σελίδες αναρτήσεων


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλημέρα σε όλους και καλές γιορτές να έχετε!
Είμαι ο ekabitis, και χθές έβαλα στο blog μου ένα καλό widget, και είπα να το μοιραστώ μαζί σας για να το βάλει όποιος θέλει. Πρόκειτε για τις αριθμημένες σελίδες που φαίνονται στο τέλος όλων των αναρτήσεων, και αντικαθιστά το "νεότερες αναρτήσεις", "Αρχική σελίδα", "παλαιότερες αναρτήσεις".
Κοιτάξτε την φωτό για να καταλάβετε τι εννοώ.


Το καλό με αυτό το widget είναι ότι δεν πειράζουμε καθόλου τον κώδικα της σελίδας μας, καθώς είναι ένα απλό widget! Όποτε το βαρεθούμε δηλαδή, το βγάζουμε και επανέρχετε το blog μας στην αρχική του κατάσταση.
Ο κωδικός είναι αυτός.

<style type="text/CSS">
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #7AA1C3;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #7AA1C3;
background-color:#F6F6F6;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #7AA1C3;
background: #F6F6F6;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #7AA1C3;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#7AA1C3;
}
</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"></sc

Πάμε στην Διάταξη-->Στοιχεία σελίδας-->Προσθήκη gadget-->HTML/JavaScript και κάνουμε επικόληση τον παραπάνω κώδικα.
Το κομμάτι του κώδικα, με το καφέ χρώμα (var pageCount = 10), μας δείχνει πόσες αναρτήσεις θα έχει η κάθε σελίδα. Μπορείτε να το αλλάξετε, και να βάλετε το επιθυμητό, για εσάς, νούμερο.
Πατάμε αποθήκευση αλλά δεν τελειώσαμε!
Παίρνουμε το widget και με drag and drop το βάζουμε κάτω από το πλαίσιο των αναρτήσεων.
Δείτε την παρακάτω φωτό για να καταλάβετε.
Image and video hosting by TinyPic
Πατάμε ξανά αποθήκευση, και τελειώσαμε.
Πανεύκολο ε?
Αν πάτε τώρα στην σελίδα σας, κάτω από τις αναρτήσεις θα δείτε όλες τις σελίδες των αναρτήσεών σας αριθμημένες!

Stumble
Delicious
Technorati
Twitter
Facebook

25 comments:

GEORGEPER είπε...

ΠΟΛΥ ΜΑ ΠΑΡΑ ΠΟΛΥ ΚΑΛΟ ΤΟ ΠΑΡΑΠΑΝΩ WIDGET TO ΕΨΑΧΝΑ ΠΟΛΥ ΚΑΙΡΟ ΤΩΡΑ

ΠΟΛΛΑ ΜΠΡΑΒΟ ΣΤΟΝ EKABITI ΚΑΙ ΣΤΟΝ JOHNPATRA

ekabitis είπε...

Να 'σαι καλά φίλε GEORGEPER

BbisbosS είπε...

Και φέτο την ανάσταση ευχή καρδιάς θα κάνω, η μοίρα να σκορπά χαρές να περπατείς απάνω!

Apokalipsis999 είπε...

Πολύ ενδιαφέρον widget.
Καλή Ανάσταση με υγεία.

X STUDIO 817 είπε...

SE EYXARISTO POLY..DOYLEYEI POLY KALA.
EIXA DOKIMASEI KATI ALLA POLYPLOKA KAI TA EIXA KANEI MANTARA..

KALO PASXA KAI KALH ANASTASH

ekabitis είπε...

Παιδιά Καλό Πάσχα σε όλους.
Ευχαριστώ για τα σχόλιά σας!

Suspect είπε...

ευγε, πολυ καλο! :)

ekabitis είπε...

Thanks Suspect.

fygasg1 είπε...

pedia ego exo ena provlima..vgeni apo kato ari8mi me selidas..alla otan patao na pao stin defteri xanonte ola k vgenun mono 2 anartisis mu pu idi ipirxan k stin proti selida

Suspect είπε...

χμμμμμμμ
και εγω δεν θα ελεγα οτι ειμαι ενθουσιασμενος γιατι οταν πχ πατας τη σελιδα 2 ή 3 σου βγαζει μονο 2 αναρτησεις ανα σελιδα!
Αν δεν υπαρχει τροπος να διορθωθει, θα το επαναφερω οπως ηταν.

Suspect είπε...

ok, το βρήκα.

αν αλλαξει κάποιος αυτο:

var pageCount = 2;
και αντι του 2 βάλει 10,

θα ερχονται οι προηγουμενες σελιδες με 10 αναρτησεις! :)

ekabitis είπε...

Παιδιά, χίλια συγνώμη για την καθυστέρηση των απαντήσεων στα σχόλιά σας.
Νομίζω ότι ο Suspect, απάντησε για σας. Είναι όντως έτσι.
Και το λάθος στον κώδικα είναι δικό μου. Θα το διορθώσω άμεσα.

X STUDIO 817 είπε...

στη πρωτη σελιδα δεν εμφανιζεται(δειχνει το older post).
apo δευτερη και μετα ειναι ενταξει(δειχνει τη 3 για 4 κλπ)
καμια βοηθεια???
ευχαριστω προκαταβολικα

ekabitis είπε...

X STUDIO 817, ομολογώ ότι τέτοιο πρόβλημα δεν έβγαλε σε κανένα blog που το έβαλε (απ' ότι ξέρω).
Κάνε μια προσπάθεια και βάλτο ξανά από την αρχή, μήπως και έγινε κάτι λάθος κατά την διαδικασία εγκατάστασης.
Άφησε, αν θες, και ένα σχόλιο μετά, για να μάθουμε αν τα κατάφερες.

X STUDIO 817 είπε...

δυστυχως επιμενει.
το ειχα χρησημοποιησει και παλαιοτερα οταν το ειχες πρωτοποσταρει και επαιζε κανονικα.
τωρα δε ξερω γιτι το κανει.

Suspect είπε...

μην το παρεις φιλε προσωπικα, ( εχεις πει τοσα και τοσα χρησιμα αλλα φανταζομαι πως θελεις να ξερεις και τη γνωμη του κοινου για τις προτασεις σου ) αλλα το συγκεκριμενο widjet ειναι μαπα.

περαν οτι δουλευει με τα κεφια του, αν πας πχ σε εναν μπλογκ και θελεις να δεις μονο μια κατηγορια ποστς συμφωνα με την κατηγοριοποιηση του μπλογκετ ( πχ παω στο ταδε μπλογκ και θελω να δω μονο τα αθλητικα και οχι τις πολιτικες αποψεις ) στη μια σελιδα σου βγαζει 5 στην αλλη ενα, στην αλλη 4.

εγω παντως το εβγαλα και δεν το προτεινω.

Ανώνυμος είπε...

Πολύ καλό μπράβο σας παιδιά ;D :D :D

Ελισσάβετ Γεωργιάδη είπε...

Εγώ τώρα το ανακάλυψα αλλά υπάρχει ένα πρόβλημα. Ωραίο, ενδιαφέρον, εύκολο αλλά λείπουν αναρτήσεις τριών μηνών. Ουσιαστικά οι πρώτοι τρεις μήνες του ιστολογίου έχουν εξαφανιστεί. Σαν να μην υπάρχουν αναρτήσεις. Μόνο από την αρχειοθήκη μπορεί κάποιος αναγνώστης να τις δει.
Γιατί συμβαίνει αυτό; Κανονικά δεν θα έπρεπε να περιλαμβάνει όλες τις αναρτήσεις; Μήπως πρέπει να αλλάξουμε και κάτι άλλο;
Αν πατήσετε στο Mamma El θα σας βγάλει στο ιστολόγιο μου. Δείτε το λίγο και πείτε μου τι φταίει γιατί πραγματικά μου αρέσει το συγκεκριμένο widget. Να σημειώσω εδώ ότι και με το HTM κώδικα που βάζεις κάνει το ίδιο. Παράξενο.

Unknown είπε...

ΠΟΛΥ ΚΑΛΟ ΕΥΧΑΡΙΣΤΩ

ioanalaman@gmail.com είπε...

Τέλειο παιδιά.Σιγά σιγά μας ολοκληρώνεται σαν blogers

Ανώνυμος είπε...

Καλησπέρα

Αν στο blog έχει βάλει 15 αναρτήσεις/σελίδα, στο gadget βάζεις 16 και όλα δουλεύουν μια χαρά!!! :)

http://www.pk-news.gr/

Ανώνυμος είπε...

xthes mou to evgaze me arithmous .. kai simera pou den to vgazei me arithmous tis anarthseis ... mhpws ksereis giati ????

ta nea mas greek είπε...

pedia to exo perasi ala den mou doulevi sosta an kapios pou kseri mpori na epikinonisi mazimou ??
efxaristo 6982532144 paris

jump-jump είπε...

Δεν δουλεύει σε 'μενα.. Κρίμα και το ήθελα..

ΒΟΤΑΝΟΘΕΡΑΠΕΙΑ είπε...

Μάταια να επιμένω, δεν το δέχεται με τίποτα. Μου τρώει τις σελίδες!!!!
Σ'ευχαριστώ..

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *