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

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 == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<a class='printfriendly' expr:href='data:post.url + &quot;?pfstyle=wp&quot;' 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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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

Stumble
Delicious
Technorati
Twitter
Facebook

17 comments:

Secra είπε...

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

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

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

Secra είπε...

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

Secra είπε...

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

andreas είπε...

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

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

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

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

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

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

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

Κλάρα είπε...

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

Evangelos Valasiadis είπε...

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

Unknown είπε...

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

Ενημέρωση φωτογραφίας εξωφύλλου Asterios Saltzidis (Blogger GR Katarraktisvillage) είπε...

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

Κάλη και Κατερίνα από Ανθομέλι είπε...

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

Ενημέρωση φωτογραφίας εξωφύλλου Asterios Saltzidis (Blogger GR Katarraktisvillage) είπε...

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

Sofia Avon είπε...

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

Christie είπε...

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

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

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

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

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

ΟΧΙ 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 *