sobota, 20 października 2012

Jak umieścić podpis w stopce bloga?


Jeżeli już utworzyłaś swój podpis, którym chcesz ozdabiać swe posty, trzeba go wpasować w kompozycje Twojego bloga.


Jeśli jeszcze nie masz swojego podpisu TUTAJ możesz dowiedzieć się jak go zrobić. Trzeba również zauploadować swoje zdjęcie, można to zrobić przez bloggera instrukcja TUTAJ

Jest kilka sposobów na to żeby ten podpis dodać.

1. Możliwość
Stopień trudności - bajecznie łatwy, po prostu dodajemy podpis jako obrazek do każdego posta, ustawiamy czy chcemy go po lewej po prawej i jaka wielkość itd. Jednak praca ta musi być wykonywana co post, nie wspominając o całej rzeszy wcześniejszych wpisów, które przydałoby się zaktualizować.

2. Możliwość
Stopień trudności - łatwy

Tekst do wpisania:
<img class="centered" alt="PODPIS" src="ADRES URL TWOJEGO PODPISU">

W każdym nowym poście z automatu będziesz mieć wstawiony obrazek tak jak poniżej. Jednak wpis ten nie poczyni żadnych zmian w Twoich starych postach.




Pozostałe możliwości to już grzebanie w HTML, podpis zostanie dodany do każdego postu - starego z przed dwóch lat czy każdego nowego.

3. Możliwość
Jeżeli pod Twoim postem z automatu pojawia się autor, data itp - tak jak na obrazku

Musimy wejść w nasz szablon, oczywiście robimy kopie zapasową i zaczynamy zabawę z HTML

Zaznaczamy "Rozszerz szablony widżetów" i po wciśnięciu CTRL+F szukamy frazy:
post-footer-line post-footer-line-1

Szukamy fragmentu kodu HTML podobnego do poniższego i tuż pod nim wpisujemy:
(zamiast <div class u Ciebie może też być <P - class

Wpisujemy kod:
<img src=' ADRES URL TWOJEGO PODPISU ' style='border: none; background: transparent;' /> <br/>
Podglądamy i zapisujemy. Efekt jak poniżej.

Podpis automatycznie dołączy się do każdego posta - wszystkich wcześniejszych i każdym następnym.


4. Możliwość
Wszystko jak poprzednio, szukamy jednak frazy:
post-footer-line post-footer-line-

Wpisujemy kod
<img align='right' height='74' src=' ADRES URL TWOJEGO PODPISU'/><b/>


right - jeśli ma być po prawej, left - po lewej, center - wyśrodkowane

Taki mamy efekt, jak w blogu Mama bloguje

5. Możliwość
W przypadku gdy autor, godzina czyli nasza stopka jest u góry - w nagłówku - tak jak w tym blogu. Musimy znaleźć inny układ odniesienia w kodzie. U mnie jest to share - button, czyli - ikonki udostępniania
Tutaj szukamy 
post-share-buttons
i przed wklejamy kod

<img align='right' height='74' src=' ADRES URL TWOJEGO PODPISU'/><b/>


right jeśli ma być po prawej, left - po lewejcenter - wyśrodkowane




Efekt taki sam jak w tym blogu, czyli:



6. Możliwość
W przypadku gdy Twoje posty są dzielone, czyli na łównej stronie bloga masz napisaną tylko odrobinkę, a reszta jest na stronie posta.
Szukamy frazy:
post-footer-line post-footer-line-

Wpisujemy kod


<b:if cond='data:blog.pageType == "item"'>

<img src='ADRES URL TWOJEGO PODPISU' style='border:0px;'/> 
</b:if>

Efekt
7. Możliwość

W przypadku gdy Twój blog ma kilku autorów:
Użyj kodu HTML:

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.author == "AUTOR 1"'> 
<img src='ADRES URL PODPISU AUTORA 1' style='border:0px;'/>
</b:if>
 <b:if cond='data:post.author == "AUTOR 2"'>
<img src='ADRES URL PODPISU AUTORA 2' style='border:0px;'/>
</b:if> 
</b:if>



Od razu mówię, że by dopasować sobie wszystko potrzeba trochę czasu i pokombinowania z szablonem. Czasami trzeba wykorzystać wszystkie trzy możliwości by trafić na tą właściwą do swojego szablonu.

W ten sposób możesz dodać dowolny obrazek do stopki swojego bloga, nie musi być to podpis.

Zarabiaj na sprzedaży książek!