Jak efektywnie drukować posty na Bloggerze?

Strona głównaJak efektywnie drukować posty na Bloggerze?
20.06.2009 13:00
blogger-print-posts
blogger-print-posts
Adam Kaczmarek
Adam Kaczmarek

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!

bETJYhmd

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.[h3]Modyfikacja[/h3]Na samym początku trzeba dodać kod do styli CSS.

bETJYhmf
  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;}

bETJYhml

#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:
bETJYhmm

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

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

</b:if>

  1. przycisk:
bETJYhmn

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

<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.[h3]Co można zmienić?[/h3]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

Udostępnij:
bETJYhmp
Komentarze (2)
bETJYhnb