Blogger Tips – Tricks – Gadgets – Templates – Hacks

Print Friendly & PDF Button for your blogger posts



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Καλησπέρα στους αναγνώστες του 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 == "item"’>

<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 == "item"’>

<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 == "item"’>

<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 == "item"’>

<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: /




Post by Secra from Web in Greece


Stumble
Delicious
Technorati
Facebook


22
comments:

Γιάννης
είπε…

Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

Secra
είπε…

Πατώντας μαζί το πλήκτρο Ctrl και το γράμμα F εμφανίζεται ένα μικρό παράθυρο που γράφεις μέσα το κείμενο που θες να βρεις.
Ποιον browser έχεις;

techandtech
είπε…

εξαιρετικο και χρησιμο.
μια ερωτηση,το blog παραμενει του Γιαννη η ειναι υπο νεα διευθυνση;

Secra
είπε…

Το blog είναι πάντα του Γιάννη, ο οποίος δε γράφει τώρα τελευταία πολύ λόγω έλλειψης χρόνου. 🙂
Νά 'σαι καλά!

Γιάννης
είπε…

Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

Secra
είπε…

Ωραία οπότε πατώντας Ctrl + F θα σου εμφανίζει πάνω δεξιά το πλαίσιο.
Διαφορετικά πας στις επιλογές πατώντας το εργαλείο πάνω δεξιά και πατάς "Εύρεση".

Γιάννης
είπε…

Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

Γιάννης
είπε…

Ευχαριστώ για την βοήθεια

andreas
είπε…

ΕΜΕΝΑ ΔΕΝ ΤΟ ΒΡΗΣΚΕΙ ΤΟΝ ΚΩΔΙΚΑ ΠΑΙΖΕΙ ΡΟΛΟ ΚΑΘΟΛΟΥ Ο BROWSER ΧΡΗΣΗΜΟΠΟΙΩ MOZILA FIRE FOX ΕΥΧΑΡΗΣΤΩ ΑΝΔΡΕΑΣ


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

Πολύ καλό!Ευχαριστούμε.


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

Ευαριστώ είναι πολυ καλό.Έχω όμως ένα μικρό προβλημα τα εικονίδια εμβανίζονται στο τέλος της ανάρτησης και οχι κάτω από τον τίτλο της ανάρτησης.;Όποιος γνωρίζει γιατί ας με βοηθήσει…Ευχαριστώ προκαταβολικά !!!


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

Στην αναζήτηση δεν μου βρίσκει το "< class='post-footer'>"
μου λέει δεν υπάρχουν αποτελέσματα

Κλάρα
είπε…

Εγώ επικόλλησα τον κώδικα, αλλά … πουθενά το εικονίδιο στο blog μου..! 🙁

Wallace
είπε…

Καλά, είναι τέλειο!
ευχαριστούμε πολύ 🙂

gorbi
είπε…

ο κωδικος δεν υπαρχει φιλε μου δεν μου το βγαζει

Asterios Saltzidis
είπε…

Ουτε εμενα κατι αλλο εχουμε;;

kathycallie
είπε…

Θα εκτυπώνει μόνο την ανάρτηση ξεχωριστά ή όλη την σελίδα του blog;

Asterios Saltzidis
είπε…

oloi την σελιδα το εβαλα εγω δες εδω www.katarraktisvillage.com ανοιξε ενα θεμα και κανε αποθηκευσει σε pdf na το δεις

sofia-avon
είπε…

Τέλειο!!! Ευχαριστώ πολύ!!

Christie
είπε…

Ευχαριστώ πολυ! τέλειο δείχνει, μόνο που βγαίνει και στην αρχική σελίδα κι ας ακολούθησα τις οδηγίες. Δεν πειράζει όμως, καλό είναι κι έτσι:)))


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

υπαρχη τρόπος να μασ δείχνει τον αριθμό εκτυπώσεων και να στελνη στο μαιλ μου μήνυμα οτι εχο απο κάποιον Εκτύπωση;;σν θελετε απαντηστε μου εδω.getprofit2013@gmail.com. .αν υπάρχει έτοιμο gadget.

ΙΡΙΣ ΡΟΔΗ ΣΙΟΝΑΚΙΔΟΥ
είπε…

καλησπερα ..
ρο προσθεσα αλλα δεν εμφανιζεται .. τι μπορει να φταει ?

ευχαριστω

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

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

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

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