Jak efektywnie drukować posty na Bloggerze?

Jak efektywnie drukować posty na Bloggerze?

blogger-print-posts
blogger-print-posts
Adam Kaczmarek
20.06.2009 13:00, aktualizacja: 15.01.2022 15:35

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!

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
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
  1. 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>

  1. 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.
  1. zwykły tekst:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<a href='javascript:window.print()'>Drukuj to!</a>

</b:if>

  1. przycisk:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<form> <input type="button" value="Drukuj to!" onClick="window.print()" /> </form>

</b:if>

  1. tekst z ikonką drukarki:

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

  1. 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.

Źródło: BloggerBuster

Źródło artykułu:WP Gadżetomania
Oceń jakość naszego artykułuTwoja opinia pozwala nam tworzyć lepsze treści.
Wybrane dla Ciebie
Komentarze (2)