Jak efektywnie drukować posty na Bloggerze?

blogger-print-posts

Kiedy mamy już fajnie odpicowanego blogga, po wcześniejszej instalacji skryptów i hacków tj. chmury taggów, inicjałów postów, krótkich opisów postów, reklam AdSense, postów rekomendowanych, niestandardowej ikony bloga, bajeranckiej nawigacji czy też ostatnich wpisów, przychodzi czas na kolejny, fajny dodatek – Drukuj to!

Przed jakąkolwiek zmianą, powinniśmy zrobić kopię szablonu. By to zrobić wchodzimy w:

Panel nawigacyjny > Układ > Edytuj Kod HTML

snap24

i klikamy Pobierz pełny szablon. Zapisujemy plik XML na dysku.

Modyfikacja

Na samym początku trzeba dodać kod do styli CSS.

1. Wchodzimy zatem do Panel nawigacyjny > Układ > Edytuj Kod HTML

2. Klikamy Rozszerz szablony widżetów i szukamy taga kończącego </head> i wklejamy poniższy kod po tagu:

<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>

3. Następnie szukamy linijki <p><data:post.body/></p> (w niektórych szablonach brak jest znaczników <p> i </p>) a zaraz po niej wklejamy jeden z trzech możliwych kodów.

a) zwykły tekst:

snap1

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>Drukuj to!</a>
</b:if>

b) przycisk:

snap21

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<form> <input type="button" value="Drukuj to!" onClick="window.print()" /> </form>
</b:if>

c) tekst z ikonką drukarki:

snap3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(http://i40.tinypic.com/9s9uok.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Drukuj to!</a></span>
</b:if>

4. Zapisujemy Szablon.

Drukuj to! będzie dostępny tylko na stronach postów.

Co można zmienić?

Adres URL obrazka zaznaczony powyżej na czerwono zawsze można podmienić na adres wybranej przez siebie ikony drukarki.

Napis. Jeśli komuś nie pasuje napis Drukuj to! wystarczy go zamienić na własny np. Wydrukuj posta albo Wydrukuj ten wpis. Specjalnie go pogrubiłem aby był widoczny.

Kategoria posta: Inne, Internet

Źródło: BloggerBuster

Tagi: blogger, druk, drukarka, drukowanie, hack, hacki, post, posty, trick, tricki

  • Arek

    Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
    Komunikat o błędzie XML: Open quote is expected for attribute „{1}” associated with an element type „media”.

    Taki błąd pojawia się po wklejeniu pierwszego kodu :/

  • null

    tzn. że popełniłeś gdzieś błąd i źle wkleiłeś kod.

  • http://kuchnianagazie.blogspot.com Czyprak Antoni

    Punkt 2. Wg BloggerBuster: „Immedietly *before* this line”, a więc kod powinien być *przed* „”, a nie po. Dlatego Arkowi nie działało. Kiedy kod z p. 2 wstawi się w obrębie , wszystko bangla.

  • http://kuchnianagazie.blogspot.com Czyprak+Antoni

    Przepraszam, wstawiłem „head” w nawiasach, więc się nie wyświetla i moja odpowiedź wygląda dziwnie. To jeszcze raz. W p. 2 podany kod trzeba wstawić *przed*, a nie *po* tagu zamykającym head. Mam nadzieję, że teraz niczego już mi nie zje.

  • Anna

    Mnie drukuje całą stronę razem z komentarzami w dodatku tylko 3/4 lewej strony bloga.
    Dlaczego nie drukuje tylko i wyłącznie treści posta?

  • Aga

    nie dziala probowalam wstawic tam gdzie napisales i nic z tego.
    gdy znalazlam druga linijke to wygladala ona tak:
     
    i nie mam nic innego tam..pomoz:(