Jak zmienić szablon na Bloggerze ?

Jeżeli piszecie bloga i koncentrujecie się wyłącznie na jakości publikowanych treści to zdradzę Wam cyniczną prawdę, która obowiązuje w blogosferze : wygląd bloga wpływa na to, jak jest postrzegane to, co piszemy. Niestety. Przekonałam się o tym na własnej skórze, a raczej na własnym blogu. Sporo na nim niedoróbek i nie mam profesjonalnego szablonu (póki co).
Niestety w internecie jest wielu zapomnianych niedocenianych autorów. Bo internauta zawsze i wszędzie gdzieś się spieszy. I jeżeli zatrzyma oko na czymś przyjemnym, to jest szansa, że zatrzyma się na dłużej.
Nie chcę nikomu dawać lekcji co do wygądu bloga (bo i u mnie ta kwestia pozostawia dużo do życzenia). Najpierw samodzielnie dłubałam przy szablonie dostarczonym przez Bloggera. Dało mi to materiał na sporo wpisów w kategorii DESIGN ). Póki co wyczerpałam ten temat, a raczej wyczerpała się moja kreatywność. 

Ale zajrzyjcie np do Weroniki z Plasterka cytryny ile ciekawych rzeczy można z takim szablonem zrobić. W końcu sięgnęłam po gotowy szablon (póki co darmowy). I wiecie co nie taki diabeł straszny …

Wiem, że wiele osób podchodzi do tego tematu jak do jeża (bo nie obędzie się bez grzebania w kodzie HTML). Ale można tego jeża wziąć za rogi. A przynajmniej spróbować. Zmiana szablonu na Bloggerze jest trudniejsza niż na wordpressie. Bo tu pewne rzeczy trzeba ustawić ręcznie. Ale wszystko jest dla ludzi. Albo inaczej : 

Wszystko jest trudne zanim stanie się proste.

To motto mojego bloga. Dodatkowo postaram się Wam dokładnie pokazać jak w najprostrzy sposób to zrobić. Najtrudnieszy jest (jak ze wszystkim) pierwszy krok. 

Gdzie można znaleźć szablony na Bloggera ? 

Darmowych szablonów jest wiele, choć te płatne pewnie są ciekawsze i bardziej dopracowane. 
Np można skorzystać ze stron

Jeżeli wypatrzycie u kogoś fajny szablon, to możecie zjechać w dół strony i sprawdzić czy nie ma tam linku, który prowadzi do miejsca z którego ten szablon pochodzi. Jeżeli zaś chodzi o wordpressowskie szablony po raz kolejny polecam fajne narzędzie za pomocą którego można « prześwietlić » każdego wordpressowskiego bloga (jaki ma szablon i jakie wtyczki) What wp theme is that?

Gdy wypatrzymy już wymarzony szablon wystarczy pobrać go i rozpakować. Choć po prawdzie sama testowałam kilka różnych szablonów zanim zdecydowałam się na ten obecny (bardzo minimalistyczny). Po prostu nabrałam sporo różnych szablonów i przymierzałam je kolejno do mojego bloga testowego. 

Uwaga wirusy.

Ale tu chciałam polecić Wam pewną ostrożność. Nie klikajcie w byle co i dobrze czytajcie kolejne plansze. Bo w internecie wiele rzeczy jest za darmo, ale czasami zupełnie niechcący można pobrać je z dobrodziejstwem inwentarza czyli z różnymi wirusami. Dlatego warto po takiej operacji (pobierania szablonów) zeskanować komputer kolejno za pomocą różnych programów przeciwwirusowych jak np ESET czy Malware byte. Są one dostępne on line. Tu kładę nacisk, by stosować je kolejno, a nie wszystkie na raz (równocześnie). Bo po prostu blokują wzajemnie swoje działania, a wirusom w to graj. 
 

Po wgraniu szablonu, trzeba go rozpakować. Bo na bloga wgrywamy sam plik z rozszerzeniem xlm.
Moje szablony rozpakowałam przy użyciu IZARC-u. To bezpłatny program, można pobrać go z internetu, ale znowu uważać, by nie napytać sobie biedy i nie załadować go z dobrodziejstwem inwentarza.
Przed wgraniem nowego szablonu na bloga, na wszelki wypadek zapisujemy sobie gdzieś (ale nie byle gdzie, tylko tak byśmy zapamiętali) stary. Na wszelki wypadek, gdybyśmy chcieli do niego wrócić.

Teraz wgrywamy nowy szablon na bloga. To jeden klik.
No i teraz dopiero zaczynają się schody. Nowy szablon trzeba spersonalizować, czyli

  • podpiąć linki do naszych profili w odpowiednich mediach społecznościowych
  • podpiąć odpowiednie kategorie czy strony pod odpowiednie zakładki
  • dodać własne zdjęcia, jeżeli korzystacie z szablonu ze sliderem.

