Print Friendly & PDF Button for your blogger posts
Καλησπέρα στους αναγνώστες του bloggertips.gr
Σήμερα θα δούμε ένα ακόμη ενδιαφέρον tip, το “Print Friendly & PDF Button“, μέσω του οποίου οι αναγνώστες σας θα μπορούν να εκτυπώνουν τις αναρτήσεις σας ή να τις κατεβάζουν στον υπολογιστή τους σε μορφή pdf.
Διαδικασία:
1. Σύνδεση στο λογαριασμό blogger
2. Σχεδίαση
3. Επεξεργασία HTML
4. Επέκταση προτύπων γραφικών στοιχείων
5. Με “Ctrl + F” αναζητούμε το “<div class=’post-footer’>” (αν εμφανίζει δυο αποτελέσματα, μας ενδιαφέρει το πρώτο) και αμέσως μετά από αυτό επικολλούμε τον παρακάτω κώδικα:
<b:if cond=’data:blog.pageType == "index"’>
<a class=’printfriendly’ expr:href=’data:post.url + "?pfstyle=wp"’ style=’ color:#6D9F00; text-decoration:none;’ title=’Printer Friendly and PDF’>
<img alt=’Print Friendly and PDF’ src=’http://cdn.printfriendly.com/pf-print-icon.gif’ style=’border:none;’/>
<span style=’font-size:16px; margin:0 8px 0 3px;’>Print</span>
<img alt=’Print Friendly and PDF’ src=’http://cdn.printfriendly.com/pf-pdf-icon.gif’ style=’border:none;’/>
<span style=’font-size:16px; margin:0 8px 0 3px;’>PDF</span></a><b:else/>
<script src=’http://cdn.printfriendly.com/printfriendly.js’ type=’text/javascript’/>
<a class=’printfriendly’ href=’http://www.printfriendly.com’ onclick=’window.print(); return false;’ style=’ color:#6D9F00; text-decoration:none;’ title=’Printer Friendly and PDF’>
<img alt=’Print Friendly and PDF’ src=’http://cdn.printfriendly.com/pf-print-icon.gif’ style=’border:none;’/>
<span style=’font-size:16px; margin:0 8px 0 3px;’>Print</span>
<img alt=’Print Friendly and PDF’ src=’http://cdn.printfriendly.com/pf-pdf-icon.gif’ style=’border:none;’/>
<span style=’font-size:16px; margin:0 8px 0 3px;’>PDF</span></a></b:if>
</b:if>
(Αν αφήσετε τον κώδικα όπως είναι, τα κουμπιά δε θα εμφανίζονται στην αρχική σελίδα αλλά μόνο στις σελίδες των αναρτήσεων. Αν θέλετε τα κουμπιά να εμφανίζονται και στην αρχική σελίδα, σβήνετε τις 2 σειρές που επισήμανα με έντονη γραφή -bold-)
6. Αποθήκευση προτύπου και είμαστε έτοιμοι!
Μπορείτε να δείτε πως θα εμφανίζονται τα κουμπιά κάτω από τον τίτλο της παρούσας ανάρτησης.
Αν δε σας αρέσουν τα κουμπιά όπως είναι τώρα, μπορείτε να προσθέσετε κουμπιά που επιτελούν την ίδια λειτουργία αλλά διαφέρουν εμφανισιακά.
Παρακάτω θα σας δώσω 3 κουμπιά και διαλέγετε όποιο θέλετε. Κάθε κουμπί συνοδεύεται από τον κώδικά του και για να το προσθέσετε απλά βάζετε τον κώδικά του αντί του κώδικα που σας έδωσα στο βήμα 5!
Κώδικας:
<b:if cond=’data:blog.pageType == "index"’><a expr:href=’data:post.url + "?pfstyle=wp"’ style=" color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-big.gif" alt="Print Friendly and PDF"/></a><b:else/><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-big.gif" alt="Print Friendly and PDF"/></a></b:if>
</b:if>
Κώδικας:
<b:if cond=’data:blog.pageType == "index"’><a expr:href=’data:post.url + "?pfstyle=wp"’ style=" color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a><b:else/><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a></b:if>
</b:if>
Κώδικας:
<b:if cond=’data:blog.pageType == "index"’><a expr:href=’data:post.url + "?pfstyle=wp"’ style=" color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf_button_sq_grn_l.png" alt="Print Friendly and PDF"/></a><b:else/><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf_button_sq_grn_l.png" alt="Print Friendly and PDF"/></a></b:if>
</b:if>
Πηγή: Οι κωδικοί είναι από το: http://www.printfriendly.com/button
Copyrights: http://www.bloggertips.gr/
Post by Secra from Web in Greece
22
comments:
Γιάννης
είπε…
29 Αυγούστου 2011 – 5:26 μ.μ.
Secra
είπε…
Πατώντας μαζί το πλήκτρο Ctrl και το γράμμα F εμφανίζεται ένα μικρό παράθυρο που γράφεις μέσα το κείμενο που θες να βρεις.
Ποιον browser έχεις;
29 Αυγούστου 2011 – 5:49 μ.μ.
techandtech
είπε…
εξαιρετικο και χρησιμο.
μια ερωτηση,το blog παραμενει του Γιαννη η ειναι υπο νεα διευθυνση;
29 Αυγούστου 2011 – 6:14 μ.μ.
Secra
είπε…
Το blog είναι πάντα του Γιάννη, ο οποίος δε γράφει τώρα τελευταία πολύ λόγω έλλειψης χρόνου. 🙂
Νά 'σαι καλά!
29 Αυγούστου 2011 – 6:16 μ.μ.
Γιάννης
είπε…
2 Σεπτεμβρίου 2011 – 8:01 μ.μ.
Secra
είπε…
Ωραία οπότε πατώντας Ctrl + F θα σου εμφανίζει πάνω δεξιά το πλαίσιο.
Διαφορετικά πας στις επιλογές πατώντας το εργαλείο πάνω δεξιά και πατάς "Εύρεση".
3 Σεπτεμβρίου 2011 – 12:23 π.μ.
Γιάννης
είπε…
3 Σεπτεμβρίου 2011 – 1:44 μ.μ.
Γιάννης
είπε…
Ευχαριστώ για την βοήθεια
12 Σεπτεμβρίου 2011 – 10:24 μ.μ.
andreas
είπε…
ΕΜΕΝΑ ΔΕΝ ΤΟ ΒΡΗΣΚΕΙ ΤΟΝ ΚΩΔΙΚΑ ΠΑΙΖΕΙ ΡΟΛΟ ΚΑΘΟΛΟΥ Ο BROWSER ΧΡΗΣΗΜΟΠΟΙΩ MOZILA FIRE FOX ΕΥΧΑΡΗΣΤΩ ΑΝΔΡΕΑΣ
14 Σεπτεμβρίου 2011 – 2:58 μ.μ.
Ανώνυμος
είπε…
Πολύ καλό!Ευχαριστούμε.
16 Σεπτεμβρίου 2011 – 10:21 π.μ.
Ανώνυμος
είπε…
Ευαριστώ είναι πολυ καλό.Έχω όμως ένα μικρό προβλημα τα εικονίδια εμβανίζονται στο τέλος της ανάρτησης και οχι κάτω από τον τίτλο της ανάρτησης.;Όποιος γνωρίζει γιατί ας με βοηθήσει…Ευχαριστώ προκαταβολικά !!!
23 Σεπτεμβρίου 2011 – 11:15 π.μ.
Ανώνυμος
είπε…
Στην αναζήτηση δεν μου βρίσκει το "< class='post-footer'>"
μου λέει δεν υπάρχουν αποτελέσματα
20 Οκτωβρίου 2011 – 2:30 μ.μ.
Κλάρα
είπε…
Εγώ επικόλλησα τον κώδικα, αλλά … πουθενά το εικονίδιο στο blog μου..! 🙁
14 Δεκεμβρίου 2011 – 12:30 π.μ.
Wallace
είπε…
Καλά, είναι τέλειο!
ευχαριστούμε πολύ 🙂
2 Ιανουαρίου 2012 – 12:11 π.μ.
gorbi
είπε…
ο κωδικος δεν υπαρχει φιλε μου δεν μου το βγαζει
7 Ιανουαρίου 2012 – 6:29 μ.μ.
Asterios Saltzidis
είπε…
Ουτε εμενα κατι αλλο εχουμε;;
29 Ιανουαρίου 2012 – 10:16 μ.μ.
kathycallie
είπε…
Θα εκτυπώνει μόνο την ανάρτηση ξεχωριστά ή όλη την σελίδα του blog;
2 Φεβρουαρίου 2012 – 10:48 μ.μ.
Asterios Saltzidis
είπε…
oloi την σελιδα το εβαλα εγω δες εδω www.katarraktisvillage.com ανοιξε ενα θεμα και κανε αποθηκευσει σε pdf na το δεις
2 Φεβρουαρίου 2012 – 10:55 μ.μ.
sofia-avon
είπε…
Τέλειο!!! Ευχαριστώ πολύ!!
2 Μαΐου 2012 – 11:20 μ.μ.
Christie
είπε…
Ευχαριστώ πολυ! τέλειο δείχνει, μόνο που βγαίνει και στην αρχική σελίδα κι ας ακολούθησα τις οδηγίες. Δεν πειράζει όμως, καλό είναι κι έτσι:)))
3 Δεκεμβρίου 2012 – 3:48 μ.μ.
Ανώνυμος
είπε…
υπαρχη τρόπος να μασ δείχνει τον αριθμό εκτυπώσεων και να στελνη στο μαιλ μου μήνυμα οτι εχο απο κάποιον Εκτύπωση;;σν θελετε απαντηστε μου εδω.getprofit2013@gmail.com. .αν υπάρχει έτοιμο gadget.
9 Φεβρουαρίου 2014 – 4:18 μ.μ.
ΙΡΙΣ ΡΟΔΗ ΣΙΟΝΑΚΙΔΟΥ
είπε…
καλησπερα ..
ρο προσθεσα αλλα δεν εμφανιζεται .. τι μπορει να φταει ?
ευχαριστω
23 Ιανουαρίου 2016 – 12:30 π.μ.
Δημοσίευση σχολίου
Παρακαλούμε τους φίλους αναγνώστες:
ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ
Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.