Obiecuję, że będzie bardzo prosto, bez grzebania w kodzie HTML, bez formatowania szablonu i takich innych wywołujących u niektórych gęsią skórkę. Sporo osób pytało się mnie ostatnio jak dodałam na blogu spersonalizowane grafiki (spersonalizowane kategorie w nagłówku strony czy w panelu bocznym). A ja chciałam odpisać coś inteligentnego, ale nie będę owijać w bawełnę. Takie grafiki można w na prawdę bardzo sposób zrobić i dodać na bloga. Dlatego po prostu pokażę Wam jak to zrobiłam. A ta moja (przetestowana przeze mnie na blogu) metoda jest tak prosta, że każdy niezależnie od umiejętności komputerowych czy graficznych może z niej skorzystać. Zresztą jak zawsze pokażę Wam wszystko krok po kroku. Zaczynamy?

 

Jak dodać spersonalizowane kategorie w nagłówku bloga?

Jedną z metod jest tu oczywiście skorzystanie z gadżetu Etykiety (wchodzicie w Układ, dodaj gadżet i wyszukujecie z listy Etykiety), przeciągnęcie jej nad obszar pisania tekstu. A następnie wejście w Szablon, Dostosuj, Zaawansowane, tło kart i tekst kart i dopracowanie Waszych Etykiet od strony graficznej. Opisalam to we wpisie: Jak dodac etykiety w naglowku bloga?

Ale jeżeli chcecie mieć Wasz własne (odlotowe lub nie) spersonalizowane grafiki (bo jesteście podobnie jak ja, taka Zosia samosia) to pokażę Wam inną (bardzo prostą) metodę.

Przygotowujemy sobie grafiki. Ja zrobiłam to w Picmonkey. ( To bardzo prosty, intuicyjny i darmowy program dostępny on line). Po prostu otwieracie PicMonkey, wchodzicie w Design, wybieracie Transparent canva (i apply po to by ja włączyć). Dokładnie tę metodę opisałam w we wpisach Jak dodac spersonalizowane zakladki “O mnie”, “O blogu”, “Kontakt”, “Wspolpraca”?  oraz Jak przygotowac prosty banerek na bloga?

Etykiety dla poszczególnych kategorii przygotowujemy sobie osobno. Najlepiej zrobić sobie “własną matrycę” czyli wymarzoną formę etykiety, zapisać ją, a następnie kolejno wpisywać nazwy kolejnych kategorii (i oczywiście zapisywać je).

Dobieramy odpowiedni rozmiar etykiet, korzystając z opcji RESIZE.

Przedetem możecie sprawdzić jakie są wymiary Waszego bloga. Wchodzicie w Szablon, Dostosuj i zaglądacie do rubryki Dostosuj Ustawienia szerokości. Ja np  przygotowałam sobie etykiety (lub raczej ich matrycę) o wymiarach 130 na 80 pikseli. W ten sposób udało mi się zmieścić na całej szerokości nagłówka 7 etykiet.

Gdy etykiety są gotowe, otwieramy nowy wpis w Bloggerze i pobieramy do niego kolejno nasze etykiety.

Tu taka mała podpowiedz. Jeżeli chcecie, by etykiety ustawiły się Wam w jednej linii pobieramy je będąc w trybie HTML. Tu bowiem macie możliwość zaznaczenia opcji Brak wyrównania i oczywiście oryginalny wymiar. Po to przecież wcześniej robiliśmy mozolne obliczenia: ile etykiet o długości x zmieści się na długości y (wymiary bloga). Kłania się odrobina matematyki, ale nie żeby zaraz panikować widząc takie równanie z dwoma niewiadomymi. Tu matematyka zupełnie nie gryzie.

Teraz, gdy mamy już etykiety ustawione w odpowiedniej kolejności w naszym wpisie na Bloggerze, podczepiamy pod nie odpowiednie linki. Jeżeli nie wiecie jak stworzyc etykiety zajrzyjcie do wpisu: Jak upiekszyc bloga 3. 