Jak to zrobić ? By było bardziej łopatologicznie, pokażę na przykładach. 

Wchodzimy w Szablon. Następnie w Utwórz/Przywróć kopię zapasową, po to by zapisać nasz pierwotny szablon.




Gdy zapisaliśmy nasz wyjściowy szablon, pobieramy na bloga ten nowy (rozpakowany – pokazywałam to we wpisie Jak wgrac szablon na bloga na Bloggerze?), a właściwie tylko plik z rozszerzeniem xml

Jeden klik i nowy szablon jest już na blogu. Teraz musimy go spersonalizować, czyli pozmieniać to i owo. Np dodać własne nazwy i linki do odpowiednich zakładek czy ikonek mediów społecznościowych.

W tym celu wchodzimy w Szablon, Edytuj kod HTML, Formatuj i tu wpisujemy CTRL + F. Pojawia nam się okienko, w którym możemy wpisać poszukiwany fragment kodu. Na niektórych stronach do pobranego szablonu macie dorzuconą instrukcję obsługi (czyli jaki fragment kodu szukać), w innych instrukcja jest dołączona do pliku wgranego na komputer. A jeżeli nie


A jeżeli nie, to tak jak u mnie jedna z kategorii w wyjściowym szablonie nazywała się Features. Wpisuję więc to słowo i odnajduję odpowiednią linijkę kodu. A tam taki element: <a href=’#’>. Zamiast # wstawiam odpowieni link, a samo słowo Features zastępują nazwą swojej kategorii na blogu (czyli u mnie Blogowanie).


                                                                                                                                                       Teraz muszę zająć się ikonkami mediów społecznościowych. Nie mam instrukcji, ale co mi tam. Wpisuję np Google Plus i już mam odpowiednią linijkę kodu. Podobnie w <a href=’#’> zamiast # wstawiam odpowieni link do mojego profilu na Google Plus.


Teraz jeżeli wybrałam sobie szablon ze sliderem. Mój pierwszy obcy szablon miał takie coś.


Tu akturat miałam instrukcję obsługi. Odnajdujemy odpowiedni fragment kodu i tam gdzie mam src=’http …. wtawiam link do mojej fotki.

Jak taki link uzyskać. Można oczywiście skorzystać z programów typu Imageshack.com. 
 

Ale ja wykorzystałam tu stary dobry Pinterest. Po prostu załadowujemy wybrany obrazek (w odpowiednich rozmiarach) z komputera lub komórki na Pinterest. Można wrzucić go do tzw secret board, czyli tablicy widocznej tylko dla siebie. Teraz wchodzimy w obrazek, klikamy w Image i mamy jego adres URL

            Jak tutaj. Teraz wstawiamy go w odpowiednie miejsce w szablonie i całość zapisujemy.


Krótki rzut okiem na bloga. Już tu jest.


To chyba na tyle. Pozdrawiam serdecznie Beata

 

Jeżeli pomogłam, zaciekawiłam lub rozbawiłam proszę polub mnie na FB:

Zapisz się na Newsletter

