Colored Page Navigation Widget For Blogger (5 Styles). |  Στάλες στο γαλάζιο ® <link href='http://3.bp.blogspot.com/-yBJDQBDd5SA/T0fj60NqRxI/AAAAAAAAMwU/bhY3WJ8009I/s72-c/Colored%2BPage%2BNavigation%2BWidget%2BFor%2BBlogger.jpg' rel='https://4.bp.blogspot.com/-ucvLyH7G8ns/WNrpJ42EDOI/AAAAAAAAfwo/V5doGhzXC8QztinTcD9Jfy_YBPCPzpPOgCLcB/s640/Stales_sto_Galazio.jpg'/>

0


Μια ανάρτηση με 5 σχέδια για αριθμημένη πλοήγηση στο blogger για να διαλέξετε αυτό που σας αρέσει!Αυτό το script αντικαθιστά το στάνταρ blog pager που υπάρχει (Νεότερες Αναρτήσεις, Αρχική Σελίδα, Παλαιότερες Αναρτήσεις), με πέντε χρωματιστά σχέδια αριθμημένης μορφής.
Ας πάμε να το δούμε λοιπόν πως θα τα βάλουμε στο blog μας:
θα μπείτε στο Πίνακα ελέγχου σας & μετά >>> Σχεδίαση >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....
]]</b:skin>
Μόλις το βρείτε & πριν από το κλείσιμο του ]]</b:skin> (δηλαδή:στην προϋγούμενη γραμμή) θα προσθέσετε όποιο σχέδιο σας αρέσει από τα παρακάτω.
ΣΧΕΔΙΟ 1ο:
<!--Colored-Page-Navigation-1-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.showpageArea{font-weight:bold;margin:5px} .showpageArea a{text-decoration:underline;color:#fff} .showpageNum a,.showpage a{text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background:#9dd53a; background:-moz-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); background:-webkit-gradient(linear,left top,left bottom, color-stop(0%,#9dd53a),color-stop(50%,#a1d54f),color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 )} .showpageNum a:hover,.showpage a:hover{border:1px solid #ccc; background:#6db3f2; background:-moz-linear-gradient(top,#6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6db3f2), color-stop(50%,#54a3ee),color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 )} .showpagePoint{color:#aaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background:#e2e2e2; background:-moz-linear-gradient(top,#e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2e2e2),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 )} .showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0} .showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff}
</style>
<!--Colored-Page-Navigation-1-STOPS-Widget-by-http://loneeagle110.blogspot.com-->
ΣΧΕΔΙΟ 2ο:
<!--Colored-Page-Navigation-2-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.showpageArea{font-weight:bold;margin:5px} .showpageArea a{text-decoration:underline;color:#fff} .showpageNum a,.showpage a{text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background:#789EB1; background:-moz-linear-gradient(top,#789EB1 0%,#618FA7 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#789EB1), color-stop(100%,#618FA7)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#789EB1', endColorstr='#618FA7',GradientType=0 )} .showpageNum a:hover,.showpage a:hover{border:1px solid #ccc; background:#7d7e7d; background:-moz-linear-gradient(top,#7d7e7d 0%,#6B6B6B 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d), color-stop(100%,#6B6B6B)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#6B6B6B',GradientType=0 )} .showpagePoint{color:#aaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background:#e2e2e2; background:-moz-linear-gradient(top,#e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2e2e2),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 )} .showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0} .showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff}
</style>
<!--Colored-Page-Navigation-2-STOPS-Widget-by-http://loneeagle110.blogspot.com-->
ΣΧΕΔΙΟ 3ο:
<!--Colored-Page-Navigation-3-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.showpageArea{font-weight:bold;margin:5px} .showpageArea a{text-decoration:underline;color:#fff} .showpageNum a,.showpage a{text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background:#f85032; background:-moz-linear-gradient(top,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f85032),color-stop(50%,#f16f5c), color-stop(51%,#f6290c),color-stop(71%,#f02f17), color-stop(100%,#e73827)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 )} .showpageNum a:hover,.showpage a:hover{border:1px solid #ccc; background:#aebcbf; background:-moz-linear-gradient(top,#aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#aebcbf),color-stop(50%,#6e7774),color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 )}.showpagePoint{color:#aaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background:#e2e2e2; background:-moz-linear-gradient(top,#e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2e2e2),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 )}
.showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0}.showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff}
</style>
<!--Colored-Page-Navigation-3-STOPS-Widget-by-http://loneeagle110.blogspot.com-->
ΣΧΕΔΙΟ 4ο:
<!--Colored-Page-Navigation-4-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.showpageArea{font-weight:bold;margin:5px}.showpageArea a{text-decoration:underline;color:#fff}.showpageNum a,.showpage a{text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px;background:#ffb76b;background:-moz-linear-gradient(top,#ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(50%,#ffa73d),color-stop(51%,#ff7c00),color-stop(100%,#ff7f04));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0 )}
.showpageNum a:hover,.showpage a:hover{border:1px solid #ccc;background:#9dd53a;background:-moz-linear-gradient(top,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#9dd53a),color-stop(50%,#a1d54f),color-stop(51%,#80c217),color-stop(100%,#7cbc0a));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a',endColorstr='#7cbc0a',GradientType=0 )}
.showpagePoint{color:#aaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background:#e2e2e2; background:-moz-linear-gradient(top,#e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2e2e2),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 )}
.showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0}
.showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff}
</style>
<!--Colored-Page-Navigation-4-STOPS-Widget-by-http://loneeagle110.blogspot.com-->
ΣΧΕΔΙΟ 5ο:
<!--Colored-Page-Navigation-5-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.showpageArea{font-weight:bold;margin:5px}.showpageArea a{text-decoration:underline;color:#fff}.showpageNum a,.showpage a{text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px;background:#3b679e;background:-moz-linear-gradient(top,#3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3b679e),color-stop(50%,#2b88d9),color-stop(51%,#207cca),color-stop(100%,#7db9e8));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e',endColorstr='#7db9e8',GradientType=0 )}
.showpageNum a:hover,.showpage a:hover{border:1px solid #ccc;background:#aebcbf;background:-moz-linear-gradient(top,#aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#aebcbf),color-stop(50%,#6e7774),color-stop(51%,#0a0e0a),color-stop(100%,#0a0809));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf',endColorstr='#0a0809',GradientType=0 )}
.showpagePoint{color:#aaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px;background:#e2e2e2;background:-moz-linear-gradient(top,#e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2e2e2),color-stop(50%,#dbdbdb),color-stop(51%,#d1d1d1),color-stop(100%,#fefefe));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2',endColorstr='#fefefe',GradientType=0 )}
.showpageOf{text-decoration:none;padding:3px;margin:0 3px 0 0}.showpageNum a:link,.showpage a:link{text-decoration:none;color:#fff}
</style>
<!--Colored-Page-Navigation-5-STOPS-Widget-by-http://loneeagle110.blogspot.com-->
Το επόμενο βήμα είναι να ψάξετε να βρείτε την γραμμή αυτή....
</body>
Μόλις την βρείτε στην αμέσως προυγούμενη γραμμή επικολλήστε τον παρακάτω κώδικα.
<!--Colored-Page-Navigation-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://scriptsrb.googlecode.com/files/pagination.js' type='text/javascript'/>
<!--Colored-Page-Navigation-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Σημείωση!!!!
Στα χρωματισμένα σημεία αλλάξτε τον αριθμό 5 με τα νούμερα που θέλετε εσείς.
var postperpage=5; // ο αριθμός των αναρτήσεων που θα εμφανίζονται στην αρχική σας σελίδα
var numshowpage=5; // ο αριθμός των αναρτήσεων που θα εμφανίζονται στις υπόλοιπες σελίδες

Τέλος κάνετε προεπισκόπηση του ιστολογίου σας κι αν δε σας βγάλει κάποιο λάθος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!

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

Παρακαλώ, την προσοχή σας ! ! !

* Εάν εντοπίσετε κάποιο πρόβλημα σε κάποια δημοσίευση (μη ενεργός συνδεσμος λ.χ. ή οτιδήποτε άλλο), παρακαλούμε κάντε τον κόπο να γράψετε στα σχόλιά σας, το οποιοδήποτε πρόβλημά σας, ώστε να προβούμε στην άμεση διόρθωσή του.
Επίσης, μπορείτε να αποστείλετε ένα "Ευχαριστώ" προς όσους ασχολήθηκαν & σας προσέφεραν ένα... κομμάτι από τη γνώση τους.

Παράκληση προς τους φίλους αναγνώστες-σχολιαστές:

* Να αποφεύγετε να γράφετε με greekglish γιατί τα σχόλιά σας ΔΕΝ θα γίνονται δεκτά.
* Αποφεύγετε το spamάρισμα στα σχόλια. - Please don't spam me!
* Σε περίπτωση που δεν έχετε καταλάβει κάτι, επικοινωνήστε μαζί μας μέσα από την φόρμα των σχολίων και θα σας απαντήσουμε σε εύλογο χρόνο, γι' αυτό ΜΗΝ καταφεύγετε στη αποστολή e-mail για τις όποιες απορίες σας.
* Χρησιμοποιήστε το Reply (που βρίσκεται κάτω από την εικόνα χρήστη), αν θέλετε να του απευθύνετε το λόγο, ή να απαντήσετε σε προυγούμενο σχόλιο.
* Το μέγιστο όριο χαρακτήρων είναι 4.096
* Τα σχόλιά σας θα δημοσιεύονται μετά τον απαραίτητο έλεγχο.

Σημείωση: Όσοι θέλετε να παίρνετε ειδοποιήσεις για τα σχόλια που κανετε, μην ξεχάσετε να τικάρετε το κουμπί "Να λαμβάνω ειδοποιήσεις"

Σας Ευχαριστούμε για την κατανόηση και την επίσκεψή σας.!

 
Top
Blogger Tutorials

Δημιουργήστε τώρα ένα ιδανικό ιστολόγιο, χωρίς να ξοδέψετε ούτε 1€.Περισσότερα από 500 tutorials είναι στη διάθεσή σας.
Οι διαχειριστές του ιστολογίου «Στάλες στο γαλάζιο» σας συμβουλεύουν...
Αποφεύγετε την οποιαδήποτε προσφερόμενη "βοήθεια" από τυχάρπαστους και κατ' επίφαση "web designers", που από ιδιοτέλεια και μόνο προσπαθούν να εκμεταλλευθούν την άγνοιά σας!!!
Με εκτίμηση
«Στάλες στο γαλάζιο»
:-)