A jezeli nie wiecie jak podczepic linki pod obrazek do wpisu : Jeszcze prostszy sposob na zrobienie ikonek mediow spolecznosciowych

Teraz przełąnczacie się na tryb HTML (ikonka w lewym górnym rogu obok Nowy post) i kopiujecie tak uzykany kod HTML.

Udajemy się do zakładki Układ, Dodaj gadżet, wybieramy HTML/Java Script, zapisujemy do niego nasz pobrany uprzednio kod, gadżet przeciągamy nad obszar pisania tekstu, zapisujemy rozmieszczenia i rozkoszujemy się świeżutkim liftingiem naszego bloga.

Jak dodać gadżet nad nagłówkiem bloga?

No może w mojej metodzie nie do konca można tak to nazwać (ja wrzuciłam to pod wyszukiwarki), bo po prostu obeszłam ten problem. Ale powiedzmy sobie, że marzy się Wam umieszczenie ikonek mediów społecznościowych nad banerkiem bloga. Na pewno jednym z rozwiązan jest wbudowanie ich w banerek (tę opcję przerobimy wkrótce). Ale mozna zrobic to inaczej, a mianowicie tak:

Wrzuciłam do jednego wpisu na Bloggerze: i moje ikonki (z odpowiednimi linkami), i banerek, i kategorie (też odpowiednio podlinkowane). Pobrałam kod HTML całości (czyli tego galimatisu) i wrzuciłam go w Układzie (tak jak opisałam powyżej) nad obszar pisania tekstu.

Teraz powiecie pojawia się problem tytułu i opisu bloga, który w tym miejscu pojawia się automatycznie nad banerkiem. Mam tu 2 propozycje rozwiązania:

Pierwsza: Wejść w Szablon, Dostosuj, Zaawansowane i tam, gdzie mamy tytuł bloga ustawić go na 0 (zero) pikseli, czyli uczynić niewidocznym, a opis bloga zrobić transparentną czcionką. Podobno tak się kiedyś pozycjonowało strony pisząc jeden tekst widoczny dla ludzi, a inny widoczny dla wyszukiwarek, który wkomponowywał się w tło. Ale ponieważ od tamtego czasu wyszukiwarki nie lubią jak się robi je w głupa, a opis bloga (pod wyszukiwarki) dobrze mieć, wymyśliłam inne rozwiązanie.

Po prostu przygotowujecie sobie niewidoczny banerek. Ja np zrobiłam taki transparentny 1 na 1 pikseli i wstawiacie go na bloga, zaznaczając przy tym, że banerek jest w miejsce tytułu i opisu bloga.

Teraz jeszcze pokrótce jak dodać spersonalizowane kategorie w panelu bocznym?

Posłużyłam się tu tą samą metodą. Dodam, że dodatkowo wykorzystałam ją na moim worpdressowskim blogu Moda na bio. (Tam też macie gadżet Tekst, gdzie możecie wkleić dowolny kod HTML). Tyle  że na wordpressie jest tyle rożnych wtyczek pokazujących najnowsze posty  że nie bardzo widzę sens takiej zabawy.

Przygotowałam sobie ozdobne etykiety dla poszczególnych kategorii w PicMonkey.

Mogą to być np linki do wybranych wpisów, które w pierwszej kolejności chcecie podsunąć czytelnikowi i niekoniecznie umieszczając je w panelu bocznym, ale np na stronie “O mnie”. Dobrze wrzucic na niej linki do swoich najlepszych wpisów, by dać próbkę tego, co macie do zaoferowania nowemu czytelnikowi.

Następnie wrzuciłam ikonki do nowego postu na Bloggerze i podlinkowałam do odpowiednich kategorii.  Pobralam kod HTML (jak w przykładzie powyżej). Teraz możecie wejść w Układ, dodaj gadżet, wybrać HTML/Java Script i ustawić w dowolnym miejscu na stronie.