Related posts

  • Witaj Beatko;) Znowu ,,spadłaś mi z nieba”, bo właśnie mam zamiar zmienić szablon, a nie wiedziałam jak to ,,ugryźć”;) Po wykupieniu własnej domeny – instalowałam wszystko mając otwartego Twojego bloga;) I udało się! Jestem Ci niezmiernie wdzięczna;) Jeszcze nie mogę opanować podpisu, pomimo, że mam go już na pulpicie, ale nie potrafię umieścić go pod tekstem… Pozdrawiam Cię gorąco;) Buziaczki;)

  • Bardzo pomocne instrukcje, dla totalnych laików.
    A mogłabyś podać link do posta, gdzie pokazujesz jak dodać swój podpis ze zdjęciem? Nie mogę tego znaleźć.

  • W tym wpisie poruszyłaś bardzo ważny temat mianowicie szablon na bloga. Przerobiłam już kilka szablonów i od jakiegoś czasu korzystam z tego który przedstawiłaś. Troszkę pozmieniałam w kodzie bo mi się niektóre elementy nie podobały, dobrałam odpowiednie czcionki i jest na razie dobrze. Nie lubię jak strona jest „zaśmiecona” jakimiś latającymi elementami lub jest zbyt barwna i można dostać oczopląsu.

    Tak nawiasem lubię Twoje szablony na blogu bo są proste i bardzo ładne 🙂

  • Zarumieniłam się 🙂 to fakt, że szablon z Bloggera można udoskonalić. Niedługo będę się uczyć o HTML więcej, to może coś jeszcze wymyślę. A czy w Twoim darmowym szablonie miałaś jakieś niechciane linki, np. do profilu autora czy reklam?

    • Weronika jest link do strony z ktorej pochodzi szablon, byl tez taki link u gory w zakladkach, ale to akurat jest przewidziane, by go usunac. Pozdrawiam serdecznie Beata

  • Ja ciągle rozmyślam nad wyglądem mojego bloga, ale chyba oddam to w ręce fachowców.

  • Uważam, że Twój blog jest super, doskonale się po nim porusza i nawet taka guła jak ja potrafi sobie szybko znaleźć to co ją interesuje. Tam gdzie liczy się treść wygląd nie ma znaczenia. Pozdrawiam

  • Twój wpis mnie zainspirował i wczoraj do północy siedziałam i dłubałam w moim szablonie:).

  • Aaa nie wiem jak to napisać, ale chyba wystarczy tylko: jesteś cudowna! Z założeniem bloga nosiłam się już od dłuższego czasu, ale bałam się, że nie dam rady tego ogarnąć, a tu proszę! Kilka tipów, kilka godzin (plusy choroby i siedzenia w domu) i oto jest: http://polishtripa.blogspot.com/

    Jeszcze nie całkiem skończony, ale już mi się podoba. Trzymam za Ciebie kciuki Beata i wielkie dzięki za porady.

    P.s. nie znalazłam nigdzie info co zrobić jak czcionka na blogu nie czyta polskich znaków, wiesz jak to zrobić?

  • Beato, dzięki wielkie! Od bardzo dawna zbierałam się do zmiany szablonu, ale to co proponował blogger nie bardzo mi pasowało. Ale dzięki Twoim radom przeszłam przez zmiany bez bólu 😉 Jeszcze będę nad tym pracować, żeby wyglądał jeszcze lepiej 😉
    Dzięki jeszcze raz :*

  • Nakręcasz mnie 😛 …chyba mam ochotę na zmiany Buziaki!

  • Chwała Ci za ten post i całego bloga!
    Jednak się nie poddam 😀

  • Paweł Lebiedziński

    a jak sprawić że niektóre posty pojawiają się w innej kategori? 🙁

  • Magda

    Bardzo przydatny post. Od dawna chciałam zmienić wygląd bloga, ale za żadne skarby nie umiałam sobie z tym poradzić. Aż tu nagle trafiłam na ten post. Wszystko świetnie wytłumaczone. Pozdrawiam 🙂

  • Malvina

    Bardzo przydatny post 😀
    Właśnie zamierzam zmienić szablon bloga, kilka darmowych szablonów z zamieszczonych przez Ciebie stron też mam na oku, więc w najbliższym czasie zabiorę się za to 🙂

  • sylar

    Witaj

    Super blog, naprawdę dziękuję ci za twoją pracę, twój blog jest dla mnie kopalnią wiedzy i nie ukrywam że śledzę dokładnie to co piszesz i dzięki temu mam nadzieję rozwinę swojego bloga, nawiasem mówiąc nie zdawałem sobie sprawy że można zmienić tak łatwo szablon.

    Zaczynam prowadzić bloga o tematyce kolarskiej, podejrzewam że nie jest to twoja ulubiona tematyka ale będę wdzięczny jeśli znajdziesz choć moment aby zerknąć i być może podrzucić jakiś pomysł, zapraszam rovermaraton

  • inessslife

    Wszystkim potrafisz pomóc, dzięki 🙂

  • Barbara

    Witam serdecznie. Założyłam darmowego bloga na blogspot.com i pobrałam darmowy szablon z abtemplates. Mimo to,że dopiero zaczynam przygodę z blogowaniem a co do kodów to kompletny ze mnie laik,postanowiłam pobrać darmowy szablon na abtemplates. Nie było łatwo,ale poradziłam sobie z wypakowaniem i udało mi się zmienić troszkę wygląd zewn strony. Zauważyłam jednak,że za każdym razem,gdy próbuję napisać post włącza mi się natychmiast informacja o zakupie domeny? czy zatem,aby pobrać darmowy szablon na bloga muszę mieć opłaconą domenę i hosting? Zależy mi na szablonie kulinarnym a blogspot nie ma ich w użyciu.

  • dzięki za ten wpis 🙂

  • Weronika K.

    Hej, mam pytanie. Mam szablon i jak wpisuję w kodzie html jedną nazwę zakładki np. Games, to nie ma takiej, Co robić ?

  • Justyna Kubicka

    Jak mogę usunąć z szablonu czyjeś zdjęcia z instagrama?