Jak zrobić graficzne odnośniki odsyłające do postów oznaczonych daną etykietą lub podstron?

Dzisiaj notka specjalnie dla Eweliny i Sylwii :* Wczoraj próbowałam im wytłumaczyć jak zrobić graficzne odnośniki do danych etykiet na blogu a dzisiaj stwierdziłam, że po prostu zrobię o tym notkę. No to zaczynamy :)

Ja zawsze robię napisy do podstron jako grafika, bo w programie mam dużo większe pole manewru jeśli chodzi o czcionki niż w bloggerze.

1. Tworzymy grafikę, która ma nam się pokazywać na blogu i odsyłać do postów oznaczonych jedną etykietą. Posłużę się jedną zrobioną przeze mnie wcześniej. Umieszczamy ją na stronie do hostingu zdjęć i kopiujemy link, który jest do danej grafiki przypisany (w imageshack.com nazywa się to link bezpośredni lub w tej nowej wersji - Direct).

2. Kiedy już mamy gotową grafikę, przechodzimy do kodu. Link pokazujący nam się w pasku przeglądarki przy kliknięciu jakiejś etykiety to http://po-prostu-piekno.blogspot.com/search/label/nazwa etykiety. Spróbujcie kliknąć w jakąś etykietę u siebie na blogu i zobaczcie jak to działa :)

3. Przechodzimy do wstawiania danej grafiki z odsyłaczem na naszego bloga. W Projekcie -> Układ wybieramy "Dodaj gadżet" i klikamy "HTML/Java Script". Pojawia nam się okienko do uzupełnienia. Oczywiście nazwy nie wpisujemy żadnej, zostawiamy górne okienko puste.

4. W dolnym (większym okienku) wklejamy kod:

<a href="link odsyłający do postów z daną etykietą";"><img border="0" src="link obrazka odsyłającego " /></a>

Możemy również wzbogacić ten kod o wycentrowanie. Ja zawsze tak robię, ponieważ wyśrodkowane grafiki lepiej się prezentują niż takie wyrównane automatycznie do lewej strony. Kod wtedy wygląda tak: 

<center><a href="link odsyłający do postów z daną etykietą";"><img border="0" src="link obrazka odsyłającego " /></a></center>

Zapisujemy gadżet i gotowe :) Takim sposobem możemy zrobić zarówno pojedyncze grafiki jak i kilka obok siebie czy każdą pod sobą.

5. Jeśli chcemy zrobić kilka etykiet obok siebie (czyli coś na kształt menu pod nagłówkiem), musimy wkleić ten kod w jednym gadżecie obok siebie kilka razy, najlepiej oddzielając każdy kod kilkoma spacjami. Oczywiście każdy wklejony kod dostosujemy pod inną etykietę i wklejamy link do innego stworzonego przez nas obrazka odsyłającego.

 6. Jeśli chcemy zrobić kilka etykiet i każdą pod sobą po każdym kodzie musimy dać enter, którym w kodzie jest znacznik <br>. Jeden taki znacznik to jeden enter, możemy dać tyle ile nam się podoba a im więcej enterów, tym odstęp będzie większy :)

7. Tak samo tworzy się podstrony "kontakt", "współpraca" i podobne, tylko wtedy link do podstrony będzie wyglądał następująco: http://po-prostu-piekno.blogspot.com/p/nazwa podstrony.html. i taki wklejamy do kodu.

Mam nadzieję, że odrobinę Wam pomogłam. Dajcie znać w komentarzach czy udało Wam się stworzyć takie graficzne podstrony na swoim blogu  :)

Darmowe grafiki na bloga - menu

Jak obiecałam, tak uczyniłam, więc dzisiaj przedstawiam Wam kilka propozycji na obrazkowe menu stworzone przeze mnie. Starałam się zrobić wszystkie typy przycisków z jakich najczęściej korzystacie na blogach i tak oto powstały grafiki w 3 kolorach: różowym, zielonym i fioletowym. Mam nadzieję, że takie posty okażą się dla Was przydatne.

>>KLIK<<

 >>KLIK<<

>>KLIK<<

Dajcie koniecznie znać, czy chcecie aby co jakiś czas na moim blogu pojawiały się takie darmowe grafiki dla Was :) Może macie jakieś swoje propozycje grafik i mogłabym je dla Was stworzyć? Piszcie w komentarzach.

Dlaczego tło nagłówka po wgraniu na bloga robi się szare i jak to zmienić?

Podglądam wiele blogów i zauważyłam, że wiele dziewczyn (najczęściej początkujących bloggerek) ma problem z nagłówkiem. Podczas tworzenia go tło jest białe i sam nagłówek wyraźny a po wgraniu na bloga tło robi się szare a nagłówek traci na jakości? Nic prostszego!

Wystarczy zapisać nagłówek w formacie .png a nie .jpg. Taką opcję ma nawet program Paint, który powinnyście mieć na swoim komputerze. Taka mała zmiana w rozszerzeniu pliku a jaka wielka zmiana w wyglądzie bloga prawda? Zobaczcie tą różnice na przykładzie mojego bloga.

Nagłówek zapisany w formacie .jpg i wgrany na bloga wygląda tak:

Nagłówek zapisany w formacie .png i wgrany na bloga wygląda tak:

Różnica widoczna prawda? Jeśli któraś z Was ma na blogu nagłówek w wersji .jpg, to bierzcie się do roboty i zmieniajcie rozszerzenie obrazu :) Ja dodatkowo każde zdjęcie wrzucane na bloga zapisuję właśnie w takim formacie i zauważyłam, że blogger nie zmienia mi wtedy jakości na gorszą. Wypróbujcie ten patent, polecam.

Co zrobić kiedy obraz w profilu bloga nie chce się wgrać?

Od dłuższego czasu miałam problem z obrazkiem, który pokazuje się przy moim nicku w gadżecie "Obserwatorzy". U mnie takowy się nie pokazywał a podczas wgrywania obrazek wgrywał się i wgrywał i mógł to robić nawet przez tydzień... Przy komentarzach ten obrazek był, natomiast w tym gadżecie nie i automatycznie po obserwacji jakiegoś bloga "spadałam na sam dół listy, co mnie strasznie irytowało.

W końcu z pomocą forum Google udało mi się to naprawić i chciałam się podzielić tym sposobem z Wami :)

1. Po kliknięciu na danym blogu w przycisk "obserwuj bloga", pojawia nam się takie okienko jak poniżej. Klikamy w przycisk zaznaczony czerwoną ramką

2. Następnie przy linijce "Obecnie używasz profilu ..." lub cokolwiek tam macie napisane, klikacie "Zmień"

3. Z listy wybieramy profil "Blogger". Okienko po wciśnięciu zniknie nam samo i wtedy już pojawi się obrazek przy naszym nicku :)

Mam nadzieję, że post się Wam przydał. Postanowiłam zapoczątkować na blogu serię porad technicznych i graficznych, więc już za niedługo kolejny taki post :)