Podobnie można wstawić własne zdjęcie, linki do stron “O mnie”, czy “Wspołpraca”, a  także ikonki mediów  społecznościowych. Co Wam się rzewnie podoba. Zresztą już wkrótce zabieram Was w podróż po ładnych blogach, by trochę popodglądać jak to robią inni i może trochę się poinspirować.

A to już kulisy mojej zakładki “O mnie”.  

Jeszcze porcja inspiracji z francuskiej blogosfery: autorstwa Miny z  Z bloga Girly blog

Red lipstick

Z bloga un-brin-f-utile

Z bloga le blog de vaneta

 No i z mojego francuskojezycznego bloga Anavella

A poza tym kilka podobnych wpisow:

Jak wstawic zdjęcie w nagłowku bloga na Bloggerze Jeden z pomysłow na stworzenie banerku na bloga   
Jak wybrac odpowiednią szatę graficzną dla Twojego bloga?  
Jak stworzyc favikon i dodac na bloga? 

 

Opublikowany przez BEATA REDZIMSKA

Jestem blogerką, emigrantką, poczwórną mamą. Kobietą, która nie jednego w życiu doświadczyła, z niejednego pieca jadła chleb. Od prawie 20 lat mieszkam na emigracji we Francji, w Paryżu. Uważam, że emigracja to dobra szkoła życia i wymagająca, choć bardzo skuteczna lekcja pokory. Ale też wewnętrznej siły i zdrowego dystansu do samego siebie i momentami wystawiającej nas na próby codzienności. Jestem tu po to, by pomóc Ci lepiej pisać, skuteczniej docierać do czytelnika, wywołać większe zaangażowanie w social mediach. Czasami rozśmieszę lub zmotywuję. Ale równolegle do Vademecum Blogera jestem autorem kilku niezależnych miejsc w sieci. Ponieważ wiele osób pyta się mnie, jak mimo 4 ciąży i 40 - stki na karku udało mi się zachować linię nastolatki, uruchomiłam kanał na YouTube o zdrowym gotowaniu - bezglutenowo - bezmlecznie. Znajdziesz mnie również na blogu BeataRed.com i powiązanym z nim Instagramie, gdzie piszę bardziej osobiście o Paryżu i mojej pasji, jaką jest nauka języka francuskiego. A jeżeli interesują Cię praktyczne porady o tym, jak budować swoją obecność w sieci zapraszam na mój kanał na You Tube z blogowymi tutorialami.

Dołącz do rozmowy

13 komentarzy

  1. Uwielbiam Twoje wpisy! Bardzo mi pomagają w tworzeniu własnego, spersonalizowanego bloga. 🙂 Dziękuję

  2. Witam
    Bardzo dziękuję za cenne porady dotyczące prowadzenia i ulepszania bloga. Kilka dni temu założyłam blog na blogerze i bardzo mi pomogły Pani rady. Wcześniej prowadziłam blog na bloxie i uważam, że bloger daje dużo więcej możliwości i przyjemniej się będzie na nim pisało. Pozdrawiam i jeszcze raz bardzo dziękuję.

  3. Dziękuję za pomoc! Najlepsze tutoriale blogowe ever!:) Czytam skrupulatnie każdy Twój artykuł/ instrukcję i wdrażam:). Idzie mi powoli, ale widzę efekty! Gdy już skończę (czy to w ogóle kiedyś następuje, hehe) nie omieszkam się pochwalić i wysłuchać konstruktywnej krytyki:). W końcu baardzo przyczyniasz się do tworzenia mojego małego miejsca w sieci! Pozdrawiam serdecznie! Życzę dużo uśmiechu!

  4. Brawo! Naprawde swietny blog. Bardzo duzo przydatnych postow dzieki ktorym wszystko staje sie prostsze 😉 Numer jeden na mojej liscie! Dziekuje

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Nowość - KURS - Twój pierwszy produkt online - 39,99 PLN + VAT Odrzuć

Exit mobile version