Font Awesome

Font Awesome jest rzeczywiście niesamowity, ponieważ pozwala dodać na bloga różne ikonki-obrazki bez użycia photoshopa. Chciałabym wam teraz pokazać, jak w bardzo szybki sposób zainstalować takie ikonki u siebie na blogu.

Modyfikacja autora w poście

Na prośbę Anonima spod poprzedniego postu pojawia się równie krótka instrukcja na to, jak dodać coś własnego przed swoim nickiem w podpisie postu. W kodzie szablonu szukamy
<data:top.authorLabel/> Usuwamy zaznaczony fragment i w jego miejsce wstawiamy coś własnego. Może to być tekst np. post napisała. Należy jednak pamiętać, że nick wyświetla się w mianowniku. Zatem dodanie napisu post został napisany przez nie będzie wyglądało dobrze przed nieodmienionym do właściwego przypadku nickiem.

W tym miejscu możemy też wstawić jakąś ikonkę (obrazek):
<img src=""/> Lub też użyć jakieś ikonki z fontu Awesome. Możliwości jest wiele, tylko od was zależy jak to wykorzystacie.

Liczba komentarzy zamiast całej etykiety

Czyli jak w bardzo prosty sposób dostosować do swoich potrzeb treść linku prowadzącego do komentarzy. Na sam początek otwieramy KOD szablonu i szukamy (ctrl + f) następującego kodu:
<data:post.commentLabelFull/>: Tam znajduje się też ten nieszczęsny dwukropek, który zawsze wyświetla się w linku prowadzącym do komentarzy. Następnie należy zamienić powyższy kod na ten:
<data:post.numComments/> On zamiast całej komendy 12 komentarzy: wyświetli tylko liczbę 12. Teraz możemy zostawić to tak jak jest lub też dodać swój własny tekst. Np.
<data:post.numComments/> | add comment Wtedy link do postu będzie miał następującą treść 12 |  add comment. Należy jednak pamiętać, że dodany przez nas tekst nie będzie się odmieniać tak jak to było w przypadku słowa komentarze w pełnej etykiecie.

Mam nadzieję, że wszystko jest jasne.

Wysuwane linki w menu

Dzisiaj chciałabym wam przedstawić trzy nieco różniące się efekty na wysuwane link w menu. Przykład poniżej.

• Efekt 1
• Efekt 2
• Efekt 3

Wypływanie elementu: zastosowanie dla widgetów

Teraz chciałabym wam przedstawić zastosowanie wcześniejszej instrukcji do dowolnego gadżetu na blogu. Nasz przykład omówię na ramce popularne posty. A teraz przejdźmy do praktyki.

Jak wyłączyć weryfikację obrazkową

Weryfikacja obrazkowa to pojawiające się litery i cyfry do przepisania, gdy chcemy na jakimś blogu opublikować komentarz. Ma to pomóc ograniczyć ilość spamu w komentarzach. Ta opcja jest ustawiona domyślnie na każdym nowo założonym blogu.

Aby wyłączyć weryfikację obrazkową wchodzimy w panel sterowania bloga, a następnie z menu po lewej wybieramy Ustawienia.

Po kliknięciu na ustawienia pojawi się nam podmenu, z którego wybieramy Posty i komentarze.

Teraz, skoro znaleźliśmy się w odpowiedniej zakładce szukamy Wyłącz weryfikację obrazkową.

Z prawej strony tego podpunktu znajduje się rozwijane menu z domyślnie ustawioną opcją tak. Wystarczy go rozwinąć i kliknąć na drugą opcję - nie.

Teraz, jeżeli w polu zamiast tak wyświetla się nam nie (tak jak na podglądzie poniżej) możemy spokojnie zapisać zmiany, klikając na pomarańczowy button w prawym górny rogu Zapisz ustawienia.

I gotowe. Weryfikacja obrazkowa powinna zniknąć z naszego bloga.

Ta instrukcja została napisana na prośbę jednego z czytelników. Jeżeli macie jakieś pomysły i propozycje, piszcie, a postaramy się wam pomóc.

Agata

Jak dodać własną Favikonkę?

