#9 Jak dodać graficzny autopodpis pod postem?

Dzisiaj pokażę Wam jak oszczędzić sobie czasu w prowadzeniu bloga i w prosty sposób dodać graficzny autopodpis pod naszym każdym postem. Operację wykonujemy tylko raz, później skrypt będzie sam "odwalał" za nas czarną robotę;)Pierwszy Sposób ten działa tylko w przypadku nowych postów nie doda go w starych jest przeznaczony dla osób zakładających dopiero bloga lub takich, które do tej pory dodawały go na piechotę;). Drugi sposób doda obrazek w każdym poście i starym i nowym.



Zaczynamy od napisania nowego posta i dodaniu obrazu do niego tyle, że nie dodajemy go z lokalizacji naszego komputera lecz z innego źródła które da nam link do tego obrazu. Ja mój obraz dodałam do picasa web i po wybraniu klikamy prawym przyciskiem myszki i wybieramy kopiuj adres url grafiki.

Kolejno otwieramy panel bloggera-ustawienia-posty i komentarze i klikamy szablon posta i dodaj: otworzy się okienko gdzie wklejamy taki tekst:

<br><br><div align="center"><img src="tutaj skopiowany URL Twojego obrazka z podpisem" /></div>

Jeżeli chcecie mieć podpis po lewej lub prawej stronie zamiast "center" wystarczy wpisać right lub left. Dajemy zapisz ustawienia i cieszymy się naszym logo.
---------------------------------------------------------------------------------------------------------------------------------
Inny sposób to umieszczenie naszego podpisu w każdym poście. Wymaga to jednak zmian w naszym szablonie w kodzie HTML. Jeżeli wasza stopka wyświetla autora i znajduje się pod postem to ten sposób jest dla Was.

Należy wejść w panel bloggera-szablon-edytuj kod HTML. Kiedy otworzy się zapis szukamy w nim frazy:

 <div class='post-footer-line post-footer-line-1'>

dobrze jeśli dalsza fraza będzie taka jak u mnie:

<span class='post-author vcard'>

(najłatwiej kliknąć w tekst i wcisnąć ctrl+f i w okienko które wyskoczy w prawym górnym rogu wkleić frazę- wówczas nam wyszuka.)

dokładnie pod tekstem który wyszukiwaliśmy(u mnie na żółto) wklejamy tekst:

<img src=' ADRES URL GRAFIKI TWOJEGO PODPISU ' style='border: none; background: transparent;' /> <br/>
Adres url pozyskujemy tak jak w pierwszym przypadku z galerii picasa web.
Następnie podglądamy jak wygląda nasz szablon jeżeli jest ok zapisujemy.

Mam nadzieję, że się Wam przyda.
pozdrawiam