Καλησπέρα σε όλους, σήμερα θα δούμε πώς βάζουμε αριθμούς στις σελίδες του
blog μας. Είναι
πολύ βοηθητικό στους επισκέπτες μας στο να μπορούν να μεταβούν γρηγορότερα από μια σελίδα σε μια άλλη και για να ξέρουν το σύνολο των σελίδων που υπάρχουν.
Ακολουθούν τα απαραίτητα βήματα για να ενσωματωθεί στο
blog.
Σημείωση: Καλώ είναι να δημιουργήσετε αντίγραφο ασφάλειας του προτύπου σας για να το επαναφέρετε σε τυχών λάθοι που προκύψουν.
- Σύνδεση στο λογαριασμό μας στο blogger
- Πρότυπο
- Επεξεργασία HTML
- Με ctr+f βρίσκουμε: ]]></b:skin>
- Πριν από αυτό επικολλούμε το πιο κάτω κώδικα
<![CDATA[.showpageArea {
margin:10px 0
}
.showpageArea a {
text-decoration:none;
}
.showpageNum a {
background-color:#ddd;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
font-size:11px;
border:1px solid #999;
padding:4px 8px 4px 8px;
margin:2px; color:#000;
text-shadow:1px 1px #fff
}
.showpageNum a:hover {
background:#eee;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #cdcdcd;
text-shadow:1px 1px #fff
}
.showpagePoint {
background:#eee;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #cdcdcd;
font-size:11px;
color:#000;
padding:4px 8px 4px 8px;
margin:0 5px 0 5px;
text-shadow:1px 1px #fff
}
.showpageOf {
background:#ddd;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#111;
padding:4px 8px 4px 8px;
margin:0 5px 0 5px
}
.showpage a {
background:#ddd;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#000;
padding:4px 8px 4px 8px;
text-shadow:1px 1px #fff
}
.showpage a:hover {
background:#ccc;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
border:1px solid #999;
font-size:11px;
color:#000;
text-shadow:1px 1px #fff
}
.showpageNum a:link, .showpage a:link {
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
-goog-ms-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
color:#000
}
.rel-posts h4 {
margin:0;
padding:0
}
#permalink {
padding:0 5px;
color:#ddd;
font-size:11px
}
#permalink2{
padding:0 5px;
color:#ddd;
font-size:11px
}
#blog-pager{width:98%;float:left;margin:6px 0 1px;padding:7px 0}.post img,table.tr-caption-container{padding:0px;border:1px solid #555}
]]>
Αφού το επικολλήσουμε βρίσκουμε το: </body> και επικολλούμε ακριβώς από πάνω το πιο κάτω κώδικα:
<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=4;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://lefta4klik.googlecode.com/files/arithmimenes-selides.js' type='text/javascript'></script>
<!--Page Navigation Ends -->
Αποθηκεύουμε το πρότυπο και βλέπουμε το αποτέλεσμα. Κανονικά θα δείτε κάτι σαν αυτό που έχω και εγώ.
na se rwthsw kati ginetai na kaneis format ta windows 7 xoris na xaseis to logismiko mono ta arxeia kai an ginetai pes mou pos
ΑπάντησηΔιαγραφήEuxaristw.
Παναγιώτη... μήπως ξέρεις να βάζεις υποσελιδες? π.χ. φτιάχνεις μια σελίδα αλά αντί να την έχεις σκέτη, από κάτω βάζεις και κάτι άλλα.. δηλαδή φτιάχνω μια σελίδα που το ονομάζω ποδόσφαιρο αντί μετά να φτιάξω άλλη σελίδα, πάνω σε εκείνη γράφω και το άλλο που θέλω .. να πιγένουν π.χ στο ποδόσφαιρο και από κάτω από το ποδόσφαιρο να βγάζει ένα άλλο όνομα που να έχω γράψει εγώ..
ΑπάντησηΔιαγραφήΔες τον οδηγό βίντεο στο άρθρο εδώ lefta4klik.blogspot.gr/2013/04/orizontio-css-menou-gia-to-blog.html. Πιστεύω θα σε βοηθήσει
ΑπάντησηΔιαγραφήναι παναγιωτη το ειδα το βιντεο αλλα και παλη δεν καταλαβα.. πωσ μπορω να το κανω.. να φιαηω μια σελιδα και μετα να βαλω αλλες που θελω απο κατω
ΑπάντησηΔιαγραφήapantise mou se parakalo..
ΑπάντησηΔιαγραφήpoli kalo na eisai kala :)
ΑπάντησηΔιαγραφήhttp://xazevo.blogspot.gr/
Ευχαριστώ!!!:)
ΑπάντησηΔιαγραφήpoli kalo!!!!
ΑπάντησηΔιαγραφήΠαρακαλώ :) Χαίρομαι που σας άρεσε!
ΑπάντησηΔιαγραφή