Czy każdy z Was wie, co to jest 'favikonka'? Jeśli nie to już to wyjaśniam. Po wejściu na bloga w karcie naszej przeglądarki obok nazwy bloga pojawia się malutka ikonka. Jest to standardowa 'favikonka', którą ma każdy nowo założony blog. Wygląda ona tak:

 Pewnie wielu z Was myślało nad tym, że fajnie byłoby mieć w tym miejscu własny obrazek. Można to zrobić w bardzo prosty sposób.

Wchodzimy na swojego bloga i jego edycję. Następnie wybieramy opcję "Układ".

Wyświetli nam się układ naszego bloga. Wszelkie widgety, które mamy zamieszczone na blogu. Na samej górze, po lewej stronie mamy widget "Favikona". Klikamy na znajdującą się przy nim opcję "Edytuj".

Otworzy nam się takie okno. Klikamy "Wybierz plik". Następnie szukamy na własnym dysku favikonę, którą chcemy dodać. Należy pamięć, że nie może ona wielkością przekraczać 100MB i najlepiej jeśli jest ona kwadratowa. Po wybraniu pliku klikamy na "Zapisz". 

Należy pamiętać o tym, że nowa favikonka nie zawsze pojawia się od razu po jej wstawieniu. Czasem trzeba po prostu cierpliwie na nią poczekać. W niektórych przypadkach może to trwać nawet jeden dzień.

Darmowe favikonki znajdziecie także na Wiosce Szablonów pod TYM linkiem. O każdym pobraniu należy wspomnieć w komentarzu.

Zmiana nazwy 'Strona Główna' w PageList

Chciałabym pokazać wam prosty trik, jedną z blogspotowych możliwości, dzięki któremu z menu stron (kart czy zakładek, jak zwał, tak zwał) usunąć można pozycję Strona główna lub zmienić jej nazwę, tak jak to jest obecnie na Instruktażowo. 

Na samym początku oczywiście wchodzimy w edycję bloga i klikamy Układ. A następnie na edycję Stron. Tak jak jest to zaznaczone na poniższym rysunku.

Po kliknięciu wyskoczy nam nowe okno. Znajduje się w nim kilka ciekawych opcji, a my zajmiemy się trzema z nich. Po lewej stronie widnieje kolumna zatytułowana Strony do pokazania. W niej możemy zaznaczać strony, które chcemy pokazać i odznaczać te, które powinny się nie wyświetlać. Możemy tutaj odznaczyć Stronę Główną jak i inne karty, przez co nie będą widoczne na blogu. Nie tyczy się to jednak zwykłych linków do innych stron. Jak widać odnośnik do Wioski Szablonów nie pojawia się po stronie lewej.

Widzimy, że napis Strona Gówna jest w specjalnym okienku, dzięki któremu możemy edytować tę nazwę. Zmieniając ją na przykład na tytuł własnego bloga, Odśwież lub Powrót. Co tylko nam wpadnie do głowy, jednak pamiętajmy, by czytelnik mógł skojarzyć nasze nazewnictwo z funkcją linku.

Po prawej stronie mamy kolumnę zatytułowaną Kolejność stron. Dokładniej rzecz biorąc, to umożliwia nam w tej kolumnie zmianę kolejności wyświetlania się stron. Czasem się zacina, ale ogólnie rzecz biorąc działa (:

Teraz wystarczy wszystko zapisać i cieszyć się zmianami na własnym blogu.

Koniec

Napiszcie, jeżeli ta instrukcja była wam przydatna. Miło by było wiedzieć, że moja praca się komuś przydała :)

Projektant - układ

Naszą podróż z Projektantem rozpoczniemy od zakładki Układ i Dostosuj ustawienia szerokości. Możemy tam zdecydować z ilu kolumn będzie się składał nasz blog oraz stopka.

Tak, jak wspominałam w poprzednim poście, nie można tutaj przenosić poszczególnych ramek. Takich zmian dokonuje się w edycji bloga.

Tam możemy dowolnie zmieniać kolejność ramek (za wyjątkiem tej zatytułowanej Posty w blogu).

Wracając do głównego tematu, otwieramy Projektant (jeżeli nie wiesz jak kliknij tutaj) i z panelu po lewej wybieramy układ. Pojawiło nam się nowe menu. Myślę, że jest bardzo czytelne. Wybrany przez nas układ okala pomarańczowa ramka.

Wskazówka! Jeżeli wybierzemy nowy układ ramek/stopki i wyjdziemy z zakładki Układ do nowej np. Zaawansowane zmiana nie zniknie i będziemy mogli zobaczyć nasz blog z całą grafiką i naszym tekstem w nowym układzie kolumn. Tak jest ze wszystkimi zmianami dokonanymi w Projektancie. Ale nie są to zmiany trwałe. Dopóki nie klikniemy dużego pomarańczowego buttonu "Zastosuj do bloga" nic po wyjściu z Projektanta w wyglądzie szablonu się nie zmieni.

Zwróćmy uwagę na podział ramek: Układ treści i Układ stopki. Daje nam to spore możliwości. Dobrze ten podział widać w tym szablonie. Wszystkie dodatkowe ramki (informacje, archiwum, menu, statystyka oraz tagi) zostały dodane w stopce i co więcej, umieszczenie ich poza nią zaszkodziłoby szablonowi!

Innym przykładem szablów z wyraźnie zarysowaną stopką są te proponowane przez blogspot z kategorii Rewelacja oraz Znak wodny. Zapraszam do obejrzenia ich w Projektancie, gdy stopkę mamy zapełnioną różnymi ramkami.

---

"Dostosuj ustawienia szerokości" jest miejscem, gdzie możemy zdecydować o szerokości całego bloga i poszczególnych kolumn.

W zależności od tego z ilu kolumn składa się nasz blog, tyle pasków pokazuje się w tej zakładce. Do jednej do trzech. Oczywiście zmiany automatycznie są wyświetlane poniżej.

Przy pomocy błękitnego napisu "Resetuj szerokości do wartości domyślnych szablonu" powrócimy do domyślnych szerokości kolumn.

Mam nadzieję, że teraz obie zakładki nie mają już przed Wami żadnych tajemnic (:

Wstawienie nagłówka

Jak wiadome początki zawsze są najtrudniejsze. Niby zwykły nagłówek, ale czasem może sprawić trudność początkującym. Sama nie od razu wiedziałam, gdzie jest opcja, dzięki której mogę go wstawić. Także zaczynamy.

Wchodzimy w edycję bloga i tam z menu po lewej stronie wybieramy opcję "Układ".

Pojawi się nam układ całego bloga. Na górze będzie tytuł naszego bloga, a obok w nawiasie "nagłówek". Klikamy obok na "Edytuj".

Wyskoczy nam takie oto okienko. Teraz wybieramy w zaznaczonym miejscu odpowiednią opcję, czyli 1) wybranie naszego nagłówka z dysku bądź 2) wklejenie bezpośredniego linku do naszego nagłówka zalinkowanego na jakimś serwerze,np. imageshack.us Po wybraniu nagłówka wybieramy miejsce docelowe naszego obrazu. Każda z opcji jest jasno określona, dlatego nie powinno być z tym problemu. Ze swojej strony polecam opcję "Zamiast tytułu i opisu", aby mieć sam nagłówek, który przygotowaliśmy lub pobraliśmy bez zbędnych na nim elementów. Na koniec klikamy "Zapisz".

Na samym końcu zapisujemy wprowadzone zmiany, aby pojawiły się na naszym blogu.

Teraz możemy cieszyć się ślicznym nagłówkiem i przyciągać uwagę innych Bloggerów. Nie było aż tak źle, prawda? Cieszę się, jeśli mogłam pomóc :)

Dodaj szablon

Przede wszystkim zapamiętaj, gdzie zapisałeś pobraną paczkę z szablonem, ponieważ to przyda ci się później. Jeżeli plik jest skompresowany, musisz go rozpakować. Sprawdź, czy znajduję się tam plik o rozszerzeniu .xml. Jeżeli tak, to nic nie stoi na przeszkodzie, by zaimportować ten szablon na bloga! Jeśli w paczce autor zamieścił jakieś dodatkowe informacje, przeczytaj je przed wstawieniem. Na pewno jest tam coś istotnego.

Utwórz też kopię zapasową obecnego szablonu. 

Wchodzimy w edycję bloga, z panelu po lewej wybieramy zakładkę szablon. Na tej stronie w prawym głównym rogu mamy przycisk z jakże dużo mówiącym napisem "Utwórz/przywróć kopię zapasową".

Oczywiście klikamy na ten przycisk. Następnie pojawi się nam nowe okno. Interesuje nas jego dolna część, dzięki której możemy zaimportować kod szablonu z dysku twardego na nasz blog. Klikamy "Wybierz plik" i pokazuje się nam kolejne okno.

Teraz przyda nam się wiedza, gdzie zapisaliśmy plik, bowiem musimy odnaleźć to miejsce i wybrać ten z kodem szablonu. Jak już wspomniałam na początku, ma on rozszerzenie .xml.

Kiedy już wejdziemy w odpowiedni folder i klikniemy na plik z szablonem pozostało nam tylko kliknąć "otwórz". Powrócimy do poprzedniego okna. Teraz aktywny jest button "Przekaż" i klikając na niego zatwierdzimy zaimportowanie nowego szablonu na blogu.

Właśnie wstawiliśmy nowy szablon. Prawda, że proste? Teraz tylko trzeba sprawdzić, czy wszystko wyświetla się poprawnie. Gdyby nie, pisać o pomoc do autorki szablonu (;

Pobierz szablonRozpakuj szablon

Baza szablonu

Jeżeli wcześniej blogowałeś na onecie zapewne wiesz, dlaczego przed wstawianiem szablonu należało ustawić onetowski szablon Biel. Podobny problem pojawił się na blogspocie, a jego rozwiązanie okazało się wręcz identyczne.

Zanim zaczniesz wstawiać swój własny szablon, ustaw na blogu pewien specjalny proponowany przez blogspot. Mianowicie szablon biały z kategorii Proste.

Szablon ten nie zawiera żadnych cieni (które już posiadają inne szablony z kategorii Proste), dzięki czemu po zmienieniu koloru wszystkich teł na przezroczyste (transparent) w projektancie nie spotkamy się z przykrą niespodzianką - półprzezroczystym tłem o kilka tonów jaśniejszym (ciemniejszym) od zamieszczonego przez nas (tła w postaci obrazka czy koloru).

Na powyższym rysunku porównane są dwa przypadki ustawienia wszystkich teł na przezroczyste i wczytania obrazkowego tła. Pierwszy na podstawie szablonu Prosty Niebieski, drugi szablon Prosty Biały. Widzicie różnicę?

Oczywiście owe cienie można usunąć w kodzie html szablonu, ale nie każdy wie jak i nie każdemu się chce, skoro jest prostsze rozwiązanie?

Kopia zapasowa

Blogspot daje nam dużo możliwości, z których szkoda byłoby nie skorzystać. Kopia zapasowa jest czymś, co może nam zaoszczędzić wiele czasu i rozlanych łez, gdyby coś poszło nie tak.

Dzięki kopii zapasowej w każdej chwili możesz wrócić do poprzedniego wyglądu bloga praktycznie bez wysiłku. I nie ma tu znaczenia czy wygląd bloga zostanie zmieniony przy pomocy Projektanta, grzebania w kodzie czy zaimportowania gotowego szablonu z jakiejś szablononiarni czy innej strony internetowej. Zawsze istnieje możliwość, że efekt końcowy cię nie zadowoli i co wtedy, kiedy nie wiemy jak cofnąć zmiany? Wtedy własnie najlepiej posłużyć się kopi zapasową i zacząć wszystko od nowa.

Zrobienie kopii zapasowej jest naprawdę proste. Najpierw oczywiście wchodzimy w edycję bloga. Z panelu po lewej wybieramy zakładkę Szablon. Na tej stronie w prawym głównym rogu mamy przycisk z jakże dużo mówiącym napisem "Utwórz/przywróć kopię zapasową".

Oczywiście klikamy na ten przycisk. Następnie pojawi się nam nowe okno. Klikamy tam na duży pomarańczowy przycisk "Pobierz pełny szablon".

Znów pojawi się nam nowe okno. Tym razem musimy wybrać miejsce na swoim komputerze, gdzie zapiszemy ową kopię zapasową. Dobrze jest nadać taką nazwę temu plikowi, by później z łatwością odgadnąć jaki szablon i z jakiego bloga jest w tym pliku zapisany.

Na samym końcu klikamy "Zapisz" i jest po wszystkim. Mamy kopię zapasową. Teraz możemy zająć się zmienianiem wyglądu naszego bloga.